simon-html/about.html at main · webprogramming260/simon-html · 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
45
46
47
48
49
50
51
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About</title>
    <link rel="icon" href="favicon.ico" />
  </head>
  <body>
    <header>
      <h1>Simon<sup>&reg;</sup></h1>

      <nav>
        <menu>
          <li><a href="index.html">Home</a></li>
          <li><a href="play.html">Play</a></li>
          <li><a href="scores.html">Scores</a></li>
          <li><a href="about.html">About</a></li>
        </menu>
      </nav>

      <hr />
    </header>

    <main>
      <div id="picture" class="picture-box"><img width="400px" src="placeholder.jpg" alt="random" /></div>

      <p>
        Simon is a repetitive memory game where you follow the demonstrated color sequence until you make a mistake. The
        longer the sequence you repeat, the greater your score.
      </p>

      <p>
        The name Simon is a registered trademark of Milton-Bradley. Our use of the name and the game is for non-profit
        educational use only. No part of this code or program should be used outside of that definition.
      </p>

      <div id="quote">
        <div>Words are cheap. Show me the code.</div>
        <div>- Linus Torvalds</div>
      </div>
    </main>

    <footer>
      <hr />
      <span class="text-reset">Author Name(s)</span>
      <br />
      <a href="https://github.com/webprogramming260/simon-html">GitHub</a>
    </footer>
  </body>
</html>