Cov-Ed/tips.html at master · medhasr/Cov-Ed · 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
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Qorona Quest</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="jquery-1.12.4.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css%22%3E>
    <link href="https://fonts.googleapis.com/css2?family=Alata&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Varela+Round&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Open+Sans&family=Russo+One&family=Varela+Round&display=swap" rel="stylesheet">
    <!-- <style>
      body { padding-left: 0px;
        background-image: url("https://99designs-blog.imgix.net/blog/wp-content/uploads/2018/12/Gradient_builder_2.jpg?auto=format&q=60&w=1815&h=1361.25&fit=crop&crop=faces");
      } -->
    <!-- </style> -->
  </head>
  <body>
    <script src="script.js"></script>

    <section class="menu">
		<div class="navbar">
      <!-- <img src =
        "" class = "logo"> -->
			  <div><a class="title" href= "index.html"> Cov-Ed</a></div>
				<div><a class="option" href= "index.html">Home</a></div>
        <div class = "dropdown">
        <a class="dropbtn">Tips
          <i class="dropdown"></i>
        </a>
        <div class="dropdown-content">
          <a href="tips-precautions.html">Precautions</a>
          <a href="tips-faq.html">FAQs</a>
          <a href="tips-health.html">Physical + Mental Health</a>
        </div>
        </div>
        <div><a class = "option" href= "take-action.html">Take Action</a></div>
        <div><a class="about" href= "about.html">About</a></div>
		</div>
<div class="tips_precautions">
    <p> 2020 is the year that no one will forget. However, to keep ourselves safe it's extrememly important to follow rules recommended by your county! These are some of the most basic examples you must keep in mind, so please share to everyone.  </p>

    <h3> Wear A Mask! </h3>
     <img src = "https://hrmcdn-13a1c.kxcdn.com/wp-content/uploads/2020/01/mask-wearing-guide-e1580353261286.jpg" style= "width:30%">
    <p> <strong>It's super important that you make sure to wear a mask everytime you go out! </strong> It is also important to wear it <em>properly! </em> <break> Here are some of the important takeaways:</p>


    <ul>

    <li> Do not touch the inside of a mask <br> </li>
    <li>Make sure that the mask covers the brim of the nose and to under your chin </li>
    <li>Touch your mask and face as little as possible! Only touch the ties to adjust the mask. </li>
    <li> <em> Always </em> wash your hands before and after touching the mask. </li>

    </ul>
    <h3> Wash your hands for 20 seconds! </h3>
    <img src= "https://lh3.googleusercontent.com/proxy/7_uTY905yoKC466WSl8zFbzbB8msg31v034ZBaPtUaGLRKoHMRiHU11ovwRFkfBL_xQhw-jG5yH1uFyg9_h75A1lWQ" style= "width: 20%"
    <p> <br> Make sure to wash your hands with soap and water often. Don't forget the 20 second rule! Why 20 seconds? We need this time to thoroughly remove the dirt from our hands. </p>

    <h3> Practice Social Distancing!  </h3>
    <p>Stay at least 6 feet apart from anyone outside. This also mean, do not shake hands! Even if its just a friend, keep these rules in mind. <br> Once again, we cannot emphasize how essential it is to follow these rules! It's for the better of your health, along with your loved ones'.   </p>
    </div>
  </body>
</html>