diff options
Diffstat (limited to 'examples/quadrilaterals/quadrilaterals/index.html')
| -rwxr-xr-x | examples/quadrilaterals/quadrilaterals/index.html | 60 |
1 files changed, 60 insertions, 0 deletions
diff --git a/examples/quadrilaterals/quadrilaterals/index.html b/examples/quadrilaterals/quadrilaterals/index.html new file mode 100755 index 0000000..5ad6e6f --- /dev/null +++ b/examples/quadrilaterals/quadrilaterals/index.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html> + <head> + <title>Quadrilaterals - Karma </title> + <meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"/> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> + <meta charset="utf-8"/> + <link rel="shortcut icon" href="http://karma.sugarlabs.org/favicon.ico"/> + <link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css"/> + <link rel="stylesheet" href="css/lesson.css" type="text/css"/> + <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/jquery.jgrowl_minimized.js"></script> + <script type="text/javascript" src="js/lesson.js"></script> + </head> +<body> + <noscript> + Man, you need to enable JavaScript. + </noscript> + + <div id="main"> + <div id="leftArea"> + <div id="leftTop"> + <div id="instruction"> Construct a quadrilateral by moving + the given straight lines to appropriate places </div> + </div> + <div id="leftMiddle"> + <div id="Karma"> + <canvas id="canvas" class="canvas" width="550" height="400"></canvas> + <canvas id="canvasDrawing" class="canvas" width="550" height="400"></canvas> + <canvas id="canvasTmp" class="canvas" width="550" height="400"></canvas> + </div> + </div> + <div id="leftBottom"> + <img id="btnErase" src="images/erase.png" /> + </div> + </div> + <div id="rightArea" class="left"> + <div id="rightTop"> + </div> + <div id="rightMiddle"> + <div id="textExample">Make quadrilaterals on geo-board</div> + </div> + <div id="rightBottom"> + <div id="btn"> + <img id="imgPrev" src="images/previous.png" /> + <img id="imgNext" src="images/next.png" /> + </div> + </div> + </div> + </div> + +</body> + +</html> + + + + + |