-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (137 loc) · 9.43 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="author" content="Brayan D´Velásquez">
<meta name="revised" content="111/05/2020">
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.8.2/css/bulma.min.css">
<link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
<link rel="stylesheet" href="css/estilos.css">
<title>¿Que es Minecraft? - StartWhite</title>
</head>
<body>
<div class="container-fluid columns is-multiline">
<header class="header column is-12 is-mobile has-background-dark has-text-white">
<div class="header__titulo">
<p>StartWhite</p>
</div>
<nav class="header__enlaces">
<a href="#"> <i class="fas fa-home"></i> Inicio</a>
<a href="#"> <i class="fas fa-magic"></i> Logros</a>
<a href="#"> <i class="fas fa-info-circle"></i> Ayuda</a>
<a href="#"> <i class="fas fa-phone"></i> Contacto</a>
</nav>
</header>
<main class="section column is-9-tablet is-12-mobile is-multiline">
<div class="column is-12">
<p class="content is-large is-marginless">Se encuentra en:</p>
<div class="breadcrumb is-large">
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">VideoJuegos</a></li>
<li class="is-active"><a href="#">Minecraft</a></li>
</ul>
</div>
</div>
<article class="column is-12">
<section class="column">
<p class="title is-marginless">¿Que es Minecraft?</p><br>
<p>Publicado por Brayan Durán, el 10 / 05/ 2020 <i class="fas fa-calendar"></i></p>
</section>
<section class="column is-12 text-center">
<img src="img/1.jpg" class="is-fullwidth" alt="Minecraft, videojuego multiplataforma y estilo libre">
<p class="is-pulled-right"><i>Minecraft, videojuego multiplataforma y mundo libre.</i></p> <br><br>
</section>
<div class="is-clearfix"></div>
<section class="column">
<p> Minecraft es un videojuego de construcción, de tipo «mundo abierto» o sandbox creado originalmente por el sueco Markus Persson (conocido comúnmente como "Notch"), y posteriormente desarrollado por su empresa, Mojang AB. Fue lanzado públicamente el 17 de mayo de 2009, después de diversos cambios fue lanzada su versión completa el 18 de noviembre de 2011.</p><br>
<p>El 15 de septiembre de 2014, fue adquirido por la empresa Microsoft por un valor de 2500 millones USD. Este suceso provocó el alejamiento de Markus Persson de la compañía. El 1 de noviembre de 2016 Microsoft anunció el lanzamiento de la versión completa de Minecraft Education Edition.</p>
</section>
<section class="column is-12 text-center">
<img src="img/2.jpg" class="is-fullwidth" alt="Hermosos e increíbles mundos y paisajes">
<p class="is-pulled-right"><i>Hermosos e increíbles mundos y paisajes.</i></p><br><br>
</section>
<div class="is-clearfix"></div>
<section class="column">
<p>Minecraft es un juego de mundo abierto, por lo que no posee un objetivo específico, permitiéndole al jugador una gran libertad en cuanto a la elección de su forma de jugar. A pesar de ello, el juego posee un sistema de logros. El modo de juego predeterminado es en primera persona, aunque los jugadores tienen la posibilidad de cambiarlo a tercera persona.</p>
<p>Entre sus modos de juego, se encuentran:</p><br>
<ul class="lista">
<li><b>Supervivencia:</b> Es el modo principal. Tenemos que conseguir recursos y sobrevivir al ataque de múltiples criaturas que surgen en la oscuridad, hasta que logremos vencer al dragón. Nuestro personaje cuenta con diez corazones de vida para conseguir su objetivo.</li><br>
<li><b>Creativo:</b> Las reglas de juego las ponemos nosotros y podemos construir libremente. Tenemos recursos ilimitados de todos los bloques y objetos del juego. No somos atacados por ningún monstruo, ni recibimos ningún tipo de daño.</li><br>
<li><b>Aventura:</b> Destinado para los jugadores que se dedican a crear mapas para otros usuarios. No podemos romper bloques para hacer construcciones, sólo podemos romperlos si contamos con la herramienta adecuada. En algunas versiones, no se puede modificar la dificultad.</li><br>
<li><b>Modo Espectador:</b> si nos matan, podemos seguir jugando, pero sí ver la partida.</li>
</ul>
</section>
<div class="is-clearfix"></div>
<section class="column is-12 text-center">
<img src="img/3.jpg" class="is-fullwidth" alt="Toda una diversidad de biomas para explorar">
<p class="is-pulled-right"><i>Toda una diversidad de biomas para explorar.</i></p><br><br>
</section>
<div class="is-clearfix"></div>
<section class="column">
<p> Los jugadores son libres de desplazarse por su entorno y modificarlo mediante la creación, recolección y transporte de los bloques que componen al juego, los cuales solo pueden ser colocados respetando la rejilla fija del juego.</p>
</section>
</article>
<hr>
<div class="columns is-12 is-multiline">
<div class="column is-12">
<p>Comparta en sus redes sociales:</p>
</div>
<div class="column is-3">
<button class="button button-fb is-fullwidth"> <i class="fab fa-facebook"></i></button>
</div>
<div class="column is-3">
<button class="button button-ig is-fullwidth"> <i class="fab fa-instagram"></i></button>
</div>
<div class="column is-3">
<button class="button button-yt is-fullwidth"> <i class="fab fa-youtube"></i></button>
</div>
<div class="column is-3">
<button class="button button-tw is-fullwidth"> <i class="fab fa-twitter"></i></button>
</div>
</div>
</main>
<aside class="aside section column is-3-tablet is-hidden-mobile is-multiline">
<br><p class="aside__titulo">Lo Más Popular</p><br>
<div class="aside__populares">
<a href="#">Inicia nuevo mundo en Runescape</a>
<a href="#">¡Nintendo vuelve a romperla! Pokémon Espada y Escudo</a>
<a href="#">Surge nuevo reto. ¡Encuentra las Gemas en Roblox!</a>
<a href="#">Dragon Ball Super 2. Capitulo #27</a>
<a href="#">¡Recuerda como era jugar en un GameBoy Color en este emulador!</a>
<a href="#">Counter Striker Global Ofensive en línea.</a>
<a href="#">Cuarentena obliga a los gamers a jugar todo tipo de VideoJuegos</a>
<a href="#">10 VideoJuegos que deberias jugar en esta cuarentena</a>
</div>
</aside>
<footer class="is-12 section has-background-dark has-text-white">
<div class="columns is-multiline is-vcentered">
<div class="column section is-6">
<p class="title has-text-white">Información previa</p><br>
<p>Este es un sitio web el cual es totalmente para uso academico. Todo en ella es experimental y no representa una amenaza para todo aquel que la visite.</p>
</div>
<hr>
<div class="column section is-6">
<p>Si desea recibir contenido a su correo electrónico. ¡Suscribase ahora!</p><br>
<label class="label has-text-white">Correo Electrónico</label>
<div class="field has-addons">
<div class="control is-expanded">
<input class="input" type="email">
</div>
<div class="control">
<input class="button is-primary" type="submit" value="Suscribirse">
</div>
</div>
</div>
</div>
</footer>
<div class="column is-vcentered has-text-white has-background-black is-12 text-center">
<p>StartWhite - 2020</p>
</div>
</div>
</body>
</html>