8
8
< link rel ="stylesheet " href ="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css ">
9
9
</ head >
10
10
< body >
11
- < div class ="weather-app ">
11
+ < div class ="weather-app night-clear ">
12
12
< div class ="weather-container ">
13
13
14
14
< ul class ="weather-information ">
@@ -19,10 +19,9 @@ <h1 id="temp" class="temp">23°C</h1>
19
19
< h1 id ="city-name " class ="city "> Kadapa</ h1 >
20
20
< h4 id ="date-time " class ="time "> 2024-02-06 3:59</ h4 >
21
21
</ li >
22
- < li class ="column ">
23
- < img id ="icon " class ="icon " src ="./icons/night/113.png " class ="icon " alt ="icon " />
24
- < span id ="condition " class ="condition "> Clear</ span >
25
- </ li >
22
+
23
+ < img id ="icon " class ="icon " class ="icon " alt ="icon " />
24
+
26
25
27
26
</ ul >
28
27
< ul class ="weather-suggestions ">
@@ -35,16 +34,16 @@ <h4 id="date-time" class="time">2024-02-06 3:59</h4>
35
34
< a class ="location " id ="getlocation "> < i class ="fa fa-location-arrow "> Get Weather of your city</ i > </ a >
36
35
</ li >
37
36
< li class ="city "> London</ li >
38
- < li class ="city "> Delhi </ li >
39
- < li class ="city "> Canada </ li >
40
- < li class ="city "> Morocco </ li >
37
+ < li class ="city "> Kabul </ li >
38
+ < li class ="city "> Ottawa </ li >
39
+ < li class ="city "> california </ li >
41
40
</ ul >
42
41
< h3 class ="weather-de "> Weather details</ h3 >
43
42
< li class ="weather-details ">
44
43
45
44
< div class ="row ">
46
- < h3 class ="country "> Country</ h3 >
47
- < h3 id ="country " class ="country "> India</ h3 >
45
+ < p class ="country "> Country</ p >
46
+ < span id ="country " class ="country "> India</ span >
48
47
49
48
</ div >
50
49
< div class ="row ">
0 commit comments