-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_aj.html
101 lines (84 loc) · 3.34 KB
/
index_aj.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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="main.css">
<script src="./script_aj.js" defer></script>
<title>Seven</title>
</head>
<body>
<div class="language-container">
<a href="./index.html"><img class="svk" src="./img/svk.png" alt="svk"></a>
<a href="./index_aj.html"><img class="svk" src="./img/usa.png" alt="usa"></a>
</div>
<div class="instruction-container">
<div class="instruction">
<p class="text-intruction">
I challenge you in my game seven in which you have a task
triafat step by step the correct answers to the question are always written down
how should you arrange the given table. The question is currently 15 and you have
only three lives to reach the end of the game.
Attention, the table changes when you click on one of the options
that is, the given answer will already be somewhere else in the table so that you don't click immediately and rather think twice whether it will really be so.
The game is made just for fun as part of my portfolio.
<br>
Good luck.
</p>
<button class="go">Let's go</button>
</div>
</div>
<div class="win-container">
<div class="you-win">
<p class="win-text">
Congratulations, you've reached your destination<br>
Your score: <span class="end-score"></span><br>
Number of wrong answers: <span class="end-wrong"></span> <br>
</p>
<button class="reload">New Game</button>
</div>
</div>
<div class="lose-container">
<div class="lose">
<p class="lose-text">
Oops You have no more lives<br>
Unfortunately, you have to start from the beginning<br>
Your score: <span class="end-score-two"></span><br>
</p>
<button class="reload-two">New Game</button>
</div>
</div>
<nav>
<div class="lives">
<span class="material-symbols-outlined one-lives">favorite</span>
<span class="material-symbols-outlined two-lives">favorite</span>
<span class="material-symbols-outlined three-lives">favorite</span>
</div>
<h1>
<i>S<small>e</small>v<small>e</small>n</i>
</h1>
<div class="score">
</div>
</nav>
<div class="container">
<div class="container-one">
<section class="one"></section>
<section class="two"></section>
<section class="three"></section>
</div>
<div class="container-two">
<div class="question-container">
<div class="question"></div>
</div>
<section class="four"></section>
</div>
<div class="container-three">
<section class="five"></section>
<section class="six"></section>
<section class="seven"></section>
</div>
</div>
</body>
</html>