diff --git a/public/templates/task.html b/public/templates/task.html
new file mode 100644
index 0000000..7cbd691
--- /dev/null
+++ b/public/templates/task.html
@@ -0,0 +1,32 @@
+<div class="task-wrappper">
+<div class="task">
+    <div class="link">•
+
+    </div>
+     <%  if(model.is_completed=='Y'){%>
+      <input value="<%= model.content %>" data-id="<%= model.id %>" class="edit task-completed">
+      <%}else {%>
+       <input value="<%= model.content %>" data-id="<%= model.id %>" class="edit">
+      <%}%>
+   
+</div>
+<div class="options">
+    <div class="options-left">
+        <div class="mouse-tip"></div>
+      <%  if(model.is_completed=='Y'){%>
+      <a class="uncomplete">
+      Uncomplete
+      <hr>
+      </a>
+      <%}else {%>
+       <a class="complete">
+      Complete
+      <hr>
+      </a>
+      <%}%>
+        <a class="note">
+            <span class="note">Add Note</span>
+        </a>
+    </div>
+</div>
+</div>
\ No newline at end of file