UI/index.html at master · Immunization-Tracking-BW/UI · 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
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <title>Immu Track</title>

  <link rel="stylesheet" href="/css/index.css">
  <link href="https://fonts.googleapis.com/css?family=Barlow&display=swap" rel="stylesheet">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


  <!-- Optional JavaScript -->
  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
    integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
  </script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
    integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
  </script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
    integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
  </script>
</head>


<body>
  <div class="container">

    <!-- header section -->
    <header>
      <div class="navigation-bar">
        <h1>Immu Track</h1>
        <nav>
          <a href="index.html">Home</a>
          <a href="#testimonials">Testimonials</a>
          <a href="#contact">Contact Us</a>
          <a href="#">About Us</a>
        </nav>
        <div class="action">
         <a href="https://immutrack.netlify.com/login"><button>Log in</button></a>
        </div>
      </div>

      <div class="navigation-bar2">
        <nav>
          <a  class="links" href="index.html">Home</a>
          <a  class="links"href="#testimonials">Testimonials</a>
          <a  class="links"href="#contact">Contact Us</a>
          <a  class="links"href="#">About Us</a>
          <a  href="https://immutrack.netlify.com/login"><button>Log in</button></a>
        </nav>

      </div>
      <img src="img/desk-doctor-health-48604.jpg" alt="">
    </header>

    <!-- content section -->
    <section class="content-section">
      <div class="text-content">
        <h2>Over 2 Million users and counting!</h1>
          <p>
            As a parent, it's hard to keep track of your child's immunization records!
            Especially if you move states, or switch doctors. It's a pain to call around
            and figure out which immunizations your child still needs, or to have them mail
            you proof for things like school registration. As an adult, it's even harder to
            access these records for travel that requires immunizations or booster shots.
            <span>Immu Track</span> allows medical professionals to upload immunization records to your
            personal or family account.
          </p>
      </div>
    </section>
    <!-- end of content section -->


    <!-- Testimonials -->
    <section id="testimonials">

      <div id="testimonial-carousel" class="carousel slide" data-ride="false">
        <div class="carousel-inner">
          <div class="carousel-item active container-fluid">
            <img class="testimonial-image" src="/img/3boys.jpg" alt="dog-profile">
            <h2 class="testimonial-text">This app has made my life so much easier.</h2>
            <em>Mary, New York</em>
          </div>

          <div class="carousel-item continer-fluid">
            <img class="testimonial-image" src="/img/gelani-banks-uMClKbHvZ4E-unsplash.jpg" alt="lady-profile">
            <h2 class="testimonial-text">Simple to use, I love Immu Track.</h2>
            <em>Beveryly, Illinois</em>
          </div>

          <div class="carousel-item continer-fluid">
              <img class="testimonial-image" src="/img/pedDoc.jfif" alt="lady-profile">
              <h2 class="testimonial-text">I recommend Immu Track to the parents of all my patients.</h2>
              <em>Dr. Flynn, New Jersey</em>
            </div>

            <div class="carousel-item continer-fluid">
                <img class="testimonial-image" src="/img/pedDoc2.jfif" alt="lady-profile">
                <h2 class="testimonial-text">Parents are busier now more so than ever. Immu Track helps parents keep track of their children's immunization
                  records and schedule visits accordingly. </h2>
                <em>Dr. Williams, Illinois</em>
              </div>

        </div>
        <a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>
      </div>
    </section>


    <!-- Contact Form  Section-->
    <section class="form-section" id="contact">
      <h2>Contact Us</h2>
      <div id="form-main">
        <div id="form-div">
          <form class="form" id="form1">

            <p class="name">
              <input name="name" type="text" class="validate[required,custom[onlyLetter],length[0,100]] feedback-input"
                placeholder="Name" id="name" />
            </p>

            <p class="email">
              <input name="email" type="text" class="validate[required,custom[email]] feedback-input" id="email"
                placeholder="Email" />
            </p>

            <p class="text">
              <textarea name="text" class="validate[required,length[6,300]] feedback-input" id="comment"
                placeholder="Message"></textarea>
            </p>


            <div class="submit">
              <input type="submit" value="Send" id="button-blue" />
              <div class="ease"></div>
            </div>
          </form>
        </div>
    </section>
    <!-- End of contact form section -->


    <footer>
      <p>Privacy Policy</p>
      <p class="shiftRight">@Immu Track</p>
      <p>Contact Us</p>
    </footer>

  </div>

</body>

</html>