HTML-challenge/RamiHTML3.html at main · Ramikadaweh/HTML-challenge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel = "stylesheet" type = "text/css" href = "C:\Users\Ctop\codi\HTML-challenge\style3.css">
</head>
<header>
    <img src="https://th.bing.com/th/id/OIF.VVL3lTrg8xqnuA7iX0yqAA?w=330&h=180&c=7&r=0&o=5&pid=1.7" alt="weather news"></img>
</header>
<body>
    <div class="container1">
        <div class="nav">
            <a href="#home">Home</a>
            <a href="#news">News</a>
            <a href="#contact">Contact</a>
            <a href="#about">About</a>
            <a href="#reference">Reference</a>
            <a href="#details">Details</a>
        </div>
        <div class="container2">
            <div class="container2-1">
                <menu>

                  <a href="http://www.meteociel.fr/modeles/gfse_cartes.php">GFS</a>
                  <a href="http://www.meteociel.fr/modeles/ecmwf.php">EUROP</a>
                  <a href="http://www.meteociel.fr/modeles/geme_cartes.php">CANADIAN</a>
                  <a href="http://www.meteociel.fr/modeles/icone_cartes.php">ICON</a>
                  <a href="#">NASA</a>
                  <a href="#">NAVGEM</a>
                  <a href="https://www.wetterzentrale.de/de/show_diagrams.php?model=gem&lid=ENS&var=201&bw=&geoid=81702">CMC</a>
                  <a href="http://ds.data.jma.go.jp/tcc/tcc/products/model/map/1mE/map1/pztmap.php">JMA</a>
                  <a href="#">UKMO</a>
                  <a href="http://www.meteociel.fr/modeles/ecmwf.php">ESMWF</a>
                  <a href="http://www.meteociel.fr/cartes_obs/gens_display.php?ext=1&lat=34.63&lon=36.326">GEFS</a>

                </menu>
                <div class="contacts">
                    <b class="con">
                        HARRICANE
                    </b>
                    <p>
                        As a strong hurricane heads towards the coast, people prepare - boarding up houses, packing the car, and evacuating These storms can spell disaster for people
                    </p>
                </div>


            </div>

            <div class="container2-2">
                <b>what's is weather ? <hr></b>
                <p>Weather is the mix of events that happen each day in our atmosphere. Weather is different in different parts of the world and changes over minutes, hours, days and weeks. Most weather happens in the troposphere, the part of Earth’s atmosphere that is closest to the ground.</p>
                <b>Predicting Weather <hr></b>
                <p>Meteorologists develop local or regional weather forecasts including predictions for several days into the future. The best forecasts take into account the weather events that are happening over a broad region.</p>
                <div class="container2-3">
                    <div class="container2-3-1">
                        <b>Snow Storm</b>
                        <p>A storm where precipitation falls as snow is called a snowstorm. In the winter, most precipitation forms as snow </p>
                        <button>Read more</button>
                    </div>
                    <hr>
                    <div class="container2-3-2">
                        <b>Ice Storm</b>
                        <p>An ice storm is a winter storm that has an accumulation of at least 0.25 inch (6.35mm) of ice on all outdoor surfaces</p>
                        <button>Read more</button>
                    </div>
                </div>
        </div>


    </div>

    <form class="survey-form">
        <b id="contact">contact us</b>
        <label for="name" id="name-label">Name</label>
        <input type="text" placeholder="enter your name" id="name" name="name" required>
        <label for="email" id="email-label">Email</label>
        <input type="email" placeholder="enter your Email"  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" id="email" name="email"  required >
        <label for="message" id="message-label">message</label>
        <input type="message" id="message" placeholder="enter your message">
        <div id="rd">
            <input type="radio" name="rd" value="Definitely">Complaint
            <input type="radio" name="rd" value="Not sure">Suggestion
        </div>
        <input type="submit" id="submit">

    </form>

</body>