-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (133 loc) · 5.41 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
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE HTML>
<html>
<head>
<title>COVID 19 SYMPTOM CHECKER</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<header id="header">
<div class="inner">
<a href="#" class="image avatar"> <alt="" /></a>
<h1><strong> Self-Checker helps you quickly find information about the new coronavirus and COVID-19, the disease it causes. Use our interactive tool.</strong><br />
<br />
</a></h1>
</div>
</header>
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<header class="major">
<h2>Screen yourself and Protect Transmission of Novel Corona Virus<br />
.</h2>
</header>
<iframe src="https://links.collect.chat/5ee25ee6657ff734aa2b2b38" width="100%" height="600" frameBorder="0"></iframe>
<iframe src="https://www.covid19india.org/" width="100%" height="600" frameBorder="0"></iframe>
<p>Follow the Safety Measures Issued by the Government and Avoid the transmission of COVID-19 </p>
<ul class="actions">
<li><a href="https://www.mohfw.gov.in/" class="button">Learn More</a></li>
</ul>
</section>
<!-- Two -->
<section id="two">
<h2>Precautions & Measures</h2>
<div class="row">
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/01.jpg" class="image fit thumb"><img src="images/thumbs/01.jpg" alt="" /></a>
<h3>Maintain Social Distance</h3>
<p></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/02.jpg" class="image fit thumb"><img src="images/thumbs/02.jpg" alt="" /></a>
<h3>Wash your Hands Gently.</h3>
<p></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/03.jpg" class="image fit thumb"><img src="images/thumbs/03.jpg" alt="" /></a>
<h3>Don't allow Pets out.</h3>
<p></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/04.jpg" class="image fit thumb"><img src="images/thumbs/04.jpg" alt="" /></a>
<h3>Stay At Home and Avoid Unnessary Travel</h3>
<p></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/05.jpg" class="image fit thumb"><img src="images/thumbs/05.jpg" alt="" /></a>
<h3>Avoid Public Gatherings with huge masses.</h3>
<p></p>
</article>
<article class="col-6 col-12-xsmall work-item">
<a href="images/fulls/06.jpg" class="image fit thumb"><img src="images/thumbs/06.jpg" alt="" /></a>
<h3>Strictly Follow Government Guidelines.</h3>
<p></p>
</article>
</div>
<ul class="actions">
<li><a href="#" class="button"> Back to Top</a></li>
</ul>
</section>
<!-- Three -->
<section id="three">
<h2>Get In Touch</h2>
<p>For more Info</p>
<div class="row">
<div class="col-8 col-12-small">
<form method="post" action="#">
<div class="row gtr-uniform gtr-50">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
</div>
</form>
<ul class="actions">
<li><input type="submit" value="Send Message" /></li>
</ul>
</div>
<div class="col-4 col-12-small">
<ul class="labeled-icons">
<li>
<h3 class="icon solid fa-home"><span class="label">Address</span></h3>
1234 Somewhere Rd.<br />
Chennai,TN 00000<br />
India
</li>
<li>
<h3 class="icon solid fa-mobile-alt"><span class="label">Phone</span></h3>
000-000-0000
</li>
<li>
<h3 class="icon solid fa-envelope"><span class="label">Email</span></h3>
<a href="#">gaddam.harsha21@gmail.com</a>
</li>
</ul>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<ul class="icons">
<li><a href="https://twitter.com/harsha21012000" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://github.com/harsha21012000" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a href="https://www.linkedin.com/in/harsha21012000/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
<li><a href="https://medium.com/@harsha21012000" class="icon brands fa-medium"><span class="label">Medium</span></a></li>
</ul>
<ul class="copyright">
<li>© Harsha21012000</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.poptrox.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>