-
Notifications
You must be signed in to change notification settings - Fork 0
/
covid-19.html
200 lines (197 loc) · 9.41 KB
/
covid-19.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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<title>Software Engineering | COVID-19</title>
<link rel="icon" href="Artworks/logo3.png">
<link rel="stylesheet" href="navbarOne.css">
<link rel="stylesheet" href="navbarTwo.css">
<link rel="stylesheet" href="navbarThree.css">
<link rel="stylesheet" href="covid-style.css">
<link rel="stylesheet" href="footer.css">
<link rel="stylesheet" href="no-event.css">
<style>
html
{
scroll-behavior: smooth;
}
</style>
</head>
<body>
<!-- FIRST NAVIGATION BAR -->
<div class="container navbar__container">
<nav class="navbar__flex">
<div class="navicon" style="display: inline">
<img class="navuniicon" src="Artworks/UniLogo.png" style="display: inline">
</div>
<div class="navicon2" style="display: inline">
<img class="navuniicon2" src="Artworks/logoFaculty.png" style="display: inline">
</div>
<div class="navbar__right">
<label for="navbarToggler" class="navbar__toggler__label">
<span class="navbar__hamberger"></span>
<span>Menu</span></label>
<input type="checkbox" name="" class="navbar__toggler__input" id="navbarToggler">
<ul class="navbar__links">
<li><a href="http://fcih.helwan.edu.eg/index.php/ar/" target="_blank">Faculty</a></li>
<li><a href="staff.html">Staff</a></li>
<li><a href="visit.html">Visitors</a></li>
<li><a href="jobs.html">Jobs</a></li>
</ul>
</div>
</nav>
</div>
<!-- SECOND NAVIGATION BAR -->
<div class="wrapper tabled">
<div class="stage" id="page1">
<div class="middled">
<div class="link-1">
<a href="indexTwo.html"><span class="thin">About Us</span></a>
</div>
<div class="link-1">
<a href="#"><span class="thin">Admission</span></a>
</div>
<div class="link-1">
<a href="#"><span class="thin">Online</span></a>
</div>
<div class="link-1">
<a href="index.html"><img src="Artworks/Model_2.png" class="centerlogonav"
style="margin-left: -70px"></a>
</div>
<div class="link-1">
<a href="Event.html"><span class="thin">Events</span></a>
</div>
<div class="link-1">
<a href="#"><span class="thin">Campus</span></a>
</div>
<div class="link-1">
<a href="#"><span class="thin">Careers</span></a>
</div>
</div>
</div>
</div><hr><br><br>
<div class="covid-wrapper">
<div class="covid-overlay-1">
<div class="content-1">
<div class="covid-heading-1">
<h1>How to stay safe against COVID-19?</h1>
</div>
<div class="covid-instructions">
<div class="instruction-1 ins">
<div class="instruction-text-1 txt">
<h3>1. Hand-washing</h3>
<p>
Regular hand-washing is one of the main ways to help prevent the transmission of
coronavirus.
People should use plenty of soap and water to wash their hands for at least 20 seconds,
especially after: traveling on public transport, being in a public place, coughing, and
sneezing. If a person is not able to use soap and water, they can use a hand sanitizer
containing at least 60% alcohol.
</p>
</div>
<div class="vector-1 vctr">
<img class="svg" src="Artworks/svg/001-liquid-soap.svg">
</div>
</div>
<div class="instruction-2 ins">
<div class="vector-2 vctr">
<img class="svg" src="Artworks/svg/002-no-touch.svg">
</div>
<div class="instruction-text-2 txt">
<h3>2. Avoiding touching the face</h3>
<p>
People should avoid touching their eyes, nose, and mouth with their hands, especially if
they are unwashed. This can help limit the spread of germs and reduce the likelihood of
them getting sick. The hands come into contact with several surfaces throughout the day,
and they may pick up viruses this way. A new report suggests that SARS-CoV-2 can remain
on certain surfaces for up to 3 days. If a person then touches their face, viruses can
transfer to the eyes, nose, or mouth and enter the body.
</p>
</div>
</div>
<div class="instruction-3 ins">
<div class="instruction-text-3 txt">
<h3>3. Calling ahead for medical attention</h3>
<p>
Anyone with a fever, cough, or difficulty breathing in an area with a COVID-19 outbreak
should seek medical advice. Calling ahead before visiting a healthcare facility allows
healthcare providers to reduce the risk of the virus spreading to others. For example,
they may have the person use a designated entrance at the hospital, which helps keep
them away from vulnerable patients.
</p>
</div>
<div class="vector-3 vctr">
<img class="svg" src="Artworks/svg/003-ambulance.svg">
</div>
</div>
</div>
</div>
<div class="content-2">
<h2>
People can catch COVID-19 from other people who have the virus. The disease is spread mainly from
person to person through small droplets that a person with Covid-19 secretes from their nose or
mouth when they cough, sneeze or speak. These droplets have a relatively heavy weight, as they do
not move to a faraway place, but rather fall quickly to the ground. People can contract Covid-19
disease if they breathe in these droplets from a person who has the virus infection. Therefore it is
important to maintain a distance of at least 1 meter (3 feet) from others. These droplets may land
on objects and surfaces surrounding a person, such as tables, doorknobs and stair railings. People
can then become infected when they touch these objects or surfaces and then touch their eyes, nose,
or mouth. Therefore, it is important to wash hands frequently with soap and water, or to clean them
with an alcohol-based hand rub disinfectant.
</h2>
</div>
</div>
</div>
<!-- FOOTER -->
<footer class="footer-distributed">
<div class="footer-left">
<h3>Helwan<span> University</span></h3>
<p class="footer-links">
<a href="home.html">Home</a>
·
<a href="#">Blog</a>
·
<a href="#">Student</a>
·
<a href="indexTwo.html">About</a>
·
<a href="#">Faq</a>
·
<a href="#">Contact</a>
</p>
<p class="footer-company-name">FCAIH SWE © 2020</p>
</div>
<div class="footer-center">
<div>
<i class="fa fa-map-marker"></i>
<p><span><i>Ein Helwan</i></span> Cairo, Egypt</p>
</div>
<div>
<i class="fa fa-phone"></i>
<p>+201023890834</p>
</div>
<div>
<i class="fa fa-envelope"></i>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
<div class="footer-right">
<p class="footer-company-about">
<span>About the college</span>
Copyright @2020 IT TEAM. All rights reserved.
</p>
<div class="footer-icons">
<a href="https://www.facebook.com/FcihSweProgram" target="_blank"><img src="Artworks/iconfinder_Facebook-01_1961303.png"></i></a>
<a href="https://www.linkedin.com/groups/1700347/" target="_blank"><img src="Artworks/iconfinder_Linked_In-01_1961297.png"></i></a>
<a href="https://www.instagram.com/explore/locations/1848187432147307/fcih-software-engineering-program/" target="_blank"><img src="Artworks/iconfinder_Instagram-01_1961298.png"></i></a>
<a href="https://www.youtube.com/watch?v=vANejNCagpY" target="_blank"><img src="Artworks/iconfinder_YouTube-01_1961288.png"></i></a><br>
<span class="up"><a href="#"><img src="https://cdn141.picsart.com/300823105229211.png?type=webp&to=min&r=640"></a> </span>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>