CODEFELLAS/index.html at main · samartgarg/CODEFELLAS · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>WEB-MEDS</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
    <link rel="stylesheet" href="home.css">
    <link rel="stylesheet" href="sos.css">

  </head>

  <body>

        <section class="header">

          <nav class="navbar">
            <div class="mt-3" style="padding-right: 5%; padding-left: 5%;">
                <a href="index.html" class="nav-link d-inline whitecolor">Home</a>
                <a href="sos.html" class="nav-link d-inline whitecolor">SOS</a>
                <a href="volunteer section.html" class="nav-link d-inline whitecolor">Voulenteer</a>
            </div>
            <div class="mt-3 text-right" style="padding-right: 5%; padding-left: 5%;">
                <a href="#" class="nav-link d-inline whitecolor">Help</a>
                <a href="about us.html" class=" nav-link d-inline whitecolor">About Us</a>
                <a href="login.html" class=" nav-link d-inline whitecolor">Login/SignUp</a>
            </div>

          </nav>
          <img src ="img/clipart.png" style="width: 100px; margin-left: 100px;">
            <div class="text-box">

              <h1>WEB-MEDS </h1>
              <p>A place where patients and doctor can connect to<br>provide the best medical facilties in just a few clicks.

              </p>
              <a href ="" class="hero-btn">Visit Us</a>
            </div>
        </section>
      <div class="main">

      </div>
    </section>


    <section class="course">
      <h1 class= " center">COVID-19 guidelines</h1>
      <p class ="center ">........................................... </p>

      <div class="row">
        <div class="course-col">
          <h3> Keep yourself and others safe: Do it all!</h3>
           <p>Get vaccinated as soon as it’s your turn and follow local guidance on vaccination.
            Keep physical distance of at least 1 metre from others, even if they don’t appear to be sick. Avoid crowds and close contact.
            Wear a properly fitted mask when physical distancing is not possible and in poorly ventilated settings.</p>
        </div>

    <div class="course-col">
      <h3> Wear a mask properly</h3>
       <p>Make sure your mask covers your nose, mouth and chin.
        Clean your hands before you put your mask on, before and after you take it off, and after you touch it at any time.
        When you take off your mask, store it in a clean plastic bag, and every day either wash it if it’s a fabric mask or dispose of it in a trash bin if it’s a medical mask.
        Don’t use masks with valves</p>
    </div>
    <div class="course-col">
      <h3>Make your environment safe</h3>
       <p>Avoid the 3Cs: spaces that are closed, crowded or involve close contact.
        Meet people outside. Outdoor gatherings are safer than indoor ones, particularly if indoor spaces are small and without outdoor air coming in.
        If you can’t avoid crowded or indoor settings, take these precautions:
        Open a window to increase the amount of natural ventilation when indoors.</p>
    </div>
  </div>
</section>