-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
55 lines (53 loc) · 2.28 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
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>My Memory Game</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link href="https://fonts.googleapis.com/css?family=Droid+Serif|Raleway:400,500,600,700" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<header>
<h1>Memory Game</h1>
</header>
<nav>
<a href="#">Instuctions</a>
<a href="#">Game</a>
<a href="#">About Us</a>
<a href="#">Contact Us</a>
</nav>
<main>
<h2>Instructions</h2>
<p>
Concentration, also known as Match Match, Memory, Pelmanism, Shinkei-suijaku, Pexeso or simply Pairs, is a card game in which all of the cards are laid face down on a surface and two cards are flipped face up over each turn. The object of the game is to turn over pairs of matching cards.
</p>
<div>
<img src="images/back.png" alt="Queen of Diamonds">
<img src="images/back.png" alt="King of Diamonds">
<img src="images/back.png" alt="Queen of Hearts">
<img src="images/back.png" alt="King of Hearts">
</div>
<h2>Play the game with all your friends!</h2>
<p>Concentration can be played with any number of players or as solitaire. It is a particularly good game for young children, though adults may find it challenging and stimulating as well. The scheme is often used in quiz shows and can be employed as an educational game.</p>
</main>
<div style="margin-bottom: 15px;">
<a class="top" href="#">Back to top</a>
</div>
<footer class="clearfix">
<p class="copyright">
Copyright 2017
</p>
<p class="message">
Created with ♥ by <span class="name">GA</span>
</p>
</footer>
<script src="js/main.js"></script>
</body>
</html>