-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (88 loc) · 4.15 KB
/
index.html
File metadata and controls
106 lines (88 loc) · 4.15 KB
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
102
103
104
105
106
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Memory the game</title>
<link rel="stylesheet" href="assets/css/master.css">
</head>
<body>
<section class="scoreboard">
<div class="player1">P1: ${scoreP1}</div>
<div class="player2">P2: ${scoreP2}</div>
</section>
<section class="table">
<div class="card" data-sport="pingPong">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/ping-pong-1.png" alt="ping pong">
</div>
<div class="card" data-sport="pingPong">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/ping-pong-1.png" alt="ping pong">
</div>
<div class="card" data-sport="dart">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/darts.png" alt="dart">
</div>
<div class="card" data-sport="dart">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/darts.png" alt="dart">
</div>
<div class="card" data-sport="curling">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/curling.png" alt="curling">
</div>
<div class="card" data-sport="curling">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/curling.png" alt="curling">
</div>
<div class="card" data-sport="sprint">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/boot-1.png" alt="track and field spikes">
</div>
<div class="card" data-sport="sprint">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/boot-1.png" alt="track and field spikes">
</div>
<div class="card" data-sport="badminton">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/badminton.png" alt="badminton">
</div>
<div class="card" data-sport="badminton">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/badminton.png" alt="badminton">
</div>
<div class="card" data-sport="archery">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/archery.png" alt="archery">
</div>
<div class="card" data-sport="archery">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/archery.png" alt="archery">
</div>
<div class="card" data-sport="basketball">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/basketball-1.png" alt="basketball">
</div>
<div class="card" data-sport="basketball">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="./img/basketball-1.png" alt="basketball">
</div>
<div class="card" data-sport="weights">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="img/weight.png" alt="dumbell">
</div>
<div class="card" data-sport="weights">
<img class="card-back-face" src="./img/olympic-games.png">
<img class="card-front-face" src="img/weight.png" alt="dumbell">
</div>
</section>
<!-- props to the creator of the icons, card face -->
<div class="icon-credits">
<p>Build & Designed by Ilger</p>
<p>Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></p>
</div>
<!-- my script -->
<script src="master.js"></script>
</body>
</html>