-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
81 lines (66 loc) · 4.2 KB
/
about.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>About Us</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="icon" type="image/png" href="img/icon2.png">
<link href="stylesheets/chatbot.css" rel="stylesheet">
<link href="stylesheets/style.css" rel="stylesheet">
</head>
<body style="background-color:#ffedbd">
<img id="bg" src="img/BGimg.png" alt="background">
<div class="menu">
<a href="index.html" id="hashtag">#ACONTAINEDCALAMITY</a>
<!--<a href="article.html">Articles</a>-->
<a href="projects.html">Projects</a>
<a href="chatbot.html">Chat</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</div>
<div class="container-fluid">
<div style="top:10vw; position:absolute; overflow:visible;">
<div class="row" style="overflow-y:visible;overflow-x:visible; height:150px;width:100vw;">
<div style="position:relative;left:10%">
<div class="col-12">
<span style="text-shadow: 2px 2px orange; font-size:100px;overflow-y:hidden;">ABOUT </span>
<span style="text-shadow: 2px 2px orange; font-size:100px;overflow-y:hidden;">US</span>
</div>
</div>
</div>
<div class="row">
<div style="position:relative;left:10%">
<p style="height:55vh; width:80vw; font-size:6vh;overflow:hidden;">This is for those wondering who we are, what we do, why we came about, and all the rest. This is for those wondering who we are, what we do, why we came about, and all the rest.</p>
</div>
</div>
<div class="row">
<div style="position:relative;left:10%">
<p style="height:10vh; max-width:80vw; font-size:50px;overflow:hidden;"><strong>WHAT IS GOING ON?</strong></p>
</div>
</div>
<div class="row">
<div style="position:relative;left:10%">
<p style="min-height:85vh;max-width:80vw; font-size:25px;overflow-y:hidden;">As much as everyone is familiar with the modern day global pandemic COVID-19, this severe notion has radically changed nearly every aspect of our lives. The common life has changed drastically, and the changes that we are observing around us today, many of us had not even imagined about this in the past. Say, it’s the reduced levels of pollution or the way all the nations are collaboratively standing against the pandemic without the urge of dominance. Everything has changed, locally, and internationally as well! It’s impact ranges from dismantling economies, healthcare, and society as a whole.
In this pandemic, even the greatest economies and powers are trembling and falling. More than over 1.5 million of the human population has fallen prey to this global threat. America lost the most number of lives rounding above 20,580 deaths, and cases rounding to 533,115. Spain is losing its human resource at the quickest rate of 346 cases from the country per 100,000 cases in the world. It is followed by Italy, with a net figure of 244 per 100,000. Respectively, these countries saw the deaths of 16,972 and 19,648 people in their country. While the American and European subcontinents seem to be worstly affected, meanwhile in Asian region, Russia and India are going through the stage where cases are doubled every 3 days. While these countries situated miles apart are going through massive loss, China, where the first cases of coronavirus were reported, has knocked the virus, and reported only 3,339 deaths and 82,052 cases in its national boundary. The long term social caused by COVID-19 can be attributed to unprecedented levels of xenophobic behavior, economic strain, and global panic.
</p>
</div>
</div>
<div class="row">
<div style="width:100%;height:8vh;top:140vh; background:black; overflow:hidden;"></div>
</div>
<!-- CURRENTLY FOOTER DOESNT WORK WITH THE DIV RESTRICTING THE LEFT VALUE
</div>-->
<!--
<div class="row" style="overflow-y:hidden; height:20vh;position:absolute;top:300vh;">
-->
</div>
</div>
<!--
<span id="coming_soon">
<h1>Coming Soon</h1>
<br><h2>If you want to help visit </h2>
<a href="https://helpwithcovid.com/">helpwithcovid.com</a>
</span>
-->
</body>
</html>