Weather-App/index.html at main · anu1234github/Weather-App · 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
<!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>Weather App</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <h1>WEATHER APP</h1>
    <div class="main-box">

        <div class="search">
             <input class="enter-city" id="enter-city" placeholder="Enter city name" type="text" required >

        </div>

        <div class="details">
            <!-- will store location detais : city name and day-date  -->
            <div class="location-details">
                <div id="cityname" class="cityname"></div>
                <div id="day-date" class="day-date"></div>
            </div>
            <!-- will store data of weather :  on date temperature details , max-min temp of date, weather-type,  -->
            <div class="weather-details">
                <div id="temp" class="temp"></div>
                <!-- <div id="daynighttemp " class="daynighttemp"> </div> -->
                <div id="weathertype" class="weathertype"></div>
                <div id="humidity" class="humidity"></div>
                <div id="wind-speed" class="wind-speed"></div>
                <div class="image"></div>
            </div>


        </div>
     </div>

</body>
<script src="index.js"></script>
</html>