-
Notifications
You must be signed in to change notification settings - Fork 0
/
3ds.html
150 lines (137 loc) · 6.31 KB
/
3ds.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
<!DOCTYPE html>
<html lang="es" xml:lang="es">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="./styles/3ds.css">
<title>Nintendo 3DS</title>
<meta name=viewport content="width=device-width, initial-scale=1">
</head>
<body>
<nav>
<a href="./index.html">
<img alt="Home" title="Home" src="./images/logo.png">
</a>
</nav>
<article>
<div class="home-rows">
<!-- Group 1-->
<div class="home-row" id="who">
<div>
<div>
<img id="portada" src="./images/fondo-3ds.jpg" alt="portada">
</div>
</div>
</div>
</div>
<div class="container text-center" id="pack">
<h1>Familia de consolas Nintendo 3DS</h1>
<p class="text-3ds-family">Entra en los mundos de las sagas de Nintendo, como The Legend of Zelda, Mario, Animal Crossing y muchas otras.
Las consolas de la familia Nintendo 3DS son retrocompatibles, así que podrás jugar también todos los juegos
de Nintendo DS.</p>
<div class="columnas">
<article class="text-block-2">
<header>
<img class="img-ds" src="./images/nintendo2ds.jpg" alt="imagen nintendo 2ds" id="nintendo2ds">
</header>
<h2>
Nintendo 2DS XL
</h2>
<p class="text-project">Líneas sencillas, asequible y divertida, ¡ideal para los más pequeños!</p>
</article>
</div>
<div class="columnas">
<article class="text-block-2">
<header>
<img class="img-ds" src="./images/nintendo3dsxl.jpg" alt="imagen nintendo 3ds xl" id="nintendo3dsxl">
</header>
<h2>
New Nintendo 3DS XL
</h2>
<p class="text-project">Sumérgete en una experiencia dinámica de juego en pantallas más grandes.</p>
</article>
</div>
<div class="columnas">
<article class="text-block-2">
<header>
<img class="img-ds" src="./images/nintendo2dsxl.jpg" alt="imagen nintendo 2ds xl" id="nintendo2dsxl">
</header>
<h2>
New Nintendo 2DS XL
</h2>
<p class="text-project">Disfruta de una amplia biblioteca de juegos de Nintendo 3DS en 2D con New Nintendo 2DS XL.</p>
</article>
</div>
</div>
<div class="container text-center background-change">
<div class="columnas">
<article class="text-block-2">
<header>
<img id="multi" src="./images/amiibo.jpg" alt="multi">
</header>
<h2>Amiibo</h2>
<p class="text-who"> Puedes usar un amiibo (a la venta por separado) con juegos compatibles para disfrutar de nuevas y sorprendentes
funciones.
</p>
</article>
</div>
</div>
<div class="container text-center" id="pack2">
<div class="wrapper">
<div class="one">
<img class="img-3ds-section" src="./images/color-picker.jpg" alt="imagen escoge un color">
<h3>Elige un color</h3>
<p class="text-amiibo-section">Las consolas de la familia 3DS están disponibles en una amplia gama de colores. ¡Elige la que más te
guste!
</p>
</div>
<div class="two">
<img class="img-3ds-section" src="./images/play-together.jpg" alt="imagen juega en compañia">
<h3>Elige un color</h3>
<p class="text-amiibo-section">Las consolas de la familia 3DS están disponibles en una amplia gama de colores. ¡Elige la que más te
guste!
</p>
</div>
<div class="three">
<img class="img-3ds-section" src="./images/eshop.jpg" alt="imagen contenido descargable">
<h3>Elige un color</h3>
<p class="text-amiibo-section">Las consolas de la familia 3DS están disponibles en una amplia gama de colores. ¡Elige la que más te
guste!
</p>
</div>
<div class="four">
<img class="img-3ds-section" src="./images/streetpass.jpg" alt="imagen street pass">
<h3>Elige un color</h3>
<p class="text-amiibo-section">Las consolas de la familia 3DS están disponibles en una amplia gama de colores. ¡Elige la que más te
guste!
</p>
</div>
</div>
</div>
</article>
<footer id="pie">
<div class="wf-container">
<div class="wf-column-container">
<div class="wf-column wf-about-wix-column">
<div class="wf-white-logo">Validaciones</div>
<div class="wf-description">
<!-- Icono validación HTML -->
<a href="https://validator.w3.org/check?uri=referer">
<img src="https://www.w3.org/html/logo/badge/html5-badge-h-solo.png" alt="HTML5 Válido" title="HTML5 Válido" height="64"
width="63" />
</a>
<!-- Icono validación CSS -->
<a href=" http://jigsaw.w3.org/css-validator/check/referer ">
<img src=" http://jigsaw.w3.org/css-validator/images/vcss" alt="CSS Válido" height="31" width="88" />
</a>
</div>
</div>
<div class="wf-closing">
<div class="wf-closing-description">
<p>© Copyright by Beltrán García</p>
</div>
</div>
</div>
</div>
</footer>
</body>
</html>