-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
58 lines (46 loc) · 2.51 KB
/
index.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
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Marcos Bento">
<meta name="description" content="Jogo da memória clássico! Ideal para desenvolver a memória dos pequeninos.">
<meta name="keywords" content="jogo da memoria, memory game, jogo infantil, jogo de cartas, Memória, Diversão, Entretenimento">
<title>Jogo da memória</title>
<!-- Linkando ao estilo CSS Reset -->
<link rel="stylesheet" href="dist/css/reset.css">
<!-- Linkando a fonte via Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap" rel="stylesheet">
<!-- linkando ao estilo CSS padrão -->
<link rel="stylesheet" href="dist/css/style.css">
<!-- Linkando ao FontAwesome -->
<script src="https://kit.fontawesome.com/e36fc46d40.js" crossorigin="anonymous"></script>
<!-- Linkando ao Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="./dist/img/favicon/favicon.png">
</head>
<body>
<header class="cabecalho"></header>
<main class="menu_container">
<h1 class="menu__title">Jogo da memória!</h1>
<img class="menu_container_image menu_container_image-right">
<img class="menu_container_image menu_container_image-left">
<h2 class="menu__subtittle">você pode mudar o tema em configurações!</h2>
<!-- Container com os principais botões -->
<div class="button_container">
<button class="button_container_btn btn_1jogador"><i class="fa-solid fa-user fa-xl icones"></i> 1 Jogador</button>
<button class="button_container_btn btn_2jogadores"><i class="fa-solid fa-user-group fa-xl icones"></i> 2 Jogadores</button>
<button class="button_container_btn btn_config"><i class="fa-solid fa-gear fa-xl icones"></i> Configurações</button>
<button class="button_container_btn btn_sobre"><i class="fa-solid fa-circle-question fa-xl icones"></i> Informações</button>
</div>
<div id="modal" class="modal_content">
<!-- conteúdo do Modal vai aqui -->
</div>
</main>
<script type="module" src="/dist/js/menu.js"></script>
<footer class="rodape">
<p>Desenvolvido por Marcos Bento. 2023 - Projeto sem fins lucrativos.</p>
</footer>
</body>
</html>