diff --git a/public/templates/_footer.html b/public/templates/_footer.html
old mode 100755
new mode 100644
diff --git a/public/templates/_head.html b/public/templates/_head.html
old mode 100755
new mode 100644
diff --git a/public/templates/home.html b/public/templates/home.html
old mode 100755
new mode 100644
index b9f4230..483d02f
--- a/public/templates/home.html
+++ b/public/templates/home.html
@@ -41,9 +41,9 @@
                     <ul class="menu">
                       <li role="presentation">
                           <span class="glyphicon glyphicon-time"></span> {{.Created}}</li>
-      <!--  <li role="presentation">
+        <li role="presentation">
                           <a role="menuitem" tabindex="-1" href="/mask/{{.Id}}">
-						  <span class="glyphicon glyphicon-lock"></span> Mask</a></li> !-->
+						  <span class="glyphicon glyphicon-lock"></span> Mask</a></li> 
       <li role="presentation">
         <a role="menuitem" tabindex="-1" href="/trash/{{.Id}}">
           <span class="glyphicon glyphicon-trash"></span> Trash</a>
diff --git a/public/templates/task.html b/public/templates/task.html
new file mode 100644
index 0000000..a5076de
--- /dev/null
+++ b/public/templates/task.html
@@ -0,0 +1,72 @@
+{{template "_head.html" .}}
+
+  <!--end mainHeader -->
+  <button class=" btn-danger btn glyphicon glyphicon-plus floating-action-icon floating-action-icon-add"></button>
+
+  <!-- Add note modal -->
+  <div class="modal fade " id="addNoteModal" tabindex="-1" role="dialog" aria-labelledby="newNoteLabel" aria-hidden="true">
+    <div class="modal-dialog">
+      <div class="modal-content">
+        <div class="modal-header">
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+          <h4 class="modal-title" id="newNoteLabel"><span class="glyphicon glyphicon-pencil"></span>  New Task</h4>
+        </div>
+        <div class="modal-body">
+          <form action="/add/" method="POST">
+            <div class="form-group">
+              <!-- <label for="note-title" class="control-label">Title:</label> -->
+              <input type="text" name="title" class="form-control" id="add-note-title" placeholder="Title" style="border:none;border-bottom:1px solid gray; box-shadow:none;">
+            </div>
+            <div class="form-group">
+              <!-- <label for="note-content" class="control-label">Content:</label> -->
+              <textarea class="form-control" name="content" id="add-note-content" placeholder="Content" rows="10" style="border:none;border-bottom:1px solid gray; box-shadow:none;"></textarea>
+            </div>
+        </div>
+        <div class="modal-footer">
+          <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
+          <input type="submit" text="submit" class="btn btn-default" />
+        </div>
+        </form>
+      </div>
+    </div>
+  </div>
+
+  <div class="timeline">
+    {{ if .Tasks}} {{range .Tasks}}
+    <div class="note">
+      <p class="noteHeading">{{.Title}}</p>
+      <hr>
+      <p class="noteContent">{{.Content}}</p>
+      <span class="notefooter">
+    	<ul class="menu">
+		<li role="presentation">
+			<span class="glyphicon glyphicon-time"></span> {{.Created}}</li>
+
+      <li role="presentation">
+        <a role="menuitem" tabindex="-1" href="/trash/{{.Id}}">
+          <span class="glyphicon glyphicon-trash"></span> Trash</a>
+      </li>
+      <li role="presentation">
+        <a role="menuitem" tabindex="-1" href="/complete/{{.Id}}">
+          <span class="glyphicon glyphicon-check"></span> Complete</a>
+      </li>
+      <li role="presentation">
+        <a role="menuitem" tabindex="-1" href="/edit/{{.Id}}">
+          <span class="glyphicon glyphicon-pencil"></span> Edit</a>
+      </li>
+
+      </ul>
+      </span>
+    </div>
+    {{end}} {{else}}
+    <div class="note">
+      <p class="noteHeading">No Tasks here</p>
+      <p class="notefooter">Create new task<button class="floating-action-icon-add" style="border:none;border-bottom:1px solid gray; box-shadow:none;"> here </button> </p>
+    </div>
+    {{end}}
+  </div>
+	{{template "footer.gtpl"}}
+
+</body>
+
+</html>