diff --git a/dist/index.html b/dist/index.html
index c855bfa..67bdd85 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -4,6 +4,16 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Musangamfura Emmanuel | Portfolio, Front-End Developer"
+    />
+    <meta
+      name="keywords"
+      content="Todo-List App,Front-End,Front-End Developer,Todo-list app,
+Task management software, Productivity app, Project management app,To-do list manager,Reminder app,Checklist app, Task tracker app,Time management app,Personal organizer app, HTML, CSS, Javascript, Microverse Project, Microverse"
+    />
+    <meta name="author" content="Emmanuel Musangamfura" />
     <title>Todo-List</title>
     <link rel="stylesheet" href="../src/index.css" />
     <script
@@ -25,21 +35,24 @@
     ></script>
   <script defer src="bundle289768ce8611b7ae5ae0.js"></script></head>
   <body>
-    <form class="todo">
-      <div class="title">
-        <h1>Todo List</h1>
-        <i id="icon" class="fas fa-sync recycle"></i>
-      </div>
-      <div class="task-input">
-        <img class="bars" src="./assets/bars-icon.svg" alt="icon" />
-        <input type="text" class="activity" placeholder="Add a new task" />
-        <img class="enter" src="./assets/enter-icon.png" alt="" />
-      </div>
-      <ul class="todo-list"></ul>
-      <button type="button" class="clear bg-color border-0">
-        Clear all completed
-      </button>
-    </form>
+    <main>
+      <form class="todo">
+        <div class="title">
+          <h1>Todo List</h1>
+          <i id="icon" class="fas fa-sync recycle"></i>
+        </div>
+        <div class="task-input">
+          <img class="bars" src="./assets/bars-icon.svg" alt="icon" />
+          <input type="text" class="activity" placeholder="Add a new task" />
+          <img class="enter" src="./assets/enter-icon.png" alt="icon" />
+        </div>
+        <ul class="todo-list"></ul>
+        <button type="button" class="clear bg-color border-0">
+          Clear all completed
+        </button>
+      </form>
+    </main>
+
     <script type="module" src="../src/index.js"></script>
   </body>
 </html>
diff --git a/src/template.html b/src/template.html
index 59a442a..f6958b3 100644
--- a/src/template.html
+++ b/src/template.html
@@ -4,6 +4,16 @@
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="Musangamfura Emmanuel | Portfolio, Front-End Developer"
+    />
+    <meta
+      name="keywords"
+      content="Todo-List App,Front-End,Front-End Developer,Todo-list app,
+Task management software, Productivity app, Project management app,To-do list manager,Reminder app,Checklist app, Task tracker app,Time management app,Personal organizer app, HTML, CSS, Javascript, Microverse Project, Microverse"
+    />
+    <meta name="author" content="Emmanuel Musangamfura" />
     <title>Todo-List</title>
     <link rel="stylesheet" href="../src/index.css" />
     <script
@@ -25,21 +35,24 @@
     ></script>
   </head>
   <body>
-    <form class="todo">
-      <div class="title">
-        <h1>Todo List</h1>
-        <i id="icon" class="fas fa-sync recycle"></i>
-      </div>
-      <div class="task-input">
-        <img class="bars" src="./assets/bars-icon.svg" alt="icon" />
-        <input type="text" class="activity" placeholder="Add a new task" />
-        <img class="enter" src="./assets/enter-icon.png" alt="" />
-      </div>
-      <ul class="todo-list"></ul>
-      <button type="button" class="clear bg-color border-0">
-        Clear all completed
-      </button>
-    </form>
+    <main>
+      <form class="todo">
+        <div class="title">
+          <h1>Todo List</h1>
+          <i id="icon" class="fas fa-sync recycle"></i>
+        </div>
+        <div class="task-input">
+          <img class="bars" src="./assets/bars-icon.svg" alt="icon" />
+          <input type="text" class="activity" placeholder="Add a new task" />
+          <img class="enter" src="./assets/enter-icon.png" alt="icon" />
+        </div>
+        <ul class="todo-list"></ul>
+        <button type="button" class="clear bg-color border-0">
+          Clear all completed
+        </button>
+      </form>
+    </main>
+
     <script type="module" src="../src/index.js"></script>
   </body>
 </html>
