diff --git a/services.html b/services.html
index bad5af9..dc25516 100644
--- a/services.html
+++ b/services.html
@@ -5,114 +5,80 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>StayHeldy Services</title>
 
-    <style>
-        .services_container_1{
-            text-align: center;
-            font-family: "Lucida Sans", sans-serif;
-            background-color: #429f68;
-            padding: 30px;
-            height: 800px;
-           
-        }
+    <link rel="stylesheet" href="./css/services.css">
 
-        .services_container_2{
-            text-align: left;
+    <!-- <link rel="stylesheet" href="./css/style.css"> -->
 
-            /* max-height: 960px; */
+    <link rel="stylesheet" href="./css/services.css">
 
-           
-            
-        }
-
-
-        .services_book_app{
-            float: left;
-            width: 40%;
-            background-color: #f2f2f2;
-            padding: 25px;
-            /* max-width: 960px; */
-            text-wrap: balance;  
-            margin-top: 20px;      
-            height: 250px;
-            text-align: left;
- 
-            
-        }
+    <script
+    src="https://code.jquery.com/jquery-3.2.1.min.js"
+    integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
+    crossorigin="anonymous"></script>
 
+ 
 
-        .services_book_lab{
-            float: right;
-            width: 40%;
-            background-color: #f2f2f2;
-            padding: 25px;
-            /* max-width: 960px; */
-            text-wrap: balance;
-            height: 250px;
-            margin-top: 20px;   
-                
+</head>
 
-        }
 
-        
-        /* .clr {
-            clear: both;
-        } */
-
-        .services_search_hosp{
-            float: left;
-            width: 40%;
-            background-color: #f2f2f2;
-            padding: 25px;
-            /* max-width: 960px; */
-            text-wrap: balance;  
-            margin-top: 20px;      
-            height: 250px;
-            
+<body>
+    <section class="navigation">
+        <div class="nav-container">
+          <div class="brand">
+            <a href="#!">
+                <img class="brand-icon" src="./images/logo.png" alt=" Logo">
+            </a>
+            <h1>StayHeldy</h1>
+          </div>
+          <nav>
+            <div class="nav-mobile">
+                <a id="nav-toggle" href="#!"><span></span></a>
+            </div>
+            <ul class="nav-list">
+              <li>
+                <a href="#!">Home</a>
+              </li>
+              <li>
+                <a href="#!">About</a>
+              </li>
+              <li>
+                <a href="#!">Services</a>               
+              </li>             
+              <li>
+                <a href="#!">Health Tips</a>
+                <ul class="nav-dropdown">
+                  <li>
+                    <a href="#!">Articles</a>
+                  </li>
+                  <li>
+                    <a href="#!">Blog</a>
+                  </li>
+                  <li>
+                    <a href="#!">Track your Health</a>
+                  </li>
+                </ul>
+              </li>
+              <li>
+                <a class="disabled" href="#!"><button class="subscribe-btn">Subscribe</button></a>
+              </li>
+              <li>
+                <a href="#!">
+                    <img class="search-icon" src="./images/search icon 3.jpeg" alt="search icon">
+                </a>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      </section>
 
 
-        }
-        .services_search_lab{
-            float: right;
-            width: 40%;
-            background-color: #f2f2f2;
-            padding: 25px;
-            /* max-width: 960px; */
-            text-wrap: balance;
-            height: 250px;
-            margin-top: 20px; 
-
-
-        }
-     
-        .services_click_here{
-            color: black;
-            text-align: center;
-            background-color: rgb(203, 219, 203);
-            padding: 15px;
-            /* margin: 2px; */
-            width: 100px;
-            border-radius: 25px;
-
-        }
-        a:hover {
-            text-decoration: none;
-            /* color: rgb(54, 55, 48); */
-            background-color: rgb(94, 147, 94);
-            padding: 11px;
-            border-radius: 25px;
-        }
-        a{
-            text-decoration: none;
-            color: black;
-        }
-
-    </style>
-    
 
+<script src="./index.js"></script>
+</body>
 
-</head>
 
 <body>
+
     <div class="services_container_1" >
         <!-- <div class="services_header"> -->
             <h1>Our Services</h1>
@@ -168,5 +134,31 @@ <h4>Need to find a laboratory around your locality?</h4>
     </div>
 
 
+     <div><p style="height: 700px;">   </p></div>
+  <!--FOOTER-->
+    <footer>
+        <div class="footer">
+            <div class="row">
+            <a href="#"><i class="fa fa-facebook"></i></a>
+            <a href="#"><i class="fa fa-instagram"></i></a>
+            <a href="#"><i class="fa fa-youtube"></i></a>
+            <a href="#"><i class="fa fa-twitter"></i></a>
+            </div>
+        
+            <div class="row">
+            <ul>
+            <li><a href="#">Contact us</a></li>
+            <li><a href="#">Services</a></li>
+            <li><a href="#">About</a></li>
+            <li><a href="#">Terms & Conditions</a></li>
+            <li><a href="#">Subscribe</a></li>
+            </ul>
+            </div>
+        
+            <div class="row">
+            Copyright © 2023 <b>StayHeldy</b> - All rights reserved
+            </div>
+        </div>
+    </footer>
 </body>
 </html>
