-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
115 lines (108 loc) · 6.33 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home | Ahorcado</title>
<meta name="author" content="Angeles Guillen">
<meta name="description" content="Esta pagina web fue creada para el segundo Sprint del modulo de Principante en Programación en Alura">
<meta name="viewport" content="width=device-width"/>
<link href="./css/reset.css" rel="stylesheet">
<link href="./css/flexbox.css" rel="stylesheet">
<link href="./css/paginas/Home-styles.css" rel="stylesheet">
<link href="./css/configuracion/cuerpoConfiguracion.css" rel="stylesheet">
<link href="./css/configuracion/btnsDificultad.css" rel="stylesheet">
<link href="./css/configuracion/btnTipoTeclado.css" rel="stylesheet">
<link href="./css/configuracion/btnVolumen.css" rel="stylesheet">
<link href="./css/configuracion/btnAbandonar.css" rel="stylesheet">
<link href="./css/bodyResponsive.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300&family=Rasa:wght@600;700&display=swap" rel="stylesheet">
<link rel="icon" href="./imagenes/favicon.png" type="image/png">
</head>
<body id="contenido">
<header id="encabezado">
<div class="logo-principal-alura">
<img src="./imagenes/logo-alura.png" alt="Logo Alura" id="logo-alura">
</div>
<div class="iconos-volumen-configuracion">
<a href="#" class="btn-volumen">
<img class="icon-volumen-on" src="./imagenes/icono-volumen.png" alt="volumen-on" >
<img class="icon-volumen-off" src="./imagenes/icono-volumen-mute.png" alt="volumen-off" >
<audio id="musica-fondo" autoplay loop><source src="./audios/HoliznaCC0 - Sailing Away.mp3" type="audio/mpeg"><source src="audios/Dee Yan-Key - no memory.mp3" type="audio/mpeg"></audio>
</a>
<a href="#" class="btn-configuracion">
<img src="./imagenes/icono-configuracion.png" alt="" class="icon-configuracion">
</a>
<div class="negro-contenedor-menu-configuracion">
<div class="borde-contenedor-menu-configuracion" style="background: url('./imagenes/madera.jpg');">
<div class="contenedor-menu-configuracion">
<div class="cuerpo-boton-cerrar">
<img id="boton-cerrar" src="./imagenes/boton-x.png">
</div>
<div class="cuerpo-menu-configuracion">
<ul class="menu-configuacion">
<li class="titulo-cof">Dificultad</li>
<li>
<div class="dificultad">
<input type="button" class="dificultad-bto" id="btn-facil" name="dificultad" value="Facil">
<input type="button" class="dificultad-bto-active" id="btn-medio" name="dificultad" value="Medio">
<input type="button" class="dificultad-bto" id="btn-dificil" name="dificultad" value="Difícil">
</div>
</li>
<li class="titulo-cof" id="titulo-modo-teclado">Modo del Teclado</li>
<li>
<button class="boton-teclado">
<div class="cuerpo-iconos-teclado">
<span><i class="fa-solid fa-keyboard"></i></span>
<span><i class="fa-solid fa-computer-mouse"></i></span>
</div>
</button>
</li>
<li class="titulo-cof" id="titulo-volumen">Volumen</li>
<li>
<input class="boton-volumen" type="range" min="0.0" max="1.0" step="0.1">
</li>
<li>
<a href="index.html">
<input type="button" id="boton-salir" value="Menu Principal">
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</header>
<main id="cuerpo">
<div class="titulo-principal-juego">
<img src="./imagenes/ElAhorcado.png" id="titulo-juego"/>
</div>
<nav class="menu-principal">
<a href="Jugar.html" id="juego-nuevo">
<img id="nuevo-juego" src="./imagenes/boton-jugar.png">
</a>
<a href="Agregar-Palabra.html" class="agregar-palabra">
<img id="agregar-palabra" src="./imagenes/boton-agregar-palabra.png">
</a>
</nav>
</main>
<footer id="footer">
<div class="copy-right">
AngelesGV © copyright 2022
</div>
<div class="iconos-footer">
<a href="https://github.com/AngelesGV" class="icono-footer">
<img id="icono-github" src="./imagenes/icono-github.png" alt="">
</a>
<a href="https://www.linkedin.com/in/angeles-guillen-71416a243/" class="icono-footer">
<img id="icono-linkedin" src="./imagenes/logo-linkedin-blanco.png" alt="">
</a>
</div>
</footer>
</body>
<script type="module" src="./javascript/RecargarPalabras.js"></script>
<script type="module" src="./javascript/btnsDificultad.js"></script>
<script type="module" src="./javascript/botones.js"></script>
<script type="module" src="./javascript/sonido.js"></script>
<script src="https://kit.fontawesome.com/f77333e875.js" crossorigin="anonymous"></script>
</html>