diff options
Diffstat (limited to 'examples/Math_Largest_Number_Identification/index.html')
| -rwxr-xr-x | examples/Math_Largest_Number_Identification/index.html | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/examples/Math_Largest_Number_Identification/index.html b/examples/Math_Largest_Number_Identification/index.html new file mode 100755 index 0000000..1edf92d --- /dev/null +++ b/examples/Math_Largest_Number_Identification/index.html @@ -0,0 +1,73 @@ +<!DOCTYPE HTML> +<html> + <head> + <title> Largest Number Identification </title> + <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <meta http-equiv="Content-Language" content="en-us" /> + <meta name="keywords" content="karma,javascript,html5,sugar,largest number,gsoc,ole,nepal" /> + <link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" /> + <link rel="stylesheet" type="text/css" href="css/lesson.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/lesson.js"></script> +</head> +<body> + <div id ="helpBar"> + <a href="#" id="anchorInfo"><img class="helpme" id="imgInfo" src="assets/image/icons/help.png"></a> + <a href="#" id="exitNow"><img class="exitProgram" src="assets/image/icons/refresh.png"></a> + <a href="#" id="volControl"> + <img class="imgVolume" src="assets/image/icons/volumeEnabled.png" /> + <img id="volDisabled" class="imgVolume" src="assets/image/icons/volumeDisabled.png" /> + </a> + </div> + <center> + <div id="gameInfo"> + <h3>Title:</h3> + <p>Largest Number Identification Game</p> + <h3>Objective:</h3> + <p>Identify the Largest number among the four numbers and drag and drop to the box.</p> + <h3>Description:</h3> + <p> + The game is basically intended for the students who have knowlege of the numbers from 1-100 + The game consists of the four boxes where random numbers between the 1-99 appears. + The students have to select the largest number among these numbers and drag it to the box + and drop there. After the drop has been completed, next set of numbers appears and the + same steps has to be followed.<br /> + The score system is that you will be awarded 1 point for each correct answer. If the + wrong answer is choosen, 1 point is deducted. The game will be completed + after the player has scored 99. + + </p> + <h3>Instructions: </h3> + <p> + The game is self instructive. Just pick the right choice i.e. the greatest + number among four of the numbers and drag and drop to the box right below: + </p> + <h4> Have a great time...</h4> + </div> + </center> + <div id="sidebar"> + <br /> + <h2> Score </h2> + <div id="minussign"></div> + <img class="scoreBox" id="scoreDisplay" src= "" alt="" /> + </div> + + <div id = "gamearea"> + <h2> Largest Number Identification Game </h2> + <div id="feedback_images"> + <div class="drag_delegates draglist"> + <img class="dragme" id="imgdrag0" draggable="true" src="" alt="" /> + <img class="dragme" id="imgdrag1" draggable="true" src="" alt="" /> + <img class="dragme" id="imgdrag2" draggable="true" src="" alt="" /> + <img class="dragme" id="imgdrag3" draggable="true" src="" alt="" /> + </div> + </div> + <div id="drop_area"> + <div class="drophere" id="imgdrop"> + <br />Pick up the largest number among the four numbers above and drop it to the box below. + </div> + </div> + </div> +</body> +</html>
\ No newline at end of file |