Dracarys-ou-nao/index.html at main · mariana-cristina-dias/Dracarys-ou-nao · 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
<!DOCTYPE html>
<html lang="en">
   <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <link rel="stylesheet" href="css/jogo.css">
      <link rel="stylesheet" href="css/responsivo.css">
      <title>Jogo Mariana Cristina</title>
   </head>
   <body>
      <h1>É Dracarys ou não é?</h1>
      <main>
         <div>
         <h2 class="explicação">A cidade em que você vive está prestes a ser invavida por um dragão e você foi escolhido(a) para a missão de impedir que isso aconteça. <br>  <br> <strong>A batalha será fácil ou você irá encontrar muitos game overs pelo caminho?</strong>  <br>  </h2>
         <br>
         <div class="regras">
            <p class="jogo">Regras do jogo:</p>
            <p>Escolha uma das três guerreiras para te ajudar nessa super missão!</p>
            <p> Somente nesta tela inicial é possivel interagir pelo botão. Nas telas seguintes você deve digitar a opção <strong>1</strong> ou <strong>2</strong> que irá aparecer em uma caixa pop-up para seguir jogando.</p>
            <p>Por último mas não menos importante: <strong>SE DIVIRTA!</strong></p>
         </div>
         <div class="mulheres">
            <div>
               <p>Hawise</p>
               <img src="imagens/numero-1-removebg-preview.png">
               <p>Sou a guerreira que você precisa!</p>
            </div>
            <div>
               <p> Emerie </p>
               <img src="imagens/personagem 2 aqui.png">
               <p>Sou a guerreira que você precisa!</p>
            </div>
            <div>
               <p>Aila</p>
               <img src="imagens/personagem-3 aqui.png">
               <p>Sou a guerreira que você precisa!</p>
            </div>
         </div>
         <div class="aqui"><button onclick="escolha()">Escolha a personagem clicando aqui!</button></div>
      </main>
      <footer>
         <p>Jogo desenvolvido por <a href="https://github.com/mmcrisx" target="_blank">Mariana Cristina</a></p>
      </footer>
      <script src="js/index.js"></script>
   </body>
</html>