-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
228 lines (216 loc) · 6.75 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
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
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="en">
<!-- Head Section Start -->
<head>
<!-- Meta Tags -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Title -->
<title>
CoDoc19 - A telegram bot that helps you stay up to date on COVID-19
</title>
<!-- Favicon -->
<link rel="icon" href="img/favicon.png" />
<!-- Core Stylesheet -->
<link href="style.css" rel="stylesheet" />
<!-- Font Styles -->
<link
href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600&display=swap"
rel="stylesheet"
/>
</head>
<!-- Head Section End -->
<!-- Body Start -->
<body>
<!-- Body Wrap Start -->
<div class="bodyWrapper">
<!-- Header Section Start -->
<div class="nav">
<!-- Logo Section Start -->
<div class="icon">
<img class="mainIcon" src="img/favicon.png" />
<a href="index.html">
<p class="logo">CODOC19</p>
</a>
</div>
<!-- Logo Section End -->
<!-- Links -->
<div class="icons">
<div class="skynoxicon">
<a href="https://github.com/teamxenox/CoDoc19/">
<img src="/img/github.png" />
</a>
<a href="http://teamxenox.com/">
<img src="/img/skynox.png" />
</a>
</div>
</div>
</div>
<!-- Header Section End -->
<!-- Content Wrapper Start -->
<div class="wrapper">
<!-- Caption Area Start -->
<div class="leftContent">
<p class="pHeader">
CoDoc19
</p>
<p class="pCaption">
CODOC-19 is a Telegram bot that helps you stay up to date on
COVID-19 and make informed decisions. It shows latest stats on the
virus spread and also helps you test whether you are at risk of
infection.
</p>
<!-- Features Button -->
<p class="BtnSection">
<a href="#features">
<buttton class="featuresBtn">
Features
</buttton>
</a>
<!-- Checkout Button -->
<a href="https://t.me/CoDoc19Bot">
<buttton class="featuresBtn2">
Checkout
</buttton>
</a>
</p>
</div>
<!-- Caption Area End -->
<div class="rightContent">
<img src="img/mob_1.png" alt="productImg" />
</div>
</div>
<!-- Content Wrapper End -->
<!-- Wrapper -->
<div class="wrapper">
<!-- Features Icon Section Start -->
<a name="features">
<div class="featureSection">
<a href="#f1">
<div class="featureIcon">
<center>
<img src="img/p1.png" />
<h3>COVID - 19 Test</h3>
</center>
</div>
</a>
<a href="#f2">
<div class="featureIcon">
<center>
<img src="img/p3.png" />
<h3>Get Status</h3>
</center>
</div>
</a>
<a href="#f3">
<div class="featureIcon">
<center>
<img src="img/p2.png" />
<h3>Q & A Option</h3>
</center>
</div>
</a>
<a href="#f4">
<div class="featureIcon">
<center>
<img src="img/p4.png" />
<h3>Detailed Charts</h3>
</center>
</div>
</a>
</div>
</a>
<!-- Features Icon Section End -->
</div>
<!-- Wrapper End -->
<!-- Features Description Section Start -->
<div class="wrapper">
<!-- Feature 1 -->
<a name="f1">
<div class="leftContent">
<h2>
To check the likelihood of having COVID 19
</h2>
<p class="cmd">/test</p>
<p class="featurep">
With this test you can quickly check the likelihood of having
Covid-19. This test is regularly updated and based on the
recommendations of certified health organizations. It is purely
intended to provide guidance and is not an official diagnosis.
</p>
</div>
<div class="rightContentfeature">
<img src="img/mob_test.png" alt="productImg" />
</div>
</a>
</div>
<div class="wrapper">
<!-- Feature 2 -->
<a class="falign" name="f2">
<div class="rightContentfeature">
<img src="img/mob_stats.png" alt="productImg" />
</div>
<div class="leftContentfeature">
<h2>
Get Latest Info
</h2>
<p class="cmd">/stats</p>
<p class="featurep">
To get statistics related to death, active cases and recovered
cases. Both global level and country wise.
</p>
</div>
</a>
</div>
<div class="wrapper">
<!-- Feature 3 -->
<a name="f3">
<div class="leftContent">
<h2>
To check if you're taking the correct protective measures against
COVID-19.
</h2>
<p class="cmd">/quiz</p>
<p class="featurep">
Several questions with options. You have to choose the right
answer to ensure you have been good in taking measures
</p>
</div>
<div class="rightContentfeature">
<img src="img/mob_quiz.png" alt="productImg" />
</div>
</a>
</div>
<div class="wrapper">
<!-- Feature 4 -->
<a class="falign" name="f4">
<div class="rightContentfeature">
<img src="img/mob_chart.png" alt="productImg" />
</div>
<div class="leftContentfeature">
<h2>
Get Details through Charts
</h2>
<p class="cmd">Click Chart Button</p>
<p class="featurep">
You can also generate charts for both global and country stats.
Simply click the chart button to generate a chart
</p>
</div>
</a>
</div>
</div>
<!-- Feature Description Section End-->
<!-- Footer Section Start -->
<div class="footer">
Created by Skynox Tech. 2020 -
<a class="contact" href="http://teamxenox.com/">Contact Us</a>
</div>
<!-- Footer Section End -->
</body>
<!-- Body End-->
</html>