1 files changed, 95 insertions, 0 deletions
diff --git a/exercise.html b/exercise.html
new file mode 100755
index 0000000..97d0855
--- /dev/null
+++ b/exercise.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Adding up to 10 - Exercise (Alpha)</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/images/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.Gettext.js"></script>
+	<script type="text/javascript" src="../../js/jquery.karma.js"></script>
+	<script type="text/javascript" src="js/lesson.js"></script>
+	<link rel="stylesheet" href="css/knavbar.css" type="text/css"/>
+
+</head>
+
+<body>
+
+<section id="navigation">
+	<nav id="knavbar">
+	<a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back" class="floatLeft"></a>
+	<div id="lessonTitle" class="floatLeft"><a id="welcome" href="index_knavbar.html">Adding up to 10</a></div>
+	<a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site" class="floatRight"></a>
+	<a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help" class="floatRight"></a>
+	<img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial" class="floatRight">
+	<a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise" class="floatRight"></a>
+	</nav>
+</section>
+
+  <div id="karma-main"> 
+    <div id="main">
+      <div id="top">
+
+	<div id="topLeftArea">
+	  <img id="topLeftCard" src="assets/generic/images/yellowBox.png" alt="" />
+	  <div id="topLeftPaper" ></div>
+
+	</div>
+	<div id="topMiddleArea">
+	  <img id="plusSign" src="assets/generic/images/plussign.png" alt=""/>
+	</div>
+	<div id="topRightArea">
+	  <img id="topRightCard" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <div id="topRightPaper"></div>
+	</div>
+
+      </div>
+
+      <div id="bottom">
+	<div id="bottomLeft" class="bottom">
+	  <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <div id="bottomLeftPaper" class="bottomCard"> </div>
+	</div>
+	<div id="bottomMiddle" class="bottom">
+	  <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <div id="bottomMiddlePaper" class="bottomCard"> </div>
+	</div>
+	<div id="bottomRight" class="bottom">
+	  <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <div id="bottomRightPaper" class="bottomCard"> </div>
+	</div>
+
+      </div>
+      
+    </div>
+    <div id="side">
+      <div class="sideItem">
+	<img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
+	<div id="timerPaper"> </div>
+      </div>
+      <div class="sideItem">
+	<img id="scoreBox" src="assets/generic/images/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>
+</div>
+
+</body>
+
+</html>