diff --git a/index.html b/index.html
index 47f39d4..f4b2f67 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,20 @@
-<link rel="stylesheet" href="main.css">
-<h3>todo!</h3>
-<script src="main.js"></script>
\ No newline at end of file
+<!DOCTYPE html>
+<html>
+    <link rel="stylesheet" href="main.css">
+    <script type="text/javascript"src="main.js">	</script>
+<head>
+	<title>WhatTo.Do</title>
+</head>
+<body>
+<center><img src="http://i63.tinypic.com/2j3s7b8.jpg" alt="A Simple Task Reminder">
+ <p>
+    <input type="textbox" style="width: 300px; height:20px;"  id="txt1" />
+    <input type="button" value="+ Add" class="add" onclick="add()" />
+    <input type="button" value="+ Add Important" class="imp" onclick="imp()">
+    <input type="button" value="Delete" class="delete" onclick="delete1()"/>
+</p>
+<table id="Implist" width="400px"></table>
+<table id="List" width="400px"></table></center>
+<center>Total Work pending : <a id="Total"></a></center>
+</center></body> 
+</html>
diff --git a/main.css b/main.css
index cdda92f..0dc1c9a 100644
--- a/main.css
+++ b/main.css
@@ -1,3 +1,21 @@
-body {
-    padding: 20px;
-}
\ No newline at end of file
+.add {
+	background-color:#44c767;
+	border: transparent;
+	font-family:Arial;
+	font-size:17px;
+	padding:3px 6px;
+}
+.delete {
+	background-color:#e4685d;
+	border: transparent;
+	font-family:Arial;
+	font-size:17px;
+	padding:3px 6px;
+}
+.imp{
+	background-color:#ece8d5;
+	border: transparent;
+	font-family:Arial;
+	font-size:17px;
+	padding:3px 6px;
+}
diff --git a/main.js b/main.js
index c80ec08..a52587b 100644
--- a/main.js
+++ b/main.js
@@ -1 +1,84 @@
-console.log('test');
\ No newline at end of file
+var totall=0;
+function add() 
+{
+            if(document.getElementById('txt1').value ==""){
+                return;
+            }
+            var table = document.getElementById('List');
+            var No = table.rows.length;
+            var row = table.insertRow(No);
+            var tempText=document.getElementById('txt1').value;
+ 			var cell1 = row.insertCell(0);
+            var str = document.createElement("input");
+            // To Do Text for list
+            str.type = "text";
+            str.style.width="100%";
+            str.name = "txt";
+            str.value=tempText;
+            cell1.appendChild(str);
+            // checkbox 
+ 			var cell2 = row.insertCell(1);
+            var cb = document.createElement("input");
+            cb.type = "checkbox";
+            cb.name="chkbox";
+            cell2.appendChild(cb);
+			document.getElementById('txt1').value="";
+            document.getElementById('Total').innerHTML= ++totall;
+}
+function imp() 
+{
+            if(document.getElementById('txt1').value ==""){
+                return;
+            }
+            var table = document.getElementById('Implist');
+            var No = table.rows.length;
+            var row = table.insertRow(No);
+            var tempText=document.getElementById('txt1').value;
+ 			var cell1 = row.insertCell(0);
+            var str = document.createElement("input");
+            // To Do Text for Imp list
+            str.type = "text";
+            str.style.width="100%";
+            str.style.background = "#fff0b2";
+            str.name = "txt";
+            str.value=tempText;
+            cell1.appendChild(str);
+            // checkbox 
+ 			var cell2 = row.insertCell(1);
+            var cb = document.createElement("input");
+            cb.type = "checkbox";
+            cb.name="chkbox";
+            cell2.appendChild(cb);
+			document.getElementById('txt1').value="";
+            document.getElementById('Total').innerHTML= ++totall;
+}
+function delete1() 
+{
+            //Delete from regular list
+            var table = document.getElementById('List');
+            var rowNo = table.rows.length;
+            for(var i=0; i<rowNo; i++) {
+                var row = table.rows[i];
+                var chkbox = row.cells[1].childNodes[0];
+                if(chkbox != null && chkbox.checked==true) {
+                    table.deleteRow(i);
+                    rowNo--;
+                    i--;
+                    document.getElementById('Total').innerHTML= --totall;
+                    
+                }
+            }
+            //Delete from important list
+            var itable = document.getElementById('Implist');
+            var irowNo = itable.rows.length;
+            for(var i=0; i<irowNo; i++) {
+                var irow = itable.rows[i];
+                var ichkbox = irow.cells[1].childNodes[0];
+                if(ichkbox != null && ichkbox.checked==true) {
+                    itable.deleteRow(i);
+                    irowNo--;
+                    i--;
+                    document.getElementById('Total').innerHTML= --totall;
+                 }
+             }
+}
