Skip to content

Commit bafed10

Browse files
quiellllquiellll
committed
contenido pagina stratum listo
1 parent dcc768e commit bafed10

1 file changed

Lines changed: 134 additions & 112 deletions

File tree

‎stratum.html‎

Lines changed: 134 additions & 112 deletions
Original file line numberDiff line numberDiff line change
@@ -65,14 +65,32 @@
6565
<div class="collapse navbar-collapse" id="navbarNav">
6666
<ul class="navbar-nav">
6767
<li class="nav-item">
68-
<a class="nav-link text-special py-2" href="index.html"
69-
>Inicio <span class="d-none d-md-inline">/</span>
70-
<span class="english-text">Home</span></a
68+
<a class="nav-link active text-special py-2" href="#"
69+
>Stratum</a
7170
>
7271
</li>
7372
<li class="nav-item">
74-
<a class="nav-link active text-special py-2" href="#"
75-
>Stratum</a
73+
<a class="nav-link text-special py-2" href="#asJoin"
74+
>Únete <span class="d-none d-md-inline">/</span>
75+
<span class="english-text">Join us</span></a
76+
>
77+
</li>
78+
<li class="nav-item">
79+
<a class="nav-link text-special py-2" href="#asCharacters"
80+
>Personajes <span class="d-none d-md-inline">/</span>
81+
<span class="english-text">Characters</span></a
82+
>
83+
</li>
84+
<li class="nav-item">
85+
<a class="nav-link text-special py-2" href="#asRules"
86+
>Reglas <span class="d-none d-md-inline">/</span>
87+
<span class="english-text">Rules</span></a
88+
>
89+
</li>
90+
<li class="nav-item">
91+
<a class="nav-link text-special py-2" href="#asFeatures"
92+
>Características <span class="d-none d-md-inline">/</span>
93+
<span class="english-text">Features</span></a
7694
>
7795
</li>
7896
</ul>
@@ -128,7 +146,7 @@ <h1 class="display-4 mb-4">Stratum</h1>
128146
</div>
129147
</section>
130148

131-
<section class="mb-5">
149+
<section class="mb-5" id="asJoin">
132150
<div class="section-header">
133151
<div class="container">
134152
<h2 class="text-center">
@@ -138,48 +156,50 @@ <h2 class="text-center">
138156
</div>
139157
</div>
140158

141-
<div class="container">
142-
<div class="envelope-container">
143-
<a href="files/Stratum_ES.pdf" download class="envelope-link">
144-
<div class="scene">
145-
<div class="envelope">
146-
<div class="envelope__face envelope__front">
147-
<div class="flap"></div>
148-
<div class="envelope__text">Únete</div>
159+
<div class="section-content">
160+
<div class="container">
161+
<div class="envelope-container">
162+
<a href="files/Stratum_ES.pdf" download class="envelope-link">
163+
<div class="scene">
164+
<div class="envelope">
165+
<div class="envelope__face envelope__front">
166+
<div class="flap"></div>
167+
<div class="envelope__text">Únete</div>
168+
</div>
169+
<div class="envelope__face envelope__back"></div>
170+
<div class="envelope__side envelope__side--left"></div>
171+
<div class="envelope__side envelope__side--right"></div>
172+
<div class="envelope__side envelope__side--top"></div>
173+
<div class="envelope__side envelope__side--bottom"></div>
149174
</div>
150-
<div class="envelope__face envelope__back"></div>
151-
<div class="envelope__side envelope__side--left"></div>
152-
<div class="envelope__side envelope__side--right"></div>
153-
<div class="envelope__side envelope__side--top"></div>
154-
<div class="envelope__side envelope__side--bottom"></div>
155175
</div>
156-
</div>
157-
</a>
158-
<a href="files/Stratum_EN.pdf" download class="envelope-link">
159-
<div class="scene">
160-
<div class="envelope">
161-
<div class="envelope__face envelope__front">
162-
<div class="flap"></div>
163-
<div class="envelope__text">Join now</div>
176+
</a>
177+
<a href="files/Stratum_EN.pdf" download class="envelope-link">
178+
<div class="scene">
179+
<div class="envelope">
180+
<div class="envelope__face envelope__front">
181+
<div class="flap"></div>
182+
<div class="envelope__text">Join now</div>
183+
</div>
184+
<div class="envelope__face envelope__back"></div>
185+
<div class="envelope__side envelope__side--left"></div>
186+
<div class="envelope__side envelope__side--right"></div>
187+
<div class="envelope__side envelope__side--top"></div>
188+
<div class="envelope__side envelope__side--bottom"></div>
164189
</div>
165-
<div class="envelope__face envelope__back"></div>
166-
<div class="envelope__side envelope__side--left"></div>
167-
<div class="envelope__side envelope__side--right"></div>
168-
<div class="envelope__side envelope__side--top"></div>
169-
<div class="envelope__side envelope__side--bottom"></div>
170190
</div>
171-
</div>
172-
</a>
191+
</a>
192+
</div>
173193
</div>
174194
</div>
175195
</section>
176196

