diff --git a/index.html b/index.html
index e2de283..4f6e345 100644
--- a/index.html
+++ b/index.html
@@ -11,6 +11,47 @@
     />
     <title>clock</title>
   </head>
+  <body style="background-image: url('https://i.pinimg.com/originals/a9/c9/65/a9c965f4a93c0213d2a2b43dd618ebdc.jpg');">
+    
+   <div>
+    <header>
+      <div class="collapse bg-dark" id="navbarHeader">
+        <div class="container">
+          <div class="row">
+            <div class="col-sm-8 col-md-7 py-4">
+              <h4 class="text-white">About</h4>
+              <p class="text-muted">Indian Standard time (IST) is the time zone observed throughout India, with a time offset of UTC+05:30. India does not observe daylight saving time or other seasonal adjustments. In military and aviation time IST is designated E* ("Echo-Star").[1]
+
+                Indian Standard Time is calculated on the basis of 82.5°E longitude in the city of Mirzapur, Uttar Pradesh, which is situated approximately on the corresponding longitude reference line.</p>
+            </div>
+            <div class="col-sm-4 offset-md-1 py-4">
+              <h4 class="text-white">Detail</h4>
+              <ul class="list-unstyled">
+                <li><a href="https://www.worldometers.info/coronavirus/coronavirus-death-toll/" class="text-white">Corona live</a></li>
+                <li><a href="https://en.wikipedia.org/wiki/History_of_timekeeping_devices#:~:text=The%20earliest%20known%20clock%20with,century%2C%20followed%20by%20Arabic%20engineers" class="text-white">history</a></li>
+                <li><a href="https://www.timeanddate.com/worldclock/" class="text-white">WORLD CLock</a></li>
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="navbar navbar-dark bg-dark shadow-sm">
+        <div class="container d-flex justify-content-between">
+          <a href="#" class="navbar-brand d-flex align-items-center">
+          
+            <strong><big>INDIAN clock</big></strong>
+          </a>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+        </div>
+      </div>
+    </header>
+  </div>
+ 
+
+
+
   <body onload="updateClock(); setInterval('updateClock()',1000)" class="bg-dark">
       <div class="my-3  text-white " style="font-family: Verdana, Geneva, Tahoma, sans-serif;font-size: 400%;">
         <div style="margin-top: 5%;">
@@ -20,6 +61,11 @@
         </div>
       </div>
 
+    
+
+
+
+
     <script
       src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
       integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
@@ -36,5 +82,14 @@
       crossorigin="anonymous"
     ></script>
   </body>
-  <script src="C:\\Users\Navya\Desktop\javascript\ex6(clock).js"></script>
-</html
\ No newline at end of file
+  <br>
+  <footer class="container">
+    <p class="float-right"><a href="#">Back to top</a></p>
+    <p style="color: ivory;"><big>© clock, Inc. · </big><a href="#">Privacy</a> · <a href="#">Terms</a></p>
+  </footer>
+   
+  </body>
+  <script src="./index.js"></script>
+</html
+
+
