created separate page for services

dex.html

@@ -10,7 +10,6 @@
   <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
   <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
   <link rel="stylesheet" type="text/css" href="./style.css" />
-  <script src="https://unpkg.com/scrollreveal"></script>
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
   <link
       rel="stylesheet"
@@ -512,6 +511,61 @@
           </div>
         </div>
       </section>
+
+      <section id="featured-services" class="featured-services">
+
+
+        <div class="container" data-aos="fade-up">
+          <div class="row">
+
+
+            <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
+              <div class="icon-box" data-aos="fade-up" data-aos-delay="100">
+                <div class="icon1"><i class="fas fa-heartbeat"></i></div>
+                <h4 class="title"><a href=".,/checkup.html"> Normal checkup</a></h4>
+                <p class="description">Detect medical issues, identify risk factors and illnesses before they start to
+                  cause problems.</p>
+              </div>
+            </div>
+
+
+            <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">          
+              <div class="icon-box" data-aos="fade-up" data-aos-delay="400">
+                <div class="icon2"><i class="fas fa-dna"></i></div>
+                <h4 class="title"><a href="test.html">Blood Test</a></h4>
+                <p class="description"> Get your tests done to look for signs of disease or agents that cause disease.</p>
+              </div>
+            </div>
+
+
+            <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
+              <div class="icon-box" data-aos="fade-up" data-aos-delay="300">
+                <div class="icon3"><i class="fas fa-temperature-high"></i></div>
+                <h4 class="title"><a href="">Body temperature</a></h4>
+                <p class="description">Body temperature can be anywhere from 97 F to 99 F. Babies and children have a
+                  little higher range: 97.9 F to 100.4 F.</p>
+              </div>
+            </div>
+
+            <div class="col-md-6 col-lg-3 d-flex align-items-stretch mb-5 mb-lg-0">
+              <div class="icon-box" data-aos="fade-up" data-aos-delay="200">
+                <div class="icon4"><i class="fas fa-hand-holding-medical"></i></div>
+                <h4 class="title"><a href="medicine.html">Medicine use</a></h4>
+                <p class="description">Know what to use when to use and how to use.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section><!-- End Featured Services Section -->
+
+  <!-- Bootstrap JS and dependencies -->
+
+  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
+
+  <!-- ############### Footer ############### -->
     </main>
 
   <footer>
@@ -522,10 +576,10 @@
             <h4>Quick Links</h4><br>
             <ul class="links">
               <li><a href="index.html">Home</a></li>
-              <li><a href="#about">About Us</a></li>
+              <li><a href="index.html#about">About Us</a></li>
               <li><a href="index.html#contact">Contact Us</a></li>
-              <li><a href="dex.html">Services</a></li>
-              <li><a href="#doctors">Doctors</a></li>
+              <li><a href="#">Services</a></li>
+              <li><a href="index.html#doctors">Doctors</a></li>
               <li><a href="./faq.html">FAQ</a></li>
             </ul>
           </section>
@@ -534,7 +588,7 @@
             <ul class="links">
               <li><a href="Html-Files/appointment.html">Appointment</a></li>
               <li><a href="portal.html">Patient Portal</a></li>
-              <li><a href="log/login.html">Login account</a></li>
+              <li><a href="login.html">Login account</a></li>
               <li><a href="helpline.html">Helplines</a></li>
               <li><a href="index.html#contact">Location</a></li>
             </ul>