FG-Assignment-01/index.html at main · ItsStillRyan/FG-Assignment-01 · GitHub

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
74
75
76
77
78
79
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width" name="viewport">
	<title>Document</title>
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
	<link href="CSS/Menu-css/Mobile-resp.css" rel="stylesheet">
</head>
<body>
	<div class="main-menu-screen">
		<div class="Settings-btn">
			<div class="row">
				<div class="col showcol"></div>
				<div class="col showcol"></div>
				<div class="col showcol text-center">
					<button class="btn" id="settingsBTN" type="image"><img alt="" src="Images/Menu/main-settingsbtn.png"></button>
				</div>
			</div>
		</div>
		<div class="main-logo">
			<div class="row">
				<div class="col showcol text-center"><img alt="" id="titlemain" src="Images/Menu/logo.png"></div>
			</div>
		</div><!-- BUTTONS -->
		<div class="main-buttons">
			<div class="row">
				<div class="col showcol"></div>
				<div class="col showcol text-center">
					<button class="mBTN btn" id="playBTN" type="image"><img alt="" id="playmain" src="Images/Menu/main-playbtn.png"></button>
				</div>
				<div class="col showcol"></div>
				<div class="w-100"></div>
				<div class="col showcol"></div>
				<div class="col showcol text-center">
					<button class="mBTN btn" id="highscoreBTN" type="image"><img alt="" src="Images/Menu/main-leaderboardbtn.png"></button>
				</div>
				<div class="col showcol"></div>
			</div>
		</div><!-- BUTTONS END -->
	</div>
	<div class="math-op-screen">
		<map id="mathOperator" name="mathOperator">
			<area class="subtraction" coords="90,401,218,525" href="HTML/Gameplay-split/Gameplay-Subtraction.html" shape="rect" alt="subtraction">
			<area class="division" coords="277,577,365,666,274,755,188,663" href="HTML/Gameplay-split/Gameplay-Division.html" shape="poly" alt="division">
			<area class="addition" coords="329,249,454,376" href="HTML/Gameplay-split/Gameplay-Addition.html" shape="rect" alt="addition">
			<area class="multiplication" coords="436,467,558,588" href="HTML/Gameplay-split/Gameplay-Multiplication.html" shape="rect" alt="multiplication">
			<img alt="math-op-fp" class="math-op" src="Images/Menu/clouds-only.png" usemap="#mathOperator">
		</map>
	</div>
	<div class="settings-screen">
		<div class="container audio-Controls">
			<div class="row">
				<div class="col audio-toggle showcol text-center">
					<audio autoplay="" controls="" loop=""><source src="Additionals/Main-Mu.mp3" type="audio/mp3"></audio>
				</div>
			</div>
		</div>
		<div class="container language-Toggle">
			<div class="row">
				<div class="col text-center showcol">
					<button class="btn englishBtn"><img alt="" src="Images/Languages/us-flag.png"></button>
				</div>
				<div class="col text-center showcol">
					<button class="btn frenchBtn"><img alt="" src="Images/Languages/french-flag.png"></button>
				</div>
			</div>
		</div>
		<div class="container back-Btn">
			<div class="row">
				<div class="col showcol text-center">
					<button class="btn" id="back-Btn" type="image"><img alt="" class="backBtn" id="backBtn" src="Images/Menu/settings-backbtn.png"></button>
				</div>
			</div>
		</div>
	</div><!-- SCRIPTS UNDER HERE -->
	<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js">
	</script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js">
	</script>
	<script src="Scripts/IMR-Script.min.js">
	</script>
	<script src="Scripts/Menu-Script.js">
	</script>
</body>
</html>