1 files changed, 83 insertions, 0 deletions
diff --git a/index.html b/index.html
new file mode 100755
index 0000000..3b5b479
--- /dev/null
+++ b/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Karma - Adding Up to 10</title>
+	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
+	<link type="text/css" rel="stylesheet" href="css/lesson.css" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+	<link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" /> 
+	<link type="text/css" rel="stylesheet" href="../../css/karma.css" />
+	<script type="text/javascript" src="./js/raphael-min.js"></script>
+	<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
+	<script type="text/javascript" src="./js/karma.js"></script>
+	<script type="text/javascript" src="js/lesson.js"></script>
+
+
+
+</head>
+
+<body>
+  <div> 
+    <div id="main">
+      <div id="top">
+
+	<div id="topLeftArea">
+	  <img id="topLeftCard" src="assets/image/yellowBox.png" alt="" />
+	  <div id="topLeftPaper" ></div>
+
+	</div>
+	<div id="topMiddleArea">
+	  <img id="plusSign" src="assets/image/plussign.png" alt=""/>
+	</div>
+	<div id="topRightArea">
+	  <img id="topRightCard" src="assets/image/yellowBox.png" alt=""/>
+	  <div id="topRightPaper"></div>
+	</div>
+
+      </div>
+
+      <div id="bottom">
+	<div id="bottomLeft" class="bottom">
+	  <img class="bottomCard" src="assets/image/yellowBox.png" alt=""/>
+	  <div id="bottomLeftPaper" class="bottomCard"> </div>
+	</div>
+	<div id="bottomMiddle" class="bottom">
+	  <img class="bottomCard" src="assets/image/yellowBox.png" alt=""/>
+	  <div id="bottomMiddlePaper" class="bottomCard"> </div>
+	</div>
+	<div id="bottomRight" class="bottom">
+	  <img class="bottomCard" src="assets/image/yellowBox.png" alt=""/>
+	  <div id="bottomRightPaper" class="bottomCard"> </div>
+	</div>
+
+      </div>
+      
+    </div>
+    <div id="side">
+      <div class="sideItem">
+	<img id="timer" src="assets/image/scorebox.png" alt=""/>
+	<div id="timerPaper"> </div>
+      </div>
+      <div class="sideItem">
+	<img id="scoreBox" src="assets/image/scorebox.png" alt=""/>
+	<div id="scoreBoxText"></div>
+      </div>
+      <div class="sideItem">
+	<div id="chimpPaper"> </div>
+	<div id="buttons">
+	    <button id="start">Start</button>
+	    <button id="stop">Stop</button>
+	    <button id="reset">Restart</button>
+	</div>
+      </div>
+
+
+    </div>
+    <div id="overlay"></div>
+    <div id="overlayPaper"></div>
+  </div>
+
+
+</body>
+
+</html>