diff --git a/layouts/index.html b/layouts/index.html
index c55cec6..a5be282 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html>
+    <!--head starts from here-->
     <head>
         <title>{{ .Title }}</title>
         <meta name="theme-color" content="#002132">
@@ -10,6 +11,7 @@
         <link rel="stylesheet" href="/resources/css/frontpages.css">
         <link rel="stylesheet" href="/resources/css/home.css">
     </head>
+   <!--body of the page starts here-->
     <body>
         <header>
             <div class="logo-container">
@@ -365,7 +367,7 @@ <h2>Get Caddy</h2>
             </div>
         </section>
     </main>
-
+<!--footer -->
     {{ partial "footer" . }}
 </body>
 </html>
