-
Notifications
You must be signed in to change notification settings - Fork 0
/
Index.html
205 lines (137 loc) · 8.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
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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Página de ejemplo BSK Gamer</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<header class="BarraMenu">
<div class="CajaLogo"> <!--Caja logo -->
<img src="img/BSK_Viento.jpg">
</div><!--caja logo fin -->
<nav class="CajaMenu">
<a href="https://www.youtube.com/@BSKeeper" target="_blank"> Youtube </a>|
<a href="https://www.facebook.com/profile.php?id=100064170699276" target="_blank"> BSK Gaming </a>|
<a href="#idReciente"> Reciente </a>|
<a href="Galeria.html"> Galería</a>|
<a href="Cuadros.html"> Especial</a>
</nav><!--caja menu fin -->
<div class="CajaMenuH">
<label for="menu" class="CajaMenuHLabel">
<img src="img/icoMenu.png">
</label>
<input type="checkbox" id="menu">
<nav class="CajaMenuHInterna">
<ol>
<li><a href="https://www.youtube.com/@BSKeeper" target="_blank" class="ElementosMenuH"> Youtube </a></li>
<li><a href="https://www.facebook.com/profile.php?id=100064170699276" target="_blank" class="ElementosMenuH"> BSK Gaming </a></li>
<li><a href="#idReciente" class="ElementosMenuH"> Reciente </a></li>
<li><a href="Galeria.html" class="ElementosMenuH"> Galeria</a></li>
<li><a href="Cuadros.html" class="ElementosMenuH"> Especial</a></li>
</ol>
</nav>
</div><!-- menu hamburguesa fin -->
<div class="Candado"></div>
</header><!--Barra menu fin -->
<main>
<section class="CajaGamer">
<div class="CajaElementosA">
<div class="CajaElementosIzq">
<img src="img/BSK_Electro.jpg" class="BSKElectro">
</div><!--caja elementos izquierda fin -->
<article class="CajaElementosDer">
<h2>GAMER</h2>
<p>Lorem ipsum dolor sit amet. Eum sequi nemo et labore Quis ut sint reiciendis ex laborum fugit aut dolores voluptas est architecto quia a quis aliquid. Sed quis adipisci quo necessitatibus veniam et saepe laboriosam est provident recusandae. </p><p>Ad delectus sint vel iure voluptatem et voluptas incidunt quo numquam ipsum qui dicta facilis vel adipisci nobis? Et dolor itaque rem fugit impedit et sunt rerum qui architecto mollitia et excepturi earum aut voluptatem quasi. Id officiis culpa et corrupti rerum cum numquam iusto. Aut internos inventore ex tempore vitae ut voluptatibus corrupti vel velit suscipit eum galisum natus sed ipsam neque. </p><p>Non molestiae aliquid qui autem illo ut accusantium vitae qui dolores nobis hic possimus vero ex galisum laudantium ea laudantium adipisci. Sit Quis praesentium et recusandae rerum aut quam illum aut nesciunt similique qui autem maiores. </p>
</article><!--caja elementos derecha fin -->
<div
class="Candado">
</div>
</div><!--caja elementos A fin -->
</section><!--caja gamer fin -->
<section class="CajaAzul">
<article class="CajaFavorito">
<a href="#idReciente">
<img src="img/BtoadsIco.png" id="idBtoads">
</a>
<h2>FAVORITO</h2>
<p>Lorem ipsum dolor sit amet. Aut enim assumenda quo magnam omnis quo Quis accusantium rem consequatur possimus et aspernatur quia et libero repudiandae hic fugiat Quis. Sit nihil omnis sit dolores ducimus vel laudantium dolorem in repellat nulla quo fuga nihil et voluptas atque et omnis voluptatibus. Ad adipisci necessitatibus non tenetur sint 33 sequi quae quo dolorum nostrum in pariatur provident est architecto maxime! </p><p>Qui aliquid obcaecati est magnam molestiae aut animi omnis in nostrum delectus et explicabo ratione 33 ducimus officiis. Id eveniet libero et blanditiis fugiat quo voluptate quidem est dolore itaque. Et nisi consequatur non ipsam cumque et nulla nobis est provident perspiciatis aut accusantium consectetur et eveniet labore. </p><p>Est laudantium laudantium sit corrupti voluptate ab cupiditate inventore non cupiditate sunt sit eligendi quidem vel tempore vitae aut error voluptatum. Ut ducimus incidunt sit dignissimos veniam quo magnam consectetur. </p>
</article><!--caja Favorito fin -->
<article class="CajaPlataforma">
<a href="#idProximos">
<img src="img/NES_ico.png" id="idNES">
</a>
<h2>PLATAFORMA ACTUAL</h2>
<p>Lorem ipsum dolor sit amet. Aut enim assumenda quo magnam omnis quo Quis accusantium rem consequatur possimus et aspernatur quia et libero repudiandae hic fugiat Quis. Sit nihil omnis sit dolores ducimus vel laudantium dolorem in repellat nulla quo fuga nihil et voluptas atque et omnis voluptatibus. Ad adipisci necessitatibus non tenetur sint 33 sequi quae quo dolorum nostrum in pariatur provident est architecto maxime! </p><p>Qui aliquid obcaecati est magnam molestiae aut animi omnis in nostrum delectus et explicabo ratione 33 ducimus officiis. Id eveniet libero et blanditiis fugiat quo voluptate quidem est dolore itaque. Et nisi consequatur non ipsam cumque et nulla nobis est provident perspiciatis aut accusantium consectetur et eveniet labore. </p><p>Est laudantium laudantium sit corrupti voluptate ab cupiditate inventore non cupiditate sunt sit eligendi quidem vel tempore vitae aut error voluptatum. Ut ducimus incidunt sit dignissimos veniam quo magnam consectetur. </p>
</article><!--caja plataforma fin -->
</section> <!--caja azul fin -->
<div class="Titular" >
<h2>RECIENTE</h2>
</div><!--titular fin -->
<section class="CajaReciente" id="idReciente">
<div class="CajaRecienteElementos">
<div class="CajaRecienteElIzq">
<h2>RECIENTE</h2>
<img src="img/BtoadsDD.jpg">
</div><!--Caja reciente Elementos izquierda fin -->
<article class="CajaRecienteElDer">
<h3>Battletoads And Double Dragon</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3>Características</h3>
<ol>
<li>Característica 1</li>
<li>Característica 2</li>
<li>Característica 3</li>
<li>Característica 4</li>
<li>Característica 5</li>
</ol>
</article><!--Caja reciente Elementos derecha fin -->
<div class="Candado"></div>
</div><!--Caja Reciente Elementos fin -->
</section><!--Caja reciente fin -->
<div class="TitularP" id="idProximos">
<h2>PRÓXIMOS</h2>
</div><!--titular fin -->
<section class="CajaReciente">
<div class="CajaRecienteElementos">
<div class="CajaRecienteElDer">
<img src="img/Rfighter.jpg">
</div><!--CajaRecienteElementos derecha fin -->
<article class="CajaRecienteElIzq">
<h3>Road Fighter</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3>Características</h3>
<ol>
<li>Característica 1</li>
<li>Característica 2</li>
<li>Característica 3</li>
<li>Característica 4</li>
<li>Característica 5</li>
</ol>
</article><!--Caja Reciente Elementos izquierda fin -->
<div class="Candado"></div>
</div><!--Caja Reciente Elementos fin -->
</section><!--Caja Reciente fin -->
</main>
<footer class="Pie">
Sitio creado por <a href="https://www.facebook.com/BSKeeper" target="_blank"> BSK </a>
</footer><!--Pie fin -->
</body>
</html>