diff --git a/index.html b/index.html
index 7adc921..0176dfd 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,10 @@
+<!-- HTML DOCUMENT goes here... -->
 <!DOCTYPE html>
+<!-- HTML Tag Starts here... -->
 <html lang="en">
-
+<!-- HEAD starts here... -->
 <head>
+    <!--     META Tags, TITLE Tags and LINK Tags goes here... -->
     <meta charset="utf-8">
     <title>GCP Crash Course | DSC NSEC</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
@@ -32,16 +35,22 @@
     <link rel="stylesheet" href="css/styling.css" />
     <link rel="stylesheet" href="css/timeline.css">
     <link rel="stylesheet" href="css/footer.css">
-
+    <!--     META Tags, TITLE Tags and LINK Tags ends here... -->
+    
 </head>
-
+<!-- HEAD Tag ends here... -->
+    
+<!-- BODY Tag starts here... -->
 <body>
+    <!--     CONTAINER DIV starts here... -->
     <div class="container">
+        <!-- LOGO -->
         <div id="logo" class="pull-left" style="padding-top: 2.5vh; float: left;color: teal">
             <a href="#home" style="font-family: Poppins,sans-serif"><img src="" width="35px"> GCP Crash Course | DSC NSEC</a>
 
         </div>
-
+    <!-- LOGO ends here -->
+        <!--  NAVBAR -->
         <nav id="nav-menu-container" style="padding-top: 15px;">
             <ul class="nav-menu">
                 <li class="menu-active"><a href="index.html">Home</a></li>
@@ -50,10 +59,13 @@
 
             </ul>
         </nav>
+        <!--  NAVBAR ends here -->
     </div>
+    <!-- CONTAINER DIV ends here -->
 
     <br><br><br><br>
     <br><br><br>
+    <!-- CONTAINER DIV starts here -->
     <div class="container">
         <div class="row">
             <div class="col-lg-12">
@@ -71,6 +83,7 @@ <h2>About GCP Crash Course</h2>
                     <li>DSC NSEC Forum Web APIs </li>
                     <li>Event Helper Tools</li>
                 </ul> -->
+            <!-- SECTION starts here... -->
             <section class="our_service">
                 <div class="container ">
                     <div class="row ">
@@ -169,8 +182,9 @@ <h4 class="title" id="ml">Machine Learning</h4>
                     </div>
                 </div>
         </div>
+        <!-- CONTAINER DIV ends here -->
         <br><br><br><br>
-
+        <!-- MAIN CONTENT DIV starts here -->
         <div class="row">
             <div class="col-lg-12" align="center">
                 <h3>Complete the track and get rewarded</h3><br>
@@ -200,6 +214,7 @@ <h3>Complete the track and get rewarded</h3><br>
     </div>
     </div>
     </section>
+    <!-- MAIN CONTENT DIV ends here -->
     <br><br><br>
     <br><br>
 
@@ -333,6 +348,7 @@ <h6>Qwiklabs Profile</h6>
             </div>
 
     </section> -->
+    <!-- MAIN CONTENT DIV starts here -->
     <section class="halloffame">
         <div class="container">
             <div class="row mx-auto" align="center">
@@ -565,6 +581,7 @@ <h6 style="font-weight: 300">No, if you have already completed one or more quest
 
 
         </section>
+        <!-- MAIN CONTENT DIV ends here -->
         <!--
     <footer class="footer-area " id="contact">
         <div class="container ">
@@ -613,7 +630,7 @@ <h3>Developer Student's Club NSEC</h3>
                 </div>
             
     </footer> -->
-
+        <!-- FOOTER starts here... -->
         <footer class="footer-area">
             <div class="footer__text container">
                 <h4>
@@ -662,7 +679,8 @@ <h4>
 
             </div>
         </footer>
-
+        <!-- FOOTER ends here...          -->
+        <!-- SCRIPT Tags  -->
         <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>
@@ -676,7 +694,9 @@ <h4>
         <script src="lib/superfish/hoverIntent.js"></script>
         <script src="lib/superfish/superfish.min.js"></script>
         <script src="js/main.js"></script>
-
+        <!-- SCRIPT Tag ends -->
 </body>
+<!-- BODY Tag ends here... -->
 
 </html>
+<!-- HTML Tag ends here... -->
