memory-card/game.html at master · SCuTtling/memory-card · 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
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <link href="https://fonts.googleapis.com/css?family=Suez+One" rel="stylesheet">
  <link rel="stylesheet" href="reset.css" type="text/css">
  <link rel="stylesheet" href="style.css" type="text/css">
  <title></title>
</head>
<body>
<header>
  <h1>SCuTtle Your Memory!</h1>
  <nav class="navtop">
    <div class="navlist">
      <a class="navlink" href="index.html">Main</a>
    </div>
    <div class="navlist">
      <a class="navlink" href="about-info.html">High-Scores</a>
    </div>
  </nav>
</header>
<main>
  <div class="tablebackground_game">
    <table id="game_table">
    </table>
  </div>
</main>
  <div class="hint">
    <h3> Hover below for instructions </h3>
    <a title="Your challenge is to pick two cards at a time and try to match them. If they don't match, the cards get turned back over, so make sure you remember what they are. Try to match them with as few clicks as possible so you can get on the leaderboard."><img src="imgs/question.png"/></a>
  </div>
<footer>
  <nav class="navfooter">
    <div class="navlist">
      <a class="navlink" href="index.html">Main</a>
    </div>
    <div class="navlist">
      <a class="navlink" href="about-info.html">High-Scores</a>
    </div>
  </nav>
</footer>
<script src="game.js" type="text/javascript"></script>
</body>
</html>