diff --git a/index.html b/index.html
index 4dd776c..faa65d6 100644
--- a/index.html
+++ b/index.html
@@ -1,54 +1,54 @@
-<!DOCTYPE html>
+<!DOCTYPE html>         <!--<!doctype>tag is used to give the details of the version of html used-->
 <html lang="en" >
 
 <head>  <!-- The <head> element is a container for all the head elements.
            The <head> element can include a title for the document, scripts, styles, meta information, and more. -->
   <meta charset="UTF-8">
   <title>Demo Portfolio</title>
-  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+  <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>  <!--<link> tag defines a link between a document andan external resource-->
   <link rel="stylesheet" href="css/style.css">
 </head>
 
-<body>
+<body>      <!--<body>tag is used to contain a web page's content including hyperlinks, images, tables, text, etc.-->
 
-    <nav>
-        <ul id='navbar'>
-            <li><a href="#welcome-section">About</a></li>
+    <nav>       <!--<nav> tag defines a set of navigation list-->
+        <ul id='navbar'>    <!--<ul> tag is used to designate an unordered list-->
+            <li><a href="#welcome-section">About</a></li>           <!--<li> tag is used to create bullet points-->
             <li><a href="#projects">Work</a></li>
             <li><a href="#contact">Contact</a></li>
         </ul>
     </nav>
 
-    <div id="welcome-section" class="intro"> 
-        <h1>Hey, I'm Emisha</h1>
-        <p>A web developer</p>
+    <div id="welcome-section" class="intro"> <!--<div> tag is used to create divisions to make a clean code-->
+        <h1>Hey, I'm Emisha</h1>            <!--<h1> tag is used for the most important heading and create the largest characters-->
+        <p>A web developer</p>              <!--<p> tag is used to create a paragraph-->
     </div>
     
     <div id="projects" class="work">
-        <h2 class="work-header">These are some of my projects..</h2>
+        <h2 class="work-header">These are some of my projects..</h2>    <!--<h2> tag is used for the second most important heading and creates the  second largest characters -->
         
         
-        <a href="" class="project project-tile">
-            <img class="project-pic" src="images/projectbg1.png" alt="project">
+        <a href="" class="project project-tile">    <!--<a> tag defines a hyperlink that is it connects one page with another-->
+            <img class="project-pic" src="images/projectbg1.png" alt="project"> <!--<img> tag is used to insert some image-->
             <div class="project-title">Demo Project 1</div>
         </a>
-        <a href="" class="project project-tile">
+        <a href="" class="project project-tile">   
             <img class="project-pic" src="images/projectbg2.png" alt="project">
             <div class="project-title">Demo Project 2</div>
         </a>
-        <a href="" class="project project-tile">
+        <a href="" class="project project-tile">    
             <img class="project-pic" src="images/projectbg3.png" alt="project">
             <div class="project-title">Demo Project 3</div>
         </a>
-        <a href="" target="_blank" class="project project-tile">
+        <a href="" target="_blank" class="project project-tile">  
             <img class="project-pic" src="images/projectbg4.png" alt="project">
             <div class="project-title">Demo Project 4</div>
         </a>
-        <a href="" target="_blank" class="project project-tile">
+        <a href="" target="_blank" class="project project-tile">   
             <img class="project-pic" src="images/projectbg5.png" alt="project">
             <div class="project-title">Demo Project 5</div>
         </a>
-        <a href="" class="project project-tile">
+        <a href="" class="project project-tile">    
             <img class="project-pic" src="images/projectbg6.png" alt="project">
             <div class="project-title">Demo Project 6</div>
         </a>
@@ -67,7 +67,7 @@ <h1>Let's work together...</h1>
         <a href="tel:" class="contact-details">Call me</a>
     </div>
     
-<footer>This is just a demo portfolio.. 
+<footer>This is just a demo portfolio..         <!--<footer> tag is simply used to add some links or message in the foot of website or page-->
   <p>&copy; Created by <a href="https://getemisha.tech/" target="_blank">Emisha</a></p>
 </footer>
     
