Project-Module-1/index.html at main · MatheusBenamor/Project-Module-1 · 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
62
63
64
65
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Projeto M1</title>
    <link rel="stylesheet" href="styles/style.css" />
  </head>
  <body>
    <header>
      <br />
      <br />
      <br />
      <div class="intro-game">
        <img id="coqueiro" src="images/neoncoq-removebg-preview.png" alt="logo" />
        <img id="main-title" src="images/png_20211215_140824_0000.png" alt="logo" />
        <img id="coqueiro2" src="images/neoncoq-removebg-preview.png" alt="logo" />
      </div>
      <br />
      <br />
      <div>
        <nav id="menu">
          <h2><a href="about-me.html" class="neonText"> About me </a></h2>
        </nav>
      </div>
    </header>

    <br />
    <div class="how-to-play" class="neonText">
      <h2 id="instructions" class="neonText">How to play</h2>
      <br>
      <br>
      <p id="instructions-text" >Alternate between 4 different forms in order to pass throught the obstacles by using the correspondent figure</p>
    </div>
    <br>
    <br>
    <div>
      <section id="container">
        <img id="commands" src="images/commands.png" alt="logo" />
        <div id="game-area"></div>
      </section>
    </div>
    <br>
    <br>
    <br>
    <div class="buttons">
      <button type="button" id="btn-start" class="neonText">START</button>
      <button type="button" id="btn-reset" class="neonText">RESET</button>
    </div>

    <div id = "footer">
      <img id="music-notes" src="images/notes-music.png" alt="logo" />
      <embed
        id="music"
        src="sounds/561391__bloodpixelhero__game-music-time-of-action.wav"
        volume="0"
        AUTOSTART="LOOP"
        ="FALSE"
      />
    </div>

    <script src="javascript.js"></script>
  </body>
</html>