SimonGame/index.html at main · Coder-Chauhan/SimonGame · 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
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en" dir="ltr">

<head>
  <meta charset="utf-8">
  <title>Simon</title>
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
</head>

<body>

  <section class="heading">
    <h1>SIMON GAME</h1>
  </section>

  <section id="about">
    <div class="Instructions">
      <h6>How to play.</h6>
      <p>Firstly, the game shows the first colour in the sequence (say blue). The user clicks on the blue button.
        Next, the game shows the next colour (say red), the user has to remember the sequence is blue, red and so on and
        so forth.If the user messes up the sequence, then the game ends.
      </p>
    </div>
  </section>

  <section class="Game">
    <h1 id="level-title">Press A Key to Start</h1>

    <div class="container">
      <div lass="row">

        <div type="button" id="green" class="btn green">

        </div>

        <div type="button" id="red" class="btn red">

        </div>
      </div>

      <div class="row">

        <div type="button" id="yellow" class="btn yellow">

        </div>
        <div type="button" id="blue" class="btn blue">

        </div>

      </div>

    </div>
  </section>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="game.js" charset="utf-8"></script>
  <footer><em>~Created by Bhanu Pratap Singh Chauhan</em></footer>
</body>

</html>