Hack30/hack30_d1.html at main · Hack-Mercenaries/Hack30 · GitHub

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
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
<!DOCTYPE html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <title>Hack 30: Draft-1</title>
</head>
<style>
    .fa-facebook {
        background: #3B5998;
        color: white;
    }

    .fa-google {
        background: #dd4b39;
        color: white;
    }

    p.social {
        padding-left: 0px;
    }

    .fa-linkedin {
        background: #007bb5;
        color: white;
    }

    .footerhead {
        margin: 0px;
        background-color: rgb(25, 94, 119);
        color: white;
        height: auto;
        border-top: 1px solid white;
    }

    .footerWrapper {
        display: block;
    }

    .footerNav {
        color: #ffffff;
        text-decoration: none !important;
        background-color: transparent;
        -webkit-text-decoration-skip: objects;
    }

    .footerhead h3 {
        text-align: left;
        padding-left: 10px;
        padding-bottom: 6px;
        margin-bottom: 6px;
        color: white;
    }

    .tab {
        display: inline-block;
        margin-right: 300px;
    }

    div.faqs {
        background-color: lightgrey;
        padding: 50px;
        margin: 20px;
        width: 800px;
        text-align: left;
    }

    h2 {
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    }

    .footerhead ul:names li {
        text-align: center;
        font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    }

    .footerhead>.container {
        padding: 0;
    }

    .footerend {
        margin: 0px;
        background-color: rgb(13, 25, 75);
        padding: 1px;
        color: white;
        text-align: center;
    }

    .footerlink a {
        color: #1E88E5;
    }

    .footerlink a:hover {
        color: #fff;
        text-decoration: none;
    }

    footer {
        background-color: rgb(9, 31, 119);
        position: relative;
        font-family: 'Dosis', sans-serif;
        font-size: 18px;
        margin: 0 auto;
    }

    footer section {
        text-align: center;
    }

    .social-link:hover {
        color: #e0e0e0;
    }

    .fa {
        padding: 10px;
        font-size: 30px;
        width: 70;
        text-align: center;
        text-decoration: none;
        margin: 5px 2px;
        border-radius: 700px;
    }

    .fa:hover {
        opacity: 0.7;
    }

    body,
    html {
        height: 100%;
        margin: 20;
    }

    .bgimg-1 {
        /* The image used */
        background-image: url('https://content.fortune.com/wp-content/uploads/2016/12/female-male-doctors-study-jama-mortality.jpg?resize=750,500');

        /* Full height */
        height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bgimg-2 {
        /* The image used */
        background-image: url('https://wallpapercave.com/wp/wp2968489.jpg');

        /* Full height */
        height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .bgimg-3 {
        /* The image used */
        background-image: url('https://cdn.the-scientist.com/assets/articleNo/67152/aImg/36068/vax-thumb-l.png');

        /* Full height */
        height: 100%;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
</style>

<body>

    <div class="container contentContainer" id="about">
        <h2 class="contentHeader">About Covid 19 Virus</h2>

    </div>
    <div class="bgimg-2"></div>
    <div class="container contentContainer" id="aboutvaccine">
        <h2 class="contentHeader">The Vaccines</h2>

    </div>
    <div class="bgimg-2"></div>
    <div class="container contentContainer" id="calc">
        <h2 class="contentHeader">A Fun Calculator for you</h2>

    </div>
    <div class="bgimg-1"></div>
    <div class="container contentContainer" id="graphs">
        <h2 class="contentHeader">Some Predicted Curves</h2>

    </div>
    <div class="bgimg-1"></div>
    <div class="container contentContainer" id="images">

    </div>
    <div class="faqs">
        <h2 class="contentHeader">Time for some FAQs</h2>
        <p style="font-family:Segoe UI">
        <h3 style="font-family:Segoe UI">What is vaccination? </h3>
        <p style="font-family:Segoe UI">Vaccination is a simple, safe, and effective way of
            protecting people against harmful diseases, before they come
            into contact with them. It uses your body’s natural defenses
            to build resistance to specific infections and makes your
            immune system stronger.</p>
        <h3 style="font-family:Segoe UI">How is the vaccine given?</h3>
        <p style="font-family:Segoe UI">Both vaccines are injected into a muscle (“intramuscular”).
            Intramuscular vaccines are usually injected into the
            shoulder
            muscle called the deltoid. </p>
        <h3 style="font-family:Segoe UI">How many shots do I have to get?</h3>
        <p style="font-family:Segoe UI">Both the Pfizer COVID-19 vaccine and the Moderna COVID-19
            vaccine , require two doses. The interval (or, spacing)
            between the Pfizer vaccine dose 1 and dose 2 is 21 days. The
            interval (or, spacing) between the Moderna vaccine, dose 1
            and dose 2 is 28 days. </p>
        <h3 style="font-family:Segoe UI">How long will protection last?</h3>
        <p style="font-family:Segoe UI">It is not yet known how long a person who gets the vaccine
            will be protected: it could be lifetime, like the polio
            vaccine
            or it could be a year, like the flu shot. Experts are
            studying this to learn more, and we will share new evidence
            as it
            becomes available.</p>
        <h3 style="font-family:Segoe UI">Will there be enough vaccine for everyone?</h3>
        <p style="font-family:Segoe UI">Yes, eventually. Initial vaccine supply will be limited so
            not everyone will be able to be vaccinated right away.
            COVID-19
            vaccine will be given to people at highest risk first. Based
            on the recommendations from the National Academies of
            Sciences, Engineering and Medicine’s Framework for Equitable
            Allocation of COVID-19 Vaccine, a phased and equitable
            distribution plan has been developed for New Hampshire.
        </p>
        <h3 style="font-family:Segoe UI">When will I get the COVID vaccine?</h3>
        <p style="font-family:Segoe UI">As we reported in January, when you will get the vaccine
            depends on your age and what you do for a living. It also
            matters where you live; New Jersey, for instance, started
            letting anyone with medical risk factors get vaccinated,
            while Los Angeles County stuck to a more restrictive tiered
            system. Some areas offered extra vaccine doses on a
            first-come, first-served basis, while others ran out.</p>
        <h3 style="font-family:Segoe UI">Why should I get vaccinated?</h3>
        <p style="font-family:Segoe UI">Two key reasons to get vaccinated are to protect ourselves
            and to protect those around us. Because not everyone can be
            vaccinated – including very young babies, those who are
            seriously ill or have certain allergies – they depend on
            others being vaccinated to ensure they are also safe from
            vaccine-preventable diseases.</p>
        <h3 style="font-family:Segoe UI">How are vaccines developed and tested?</h3>
        <p style="font-family:Segoe UI">The most commonly used vaccines have been around for decades,
            with millions of people receiving them safely every year. As
            with all medicines, every vaccine must go through extensive
            and rigorous testing to ensure it is safe before it can be
            introduced in a country.

            An experimental vaccine is first tested in animals to
            evaluate its safety and potential to prevent disease. It is
            then tested in human clinical trials, in three phases</p>
        <h3 style="font-family:Segoe UI">Are vaccines safe?</h3>
        <p style="font-family:Segoe UI">Vaccination is safe and side effects from a vaccine are
            usually minor and temporary, such as a sore arm or mild
            fever. More serious side effects are possible, but extremely
            rare.

            Any licensed vaccine is rigorously tested across multiple
            phases of trials before it is approved for use, and
            regularly reassessed once it is introduced. Scientists are
            also constantly monitoring information from several sources
            for any sign that a vaccine may cause health risks.</p>
        <h3 style="font-family:Segoe UI">Are there side effects from vaccines?</h3>
        <p style="font-family:Segoe UI">Like any medicine, vaccines can cause mild side effects, such
            as a low-grade fever, or pain or redness at the injection
            site. Mild reactions go away within a few days on their own.

            Severe or long-lasting side effects are extremely rare.
            Vaccines are continually monitored for safety, to detect
            rare adverse events.</p>
        <h3 style="font-family:Segoe UI">Is it mandatory to take
            the vaccine?</h3>
        <p style="font-family:Segoe UI">Vaccination for COVID-19 is voluntary.
            However, it is advisable to receive the complete
            schedule of COVID-19 vaccine for protecting
            one-self against this disease and also to limit
            the spread of this disease to the close contacts
            including family members, friends, relatives
            and co-workers.</p>
        <h3 style="font-family:Segoe UI"> Will the vaccine
            introduced in India be
            as effective as the
            ones introduced in
            other countries? </h3>
        <p style="font-family:Segoe UI">Yes. The COVID 19 vaccine introduced in India
            will be as effective as any vaccine developed by
            other countries. Various phases of vaccine trials
            are undertaken to ensure its safety and
            efficacy. </p>
        <h3 style="font-family:Segoe UI"> If one is taking
            medicines for
            illnesses like Cancer,
            Diabetes,
            Hypertension etc, can
            s/he take the COVID19 vaccine? </h3>
        <p style="font-family:Segoe UI"> Yes. Persons with one or more of these
            comorbid conditions are considered high risk
            category. They need to get COVID -19
            vaccination.
        </p>
        <h3 style="font-family:Segoe UI">When would
            antibodies develop?
            After taking first dose,
            after taking second
            dose, or much later?</h3>
        <p style="font-family:Segoe UI">Protective levels of antibodies are generally
            developed two weeks after receiving the 2nd
            dose of COVID-19 vaccine.</p>
        <h3 style="font-family:Segoe UI">Who can’t get the vaccine?</h3>
        <p style="font-family:Segoe UI"> Children and adolescents under age 16 are
            not eligible to receive the Pfizer-BioNTech
            vaccine. Those under age 19 are not
            eligible to receive the Moderna vaccine
            as there are not data on the safety and
            efficacy in this population. While pregnant
            or immunocompromised individuals were
            also not included in the first round of trials,
            patients who are pregnant, lactating, or
            immunocompromised are able to determine
            if they wish to receive the vaccine. These
            patients are encouraged to have a
            discussion on the potential benefits and
            risks with their family physician.
            As with other vaccines, anyone who has a
            fever or other symptoms may not be able to
            get the vaccine until their symptoms resolve.
            This includes those who have symptoms or
            are positive for COVID-19. There is also caution
            for people with documented anaphylactic
            reactions to vaccines. Individuals with a known
            allergy to any of the vaccine components
            should not be immunized. </p>
        <h3>I had COVID-19. Should I still be vaccinated? </h3>
        <p> Yes. Unless you are currently actively infected with
            COVID-19, you should get the vaccine. Studies have shown
            that some
            individuals can get the disease more than once. However, if
            you were treated for COVID-19 symptoms with monoclonal
            antibodies or convalescent plasma, you should wait 90 days
            before getting a COVID-19 vaccine.
        </p>
        <h3> </h3>

        &nbsp;&nbsp;&nbsp;&nbsp;
        &nbsp;&nbsp;&nbsp;&nbsp;<footer>

            &nbsp;&nbsp;&nbsp;&nbsp;</footer>
        </p>
    </div>
    <div class="bgimg-3"></div>
    <div class="footerhead">
        <div class="container footerWrapper">
            <div>
                <div class="col-xs-12 col-sm-4 col-md-4 row1">
                    <h2 style="text-align: center;">The Team:</h2>
                    <div
                        style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; padding-left: 600px;">
                        <span>Ashutosh Sharma</span><span class="tab"></span> <span>Sweety Agarwal</span>
                        <p class="social">
                            <a href="mailto:b20082@students.iitmandi.ac.in" class="fa fa-google"></a>
                            <a href="https://www.linkedin.com" class="fa fa-linkedin"></a>
                            <span class="tab"></span>
                            <a href="mailto:b20082@students.iitmandi.ac.in" class="fa fa-google"></a>
                            <a href="https://www.linkedin.com" class="fa fa-linkedin"></a>
                        </p>
                    </div>
                    <div
                        style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; text-align: center;">
                        Archana Nayak <p class="social">
                            <a href="mailto:b20082@students.iitmandi.ac.in" class="fa fa-google"></a>
                            <a href="https://www.linkedin.com" class="fa fa-linkedin"></a>
                        </p>
                    </div>
                    </ul>
                </div>
            </div>
        </div>
        <br>
    </div>
    <footer class="footerend">
        <div class="medialink-container">
            <a href="https://github.com/KamandPrompt/" target="_blank"><i class="fa fa-github socialIcons"></i></a>
        </div>
        <p style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: larger;"><a class="footerlink" href="https://www.iitmandi.ac.in" target="_blank">IIT <strong>Mandi</strong></a>
        </p>
        <a href="mailto:b20082@students.iitmandi.ac.in" class="fa fa-google"></a>
        <a href="https://www.linkedin.com" class="fa fa-linkedin"></a>
    </footer>
</body>

</html>