-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
126 lines (112 loc) · 5.64 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
116
117
118
119
120
121
122
123
124
125
126
<!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">
<title>Star Fox - Juego de naves espaciales</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<!-- Estilos propios -->
<link rel="stylesheet" href="./styles/style.css" />
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- id="navbarSupportedContent" permite actuar al tocar el botón hamburguesa -->
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item"><a href="./index.html" class="nav-link active">Inicio</a></li>
<li class="nav-item"><a href="./pages/personajes.html" class="nav-link">Personajes</a></li>
<li class="nav-item"><a href="./pages/powerups.html" class="nav-link">Power-ups</a></li>
<li class="nav-item"><a href="./pages/vehiculos.html" class="nav-link">Vehículos</a></li>
<li class="nav-item"><a href="./pages/enemigos.html" class="nav-link">Enemigos</a></li>
</ul>
</div>
</div>
</nav>
<div class="container portada">
<h1 class="titulo">Star fox</h1>
<img src="./images/StarFoxTeam.jpeg" alt="El equipo Star Fox" width="100%">
<div class="descripcion">
<p>Star Fox es una serie de videojuegos de ciencia ficción shooter creado por Nintendo, con animales
antropomorfos
como personajes. El juego toma lugar mayormente en el espacio exterior, en el Sistema Lylat. Los juegos
de la
serie fueron lanzados para las consolas
</p>
<ul>
<li>Super Nintendo</li>
<li>Nintendo 64</li>
<li>Nintendo Game Cube</li>
<li>Nintendo DS</li>
<li>Nintendo 3DS</li>
<li>Nintendo Wii U</li>
</ul>
</div>
</div>
<div class="container contenedorDeTarjetas">
<div class="card tarjeta card-body">
<a href="./pages/personajes.html" class="sinSubrayado text-center">
Personajes
<img src="./images/StarFoxTeam.jpeg" alt="El equipo Star Fox" class="card-img-bottom">
</a>
</div>
<div class="card tarjeta card-body">
<a href="./pages/powerups.html" class="sinSubrayado text-center">
Power-ups
<img src="./images/powerups.jpeg" alt="Bomba inteligente" class="card-img-bottom">
</a>
</div>
<div class="card tarjeta card-body">
<a href="./pages/vehiculos.html" class="sinSubrayado text-center">
Vehículos
<img src="./images/arwing.png" alt="Arwing" class="card-img-bottom">
</a>
</div>
<div class="card tarjeta card-body">
<a href="./pages/enemigos.html" class="sinSubrayado text-center">
Enemigos
<img src="./images/andross.jpeg" alt="Andross" class="card-img-bottom">
</a>
</div>
</div>
<div class="container-sm">
<p class="formulario">
¿Quieres contactarte? Déjanos tus datos y te enviaremos más información.
</p>
<form action="" class="formulario">
<label for="nombre" class="form-label">Nombre:</label>
<input type="text" id="nombre" placeholder="John Doe" class="form-control" />
<label for="mail" class="form-label">Email:</label>
<input type="email" id="mail" placeholder="[email protected]" class="form-control" />
<label for="mensaje" class="form-label">¿Quieres decir algo?</label>
<textarea name="mensaje" cols="30" rows="10" class="form-control"></textarea>
<label for="personajefavorito" class="form-label">¿Cuál es tu personaje favorito?</label>
<select name="personajefavorito" id="personajefavorito" class="form-control">
<option value="blank"></option>
<option value="fox">Fox McCloud</option>
<option value="falco">Falco Lombardi</option>
<option value="peppy">Peppy Hare</option>
<option value="slippy">Slippy Toad</option>
</select>
<label for="news" class="form-check-label">¿Quieres recibir noticias?</label>
<input type="checkbox" name="news" class="form-check-input" />
<button type="submit" class="btn btn-primary">Enviar</button>
<button type="reset" class="btn btn-warning">Borrar todo</button>
</form>
</div>
<footer class="container-fluid">
©2022 Moisés Omar Mubarqui
</footer>
</body>
</html>