-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
123 lines (118 loc) · 6 KB
/
index.html
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0">
<meta name="description" content="Get the real-time most up-to-date Figures, Info, Tips, Facts and all you need to know about COVID19 across Nigeria. Developed by Shamxeed.">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="https://img2.pngio.com/nigeria-flag-image-country-flags-nigeria-flag-png-250_250.png">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
<title>Covid19 Update Nigeria</title>
</head>
<body>
<div id="mainDiv">
<!-------------- CASES --------------->
<div id="cases">
<div id="welcomeDiv">
<h1>COVID-19 NIGERIA</h1>
<P id="date">loding...</P>
</div>
<div class="subsequentDivs grey">
<h3>Sample Tested</h3>
<i class="fas fa-viruses"></i>
<p id="sample" class="figures">loding...</p>
</div>
<div class="subsequentDivs blue">
<h3>Confirmed Cases</h3>
<i class="fas fa-viruses"></i>
<p id="confirmedCases" class="figures">loding...</p>
</div>
<div class="subsequentDivs yello">
<h3>Active Cases</h3>
<i class="fas fa-viruses"></i>
<p id="activeCases" class="figures">loding...</p>
</div>
<div class="subsequentDivs green">
<h3>Discharged Cases</h3>
<i class="fas fa-viruses"></i>
<p id="discharged" class="figures">loding...</p>
</div>
<div id="blink" class="subsequentDivs red">
<h3>Death</h3>
<i class="fas fa-viruses"></i>
<p id="death" class="figures">loding...</p>
</div>
</div>
<!---------------TABLE DISPLYING STATES STATS------------------->
<div id="table_to_tweets">
<div id="tableMainDiv">
<h2>Confirmed Cases by State</h2>
<div id="tableDiv">
<table id="table">
<tr>
<th class="smallWidth">States</th>
<th>No of Cases (Lab Confirmed)</th>
<th>Cases (on admission)</th>
<th>Discharged</th>
<th class="smallWidth">Deaths</th>
</tr>
</table>
</div>
</div>
<!----------------HIGHLIGHTING EVERYDAY STATS----------------->
<div id="highlight_to_tweets">
<div id="highlightMainDiv">
<div id="highlight">
<h2>Highlights</h2>
<ul>
<li>
On the 7th of September 2021, 597 new confirmed cases and 17 deaths were recorded in Nigeria.
</li>
<li>
Till date, 196487 cases have been confirmed, 185159 cases have been discharged and 2573 deaths have been recorded in 36 states and the Federal Capital Territory.
</li>
<li>
The 597 new cases are reported from 14 states- Lagos (204), Rivers (89), Edo (65), FCT (50), Oyo (47), Enugu (46), Ekiti (24), Cross River (17), Delta (15), Gombe (15), Osun (12), Plateau (6), Benue (5) and Kano (2).
</li>
</ul>
</div>
</div>
<!------------------EMBEDDING NCDC TWEETS----------------------->
<div id="tweetsMainDiv">
<div class="tweet">
<a class="twitter-timeline" data-width="350" data-height="550" data-dnt="true" href="https://twitter.com/NCDCgov?ref_src=twsrc%5Etfw">Tweets by NCDCgov</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8">'Tweets Error'</script>
</div>
</div>
</div>
</div>
<!-----------------VIDEO TIPS AND FACTS--------------------->
<div id="videoTipsMainDiv">
<div class="videoTips">
<iframe height="315" src="https://www.youtube.com/embed/Kk9RvLDp_Vg" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen ></iframe>
</div>
<div class="videoTips">
<iframe width="560" height="315" src="https://www.youtube.com/embed/3mX4MzTE6wk" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="videoTips">
<iframe width="560" height="315" src="https://www.youtube.com/embed/Uh7YY-As4jw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</div>
<!----------------FOOTER---------------------->
<footer>
<div id="bio">
<p id="about">
If you like what you see here chances are you may like to know more about the developer, you can always find me on Twitter.
</p>
</div>
<div id="followBtn"><a class="twitter-follow-button" href="https://twitter.com/shamxeed05" data-show-screen-name="false">Follow </a></div>
<p id="copyright">©
<script> let today = new Date()
let year = today.getFullYear()
document.write(year);
</script>
</p>
</footer>
<script src="app.js"></script>
</body>
</html>