-
Notifications
You must be signed in to change notification settings - Fork 1
/
jogo7.html
48 lines (41 loc) · 2.12 KB
/
jogo7.html
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset= "UTF-8"> <!--Arruma a acentuação-->
<title>Quebra-Cabeça</title> <!--Nome da aba-->
<link rel="stylesheet" href="reset.css"> <!--limpa tudo que o navegador cria-->
<link rel="stylesheet" href="style.css"> <!--style.css-->
<link rel="stylesheet" type="text/css" href="flexbox.css"> <!--flexbox da página-->
<link rel="stylesheet" type="text/css" href="flexbox.css"> <!--flexbox da página-->
<link href="https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Homemade+Apple&family=Khula&family=Monoton&family=Nanum+Pen+Script&family=Saira+Semi+Condensed:wght@300&display=swap" rel="stylesheet">
</head>
<body>
<!--Conteúdo principal-->
<main class="main-jogo">
<div class="coluna-imagem">
<img src="img/jogo7/imagem.jpg">
<img src="img/jogo7/imagem.jpg">
<img src="img/jogo7/imagem.jpg">
<img src="img/jogo7/imagem.jpg">
</div>
<div class="div-jogo">
<div id="container" class="tabuleiro">
<div id="peca1" class="peca" data-value="1"><img src="img/jogo7/peca1.png"></div>
<div id="peca2" class="peca" data-value="2"><img src="img/jogo7/peca2.png"></div>
<div id="peca3" class="peca" data-value="3"><img src="img/jogo7/peca3.png"></div>
<div id="peca4" class="peca" data-value="4"><img src="img/jogo7/peca4.png"></div>
<div id="peca5" class="peca" data-value="5"><img src="img/jogo7/peca5.png"></div>
<div id="peca6" class="peca" data-value="6"><img src="img/jogo7/peca6.png"></div>
<div id="peca7" class="peca" data-value="7"><img src="img/jogo7/peca7.png"></div>
<div id="peca8" class="peca" data-value="8"><img src="img/jogo7/peca8.png"></div>
<div id="tela-inicio" class="tabuleiro modo"><img src="img/img-inicio.png"></div>
<div id="tela-final" class="tabuleiro modo"><img src="img/img-final.png"></div>
</div>
<div class="botao">
<p class="p-botao"><a href="index.html">Escolher outro quebra-cabeça</a></p>
</div>
</div>
</main>
<script src="script.js"></script> <!--script.js-->
</body>
</html>