-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
75 lines (65 loc) · 3.62 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="/HTML/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/HTML/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/HTML/favicon/favicon-16x16.png">
<link rel="manifest" href="/HTML/favicon/site.webmanifest">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1>
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>KidKalc</title>
<link rel="stylesheet" href="HTML/look/style.css">
<meta name="description" content="KidKalc is the best website for elementary kids to learn math, in a fun, futuristic way!" />
</head>
<body>
<div class="middlecontent">
<h1 class="title anim-typewriter"> Welcome To KidKalc.</h1>
</div>
<div id="modal" class="modal">
<p class="message">This Quiz is designed to present randomized questions that are customized to match your grade level. The more questions you answer correctly the more points you get. At 15 points, you score a coin, allowing you to play the game.</p>
<div id="options" class="options">
<button id="yes" onclick="yes()" class="btn">Okay</button>
</div>
</div>
<main class="navig">
<nav>
<ul id="buttons02" class="buttons">
<a href="HTML/kindergarten.html" class="button n01">Kindergarten</a>
<a href="HTML/grade1.html" class="button n02">Grade 1</a>
<a href="HTML/grade2.html" class="button n03">Grade 2</a>
<a href="HTML/grade3.html" class="button n04">Grade 3</a>
<a href="HTML/grade4.html" class="button n05">Grade 4</a>
<a href="HTML/grade5.html" class="button n06">Grade 5</a>
</ul>
<navwidth>
<div class="position-absolute mid-center">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">Select A Grade
<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/kindergarten.html">Kindergarten</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/grade1.html">Grade 1</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/grade2.html">Grade 2</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/grade3.html">Grade 3</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/grade4.html">Grade 4</a></li>
<li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="HTML/grade5.html">Grade 5</a></li>
</ul>
</div>
</navwidth>
</nav>
</main>
<footer class="page-footer">
<p> Created By Omar Abdallah, Mohamed Elsayed, & Rami Ayeche.</p>
</footer>
</body>
<script src="HTML/javascript/index.js"></script>
</html>