forked from chriscourses/pokemon-style-game
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Se estructuró la base del archivo HTML, dándole las primeras huellas de forma a nuestra página web...
- Loading branch information
Showing
2 changed files
with
150 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,150 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="es"> | ||
|
|
||
| <head> | ||
| <meta charset="utf-8"> | ||
| <meta content="width=device-width, initial-scale=1.0" name="viewport"> | ||
|
|
||
| <title>POKEMON</title> | ||
| <link href="" rel="icon"> | ||
| <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Nunito:300,300i,400,400i,600,600i,700,700i"rel="stylesheet"> | ||
| </head> | ||
|
|
||
| <body> | ||
|
|
||
| <section id="about" class="about"> | ||
| <div class="container" data-aos="fade-up"> | ||
| <div class="row"> | ||
| <div class="col-lg-7"> | ||
| <div class="subcover"> | ||
| <img src="" > | ||
| </div> | ||
| </div> | ||
|
|
||
| <section id="cover" class="d-flex align-items-center"> | ||
| <div class="container"> | ||
| <div class="row"> | ||
| <div class="col-lg-6 pt-5 pt-lg-0 order-2 order-lg-1 d-flex flex-column justify-content-center"> | ||
| <h1>POKEMON</h1> | ||
| <h2> | ||
| Con Pokémon descubrirás un mundo nuevo, con la oportunidad | ||
| de explorar lugares reales y de buscar Pokémon por todos lados. | ||
| Más y más Pokémon siguen apareciendo por todo el mapa... | ||
| </h2> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="about" class="about"> | ||
| <div class="icon-box"> | ||
| <div class="icon"><i class="bi bi-clock-history"></i></div> | ||
| <h4 class="title">Historia</h4> | ||
| <p class="description"> | ||
| La historia de Pokémon comienza en Japón, país en el que un amante | ||
| de los videojuegos llamado Satoshi Tajiri, tuvo la idea de diseñar | ||
| un sistema en el que varios jugadores pudieran interactuar en un mundo | ||
| compartido, lo que años más tarde se convertiría en un suceso a nivel mundial. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="icon-box"> | ||
| <div class="icon"><i class="bi bi-bullseye"></i></div> | ||
| <h4 class="title">Misión</h4> | ||
| <p class="description"> | ||
| En Pokemón, el jugador desempeña el papel de un joven Entrenador | ||
| que viaja de una ciudad a otra atrapando y entrenando Pokémon, | ||
| luchando contra los equipos Pokémon de otros Entrenadores con el | ||
| fin de convertirse en el Campeón de la Liga. | ||
| </p> | ||
| </div> | ||
|
|
||
| <div class="icon-box"> | ||
| <div class="icon"><i class="bi bi-controller"></i></div> | ||
| <h4 class="title">Funciones</h4> | ||
| <p class="description"> | ||
| Atrapar y catalogar a todos los Pokémon que hay en el juego, | ||
| además de combatir e intercambiar Pokémon con otros jugadores, | ||
| lo que permite aprender valores como compartir y jugar con deportividad. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| </section> | ||
|
|
||
| <section id="screenshots" class="screenshots"> | ||
| <div class="container"> | ||
| <div class="section-header"> | ||
| <p class="m-md-4">Galería</p> | ||
| <h2>Screenshots</h2> | ||
| </div> | ||
|
|
||
| <div class="row"> | ||
| <div class="col-lg-3 col-md-6 d-flex align-items-stretch"> | ||
| <div class="screenshot"> | ||
| <img src="C:\Users\juanj\OneDrive\Escritorio\SCREENSHOTS\1" alt="" /> | ||
| <h4></h4> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-lg-3 col-md-6 d-flex align-items-stretch"> | ||
| <div class="screenshot"> | ||
| <img src="C:\Users\juanj\OneDrive\Escritorio\SCREENSHOTS\2" alt="" /> | ||
| <h4></h4> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-lg-3 col-md-6 d-flex align-items-stretch"> | ||
| <div class="screenshot"> | ||
| <img src="C:\Users\juanj\OneDrive\Escritorio\SCREENSHOTS\3" alt="" /> | ||
| <h4></h4> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="col-lg-3 col-md-6 d-flex align-items-stretch"> | ||
| <div class="screenshot"> | ||
| <img src="C:\Users\juanj\OneDrive\Escritorio\SCREENSHOTS\4" alt="" /> | ||
| <h4> </h4> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section id="team" class="team section-bg"> | ||
| <div class="container"> | ||
| <div class="section-header"> | ||
| <p class="m-md-4">Autor</p> | ||
| <h2>Conoce al autor del trabajo</h2> | ||
| <h5 class="m-sm-2"> | ||
| El autor de la página busca reflejar lo aprendido en | ||
| cada uno de los parámetros del Proyecto. | ||
| </h5> | ||
| </div> | ||
|
|
||
| <div class="col-lg-3 col-md-6 d-flex align-items-stretch"> | ||
| <div class="member"> | ||
| <img src="" alt="" /> | ||
| <h4>Juan Galaviz</h4> </div> | ||
| </div> | ||
|
|
||
| <section class="footer"> | ||
| <div class="footer-top"> | ||
| <div class="container"> | ||
| <div class="row justify-content-center"> | ||
| <div class="col-lg-6"> | ||
| <p> Sexto Semeste - Grupo A <br> Preparatoria Fray Angélico </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| </body> | ||
| </html> | ||
|
|
Empty file.