-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex(backup).html
97 lines (83 loc) · 4.22 KB
/
index(backup).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
<!DOCTYPE html>
<html>
<head>
<title>COVIDify</title>
<meta name="viewport" content= "width=device-width", initial-scale="1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="scrollbar.css">
<script src="https://kit.fontawesome.com/5f49a5e6a5.js" crossorigin="anonymous"></script>
<link rel="icon" type="image/png" href="smol_logo.png">
<script src="https://kit.fontawesome.com/5f49a5e6a5.js" crossorigin="anonymous"></script>
<script src="https://kit.fontawesome.com/5f49a5e6a5.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="navbar">
<div class = "logo">
<a href="#home"><img src="logo(7).png" alt="logo of COVIDify"></a>
</div>
<ul class="nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="map.html" target = "_blank" >Map</a></li>
<li><a href="tables.html" target = "_blank" >Graphs</a></li>
<li><a href="#precautions">Precautions</a></li>
<li><a href="#tech">Tech</a></li>
<li><a href="#contact">About us</a></li>
</ul>
</div>
<section class="banner-area" id="home">
</section>
<div class="bg-text">
<h1>Welcome to COVIDify!</h1>
<h2 style="font-size:30px">Covid-19 facts & figures at your fingertips. Equip yourself with what's important.</h2>
</div>
<section class="about-area" id="about">
<div class="text-part">
<h1>
About COVIDify</h1>
<h2>
COVIDify is a COVID-19 Dashboard.</h2>
<p>Our main aim is to educate the common man who isn't "tech-savvy" per se, with regards to the evolving Covid situation in a fun, easy and interactive way.
A user will be able to choose from following visuals - graphs, map and tables.
He/She will also be able to telescope into local issues (near him/her) or zoom out to issues at a larger scale such as his state or country.</p>
</div>
</section>
<section class="port-area" id="precautions">
<div class="text-part">
<h1>
Precautions One Needs To Take</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquid atque commodi dolor est nobis veniam! Eius rerum, unde. Accusamus corporis esse eveniet exercitationem fugiat harum pariatur sequi similique tenetur vitae. Aliquam amet est excepturi, exercitationem facere fugit ipsa laborum molestiae nemo officiis placeat quos repellat saepe temporibus voluptatum.</p>
</div>
</section>
<section class="service-area" id="tech">
<div class="text-part">
<h1>
Tech Behind This</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquid atque commodi dolor est nobis veniam! Eius rerum, unde. Accusamus corporis esse eveniet exercitationem fugiat harum pariatur sequi similique tenetur vitae. Aliquam amet est excepturi, exercitationem facere fugit ipsa laborum molestiae nemo officiis placeat quos repellat saepe temporibus voluptatum.</p>
</div>
</section>
<section class="contact-area" id="contact">
<div class="text-part">
<h1>
About The Creators</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. A aliquid atque commodi dolor est nobis veniam! Eius rerum, unde. Accusamus corporis esse eveniet exercitationem fugiat harum pariatur sequi similique tenetur vitae. Aliquam amet est excepturi, exercitationem facere fugit ipsa laborum molestiae nemo officiis placeat quos repellat saepe temporibus voluptatum.</p>
</div>
</section>
<div class="right-bar">
<div class="icons">
<a href="https://www.youtube.com/user/PewDiePie/featured" target="_blank" class="icon-btn"><i class="fab fa-youtube"></i></a>
<a href="https://www.instagram.com/anmoltookthese/?hl=en" target="_blank" class="icon-btn"><i class="fab fa-instagram"></i></a>
<a href="https://twitter.com/elonmusk?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" target="_blank" class="icon-btn"><i class="fab fa-twitter"></i></a>
<a href="https://www.facebook.com/zuck" target="_blank" class="icon-btn"><i class="fab fa-facebook"></i></a>
<a href="mailto:[email protected]?Subject=Hi!" target="_top" class="icon-btn"><i class="fas fa-envelope"></i></a>
</div>
</div>
<footer>
<p>
Created with <i class="fa fa-heart"></i> by<a target="_blank" href="https://github.com/ANMOLCODES">Team COVIDify</a>
</p>
</footer>
</body>
</html>