-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathindex.html
64 lines (58 loc) · 2.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- font-awesome -->
<script src="https://use.fontawesome.com/0856ab4841.js"></script>
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600" rel="stylesheet">
<!-- custom CSS -->
<link rel="stylesheet" href="assets/css/custom.css">
<title>Memory Game</title>
</head>
<body>
<div class="container">
<header class="header">
<h1>Memory Game</h1>
<h2>FallOut Edition</h2>
<p>Flip over two cards and try find a match</p>
</header>
<section class="score-panel">
<h3>Score Panel</h3>
<ul id="star-rating" class="star-rating">
<li class="star"><i class="fa fa-star"></i></li>
<li class="star"><i class="fa fa-star"></i></li>
<li class="star"><i class="fa fa-star"></i></li>
</ul>
<span class="moves-counter">0</span> Moves
<div class="timer-container">
<span class="timer"><i class="fa fa-hourglass-start"></i> Timer: 00:00</span>
</div>
<div class="reset">
<button class="btn reset-btn">Reset <i class="fa fa-repeat"></i></button>
</div>
</section>
<!-- Modal -->
<section class="win-game-modal">
<div id="modal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<span class="close">×</span>
<h2>Congratulations!</h2>
<p>You have won the game and found all 8 pairs of cards.</p>
<img class="modal-img" src="assets/img/Vault-Boy-Thumb-Up.jpg" alt="Vault boy giving the thumbs up from the game fall out">
<button class="btn play-again-btn">Play Again?</button>
</div>
</div>
</section>
<ul class="deck"></ul>
</div>
<footer class="footer">
<h3>Licensing Note</h3>
<p><strong>All Images are taken from <a href="http://fallout.wikia.com/wiki/Category:Vault_Boy_images">GamePedia Wiki Pages </a> for the Fallout Games. The images original source are created and owned by Bethesda Softworks. The use of these images is believed to qualify as fair use for the purpose of creative work only.</strong></p>
</footer>
<script src="assets/js/custom.js"></script>
</body>
</html>