177-
<section class="mb-5">
197+
<section class="mb-5" id="asCharacters">
178198
<div class="section-header">
179199
<div class="container">
180200
<h2 class="text-center">
181-
Facciones <span class="d-none d-md-inline">/</span>
182-
<span class="english-text">Factions</span>
201+
Personajes <span class="d-none d-md-inline">/</span>
202+
<span class="english-text">Characters</span>
183203
</h2>
184204
</div>
185205
</div>
@@ -189,8 +209,8 @@ <h2 class="text-center">
189209
<div class="card feature-card faction-card">
190210
<div class="card-body text-center">
191211
<div>
192-
<h3 class="h4 card-title mb-3">Naturaleza</h3>
193-
<p class="english-text mb-3">Nature</p>
212+
<h3 class="h4 card-title mb-3">Ygdra & Sagitario</h3>
213+
<p class="english-text mb-3">Ygdra & Sagitario</p>
194214
<p>
195215
Los guardianes ancestrales del bosque, protectores del
196216
equilibrio natural.
@@ -215,8 +235,8 @@ <h3 class="h4 card-title mb-3">Naturaleza</h3>
215235
<div class="card feature-card faction-card">
216236
<div class="card-body text-center">
217237
<div>
218-
<h3 class="h4 card-title mb-3">Industria</h3>
219-
<p class="english-text mb-3">Industry</p>
238+
<h3 class="h4 card-title mb-3">Magnate</h3>
239+
<p class="english-text mb-3">Overlord</p>
220240
<p>
221241
La ambición humana personificada, buscando dominar la
222242
naturaleza.
@@ -240,8 +260,8 @@ <h3 class="h4 card-title mb-3">Industria</h3>
240260
<div class="card feature-card faction-card">
241261
<div class="card-body text-center">
242262
<div>
243-
<h3 class="h4 card-title mb-3">Fungi</h3>
244-
<p class="english-text mb-3">Fungi</p>
263+
<h3 class="h4 card-title mb-3">Fu'ngaloth</h3>
264+
<p class="english-text mb-3">Fu'ngaloth</p>
245265
<p>
246266
Una antigua entidad que busca corromper y asimilar todo a su
247267
paso.
@@ -266,7 +286,7 @@ <h3 class="h4 card-title mb-3">Fungi</h3>
266286
</div>
267287
</section>
268288

269-
<section class="mb-5">
289+
<section class="mb-5" id="asRules">
270290
<div class="section-header">
271291
<div class="container">
272292
<h2 class="text-center">
@@ -330,93 +350,95 @@ <h4>
330350
</div>
331351
</section>
332352

333-
<section class="game-features mb-5">
353+
<section class="game-features mb-5" id="asFeatures">
334354
<div class="section-header text-center">
335355
<h2 class="text-special m-0">
336356
Características <span class="d-none d-md-inline">/</span>
337357
<span class="english-text">Features</span>
338358
</h2>
339359
</div>
340-
<div class="feature-grid">
341-
<div class="text-body game-feature">
342-
<h3 class="h4">Ecosistema Dinámico</h3>
343-
<p class="english-text mb-3">Dynamic Ecosystem</p>
344-
<p>
345-
Un sistema vivo que responde a cada acción de los jugadores,
346-
creando situaciones únicas en cada partida.
347-
</p>
348-
<p class="english-text">
349-
A living system that responds to every player action, creating
350-
unique situations in each game.
351-
</p>
352-
</div>
353-
<div class="text-body game-feature">
354-
<h3 class="h4">Experiencia Inmersiva</h3>
355-
<p class="english-text mb-3">Immersive Experience</p>
356-
<p>
357-
Sin interfaces visibles que rompan la inmersión, todo integrado
358-
naturalmente en el entorno de juego.
359-
</p>
360-
<p class="english-text">
361-
No visible interfaces breaking immersion, everything naturally
362-
integrated into the game environment.
363-
</p>
364-
</div>
365-
<div class="text-body game-feature">
366-
<h3 class="h4">Jugabilidad Estratégica</h3>
367-
<p class="english-text mb-3">Strategic Gameplay</p>
368-
<p>
369-
Cada decisión importa en la lucha por el control del ecosistema.
370-
</p>
371-
<p class="english-text">
372-
Every decision matters in the struggle for ecosystem control.
373-
</p>
360+
<div class="section-content">
361+
<div class="feature-grid">
362+
<div class="text-body game-feature">
363+
<h3 class="h4">Ecosistema Dinámico</h3>
364+
<p class="english-text mb-3">Dynamic Ecosystem</p>
365+
<p>
366+
Un sistema vivo que responde a cada acción de los jugadores,
367+
creando situaciones únicas en cada partida.
368+
</p>
369+
<p class="english-text">
370+
A living system that responds to every player action, creating
371+
unique situations in each game.
372+
</p>
373+
</div>
374+
<div class="text-body game-feature">
375+
<h3 class="h4">Experiencia Inmersiva</h3>
376+
<p class="english-text mb-3">Immersive Experience</p>
377+
<p>
378+
Sin interfaces visibles que rompan la inmersión, todo integrado
379+
naturalmente en el entorno de juego.
380+
</p>
381+
<p class="english-text">
382+
No visible interfaces breaking immersion, everything naturally
383+
integrated into the game environment.
384+
</p>
385+
</div>
386+
<div class="text-body game-feature">
387+
<h3 class="h4">Jugabilidad Estratégica</h3>
388+
<p class="english-text mb-3">Strategic Gameplay</p>
389+
<p>
390+
Cada decisión importa en la lucha por el control del ecosistema.
391+
</p>
392+
<p class="english-text">
393+
Every decision matters in the struggle for ecosystem control.
394+
</p>
395+
</div>
374396
</div>
375397
</div>
376398
</section>
377399
</main>
378400

379401
<div class="container-fluid footer bg-dark border-bottom-0">
380-
<div class="container">
381-
<div class="row g-0">
382-
<div class="col-12">
383-
<div class="footer-content h-100 pt-6 ps-6 pb-6">
384-
<div class="row g-4 align-items-center">
385-
<div class="col-12 text-center">
386-
<div class="d-flex justify-content-center">
387-
<a
388-
class="btn btn-light btn-md-square me-3"
389-
href="https://www.youtube.com/@AgainstSoftware"
390-
target="_blank"
391-
><i class="fab fa-youtube"></i
392-
></a>
393-
<a
394-
class="btn btn-light btn-md-square me-3"
395-
href="https://x.com/againstsoftware"
396-
target="_blank"
397-
><i class="fab fa-twitter"></i
398-
></a>
399-
<a
400-
class="btn btn-light btn-md-square me-3"
401-
href="https://www.instagram.com/againstsoftware"
402-
target="_blank"
403-
><i class="fab fa-instagram"></i
404-
></a>
405-
</div>
406-
</div>
407-
<div class="col-12 text-center">
408-
<span class="text-footer">
409-
<a href="#" class="border-bottom text-white"
410-
><i class="fas fa-copyright me-2"></i>Against Software</a
411-
>, & Ezequiel García. Todos los derechos reservados.
412-
</span>
402+
<div class="container">
403+
<div class="row g-0">
404+
<div class="col-12">
405+
<div class="footer-content h-100 pt-6 ps-6 pb-6">
406+
<div class="row g-4 align-items-center">
407+
<div class="col-12 text-center">
408+
<div class="d-flex justify-content-center">
409+
<a
410+
class="btn btn-light btn-md-square me-3"
411+
href="https://www.youtube.com/@AgainstSoftware"
412+
target="_blank"
413+
><i class="fab fa-youtube"></i
414+
></a>
415+
<a
416+
class="btn btn-light btn-md-square me-3"
417+
href="https://x.com/againstsoftware"
418+
target="_blank"
419+
><i class="fab fa-twitter"></i
420+
></a>
421+
<a
422+
class="btn btn-light btn-md-square me-3"
423+
href="https://www.instagram.com/againstsoftware"
424+
target="_blank"
425+
><i class="fab fa-instagram"></i
426+
></a>
413427
</div>
414428
</div>
429+
<div class="col-12 text-center">
430+
<span class="text-footer">
431+
<a href="#" class="border-bottom text-white"
432+
><i class="fas fa-copyright me-2"></i>Against Software</a
433+
>, & Ezequiel García. Todos los derechos reservados.
434+
</span>
435+
</div>
415436
</div>
416437
</div>
417438
</div>
418439
</div>
419440
</div>
441+
</div>
420442

421443
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>
422444
</body>

0 commit comments

Comments
 (0)