Skip to content

Commit

Permalink
Diseño Terminado
Browse files Browse the repository at this point in the history
  • Loading branch information
@GonzaloFloresR
GonzaloFloresR committed Oct 16, 2023
1 parent fecac7b commit 05f9cdc
Show file tree
Hide file tree
Showing 8 changed files with 63 additions and 24 deletions.
20 changes: 20 additions & 0 deletions css/estilo.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

4 changes: 2 additions & 2 deletions css/estilo.map
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@
</button>
<div class="d-lg-flex flex-column justify-content-between align-items-end collapse navbar-collapse mt-3" id="navbarSupportedContent">
<form id="Buscar" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger" type="submit">Buscar</button>
<input class="form-control me-2 fs-5" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger fs-5" type="submit">Buscar</button>
</form>
<ul class="navbar-nav mt-3 ">
<li class="nav-item">
Expand Down
22 changes: 11 additions & 11 deletions pages/contacto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@
</button>
<div class="d-lg-flex flex-column justify-content-between align-items-end collapse navbar-collapse mt-3" id="navbarSupportedContent">
<form id="Buscar" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger" type="submit">Buscar</button>
<input class="form-control me-2 fs-5" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger fs-5" type="submit">Buscar</button>
</form>
<ul class="navbar-nav mt-3 ">
<li class="nav-item">
Expand All @@ -59,8 +59,8 @@
</header>

<figure class="pb-5 mb-0 position-relative bg-black border-bottom border-3 border-light">
<img src="../img/banner-motocross.jpg" alt="Motocross saltando" title="Motocross saltando">
<h1 class="position-absolute ps-5 bg-white bg-opacity-50 shadow d-none d-sm-block">Bienvenidos a XGames HOME</h1>
<img src="../img/News.jpeg" alt="Foto gente caminando muchos zapatos de colores">
<h1 class="position-absolute ps-5 bg-white bg-opacity-50 shadow d-none d-sm-block">Contacto</h1>
</figure>

<main class="d-flex flex-column flex-lg-row justify-content-lg-around bg-black bg-opacity-25">
Expand All @@ -70,22 +70,22 @@ <h2 class="text-center py-3 my-3">Contáctenos</h2>
en contacto con nosotros. Estamos aquí para ayudarte con detalles sobre fechas, lugares,
deportes, fotos y los increíbles deportistas que hacen de los XGames un evento inolvidable.</p>
<form class="px-5 mx-5" action="#" method="post">
<input class="form-control form-control-lg mx-auto mb-4" type="text" name="Nombre" placeholder="Nombre & Apellido">
<input class="form-control form-control-lg mx-auto mb-4" type="email" name="Email" placeholder="Email">
<textarea class="form-control form-control-lg mx-auto mb-4" rows="9" name="Mensaje" placeholder="Tu Mensaje"></textarea>
<input class="form-control form-control-lg w-50 btn btn-danger float-end" type="submit" name="Enviar" value="Enviar">
<input class="form-control form-control-lg mx-auto mb-4 fs-3" type="text" name="Nombre" placeholder="Nombre & Apellido">
<input class="form-control form-control-lg mx-auto mb-4 fs-3" type="email" name="Email" placeholder="Email">
<textarea class="form-control form-control-lg mx-auto mb-4 fs-3" rows="9" name="Mensaje" placeholder="Tu Mensaje"></textarea>
<input class="form-control form-control-lg w-50 btn btn-danger float-end fs-3" type="submit" name="Enviar" value="Enviar">
</form>

</section>

<aside class="px-5 col-lg-4">
<div class="mapa col-11 mx-auto">
<h3 class="text-center bg-black border-bottom border-4 border-danger py-3 my-3">Maps & Geo</h3>
<iframe
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d225470.97935519728!2d-82.61908883070254!3d27.994384308758736!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x88c2b782b3b9d1e1%3A0xa75f1389af96b463!2sTampa%2C%20Florida%2C%20EE.%20UU.!5e0!3m2!1ses!2scl!4v1693265707947!5m2!1ses!2scl"
width="298" height="400" style="border:0;" allowfullscreen="" loading="lazy"
width="298" height="400" style="border:4;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<span class="Pieiframe">Ver Mapa más Grande</span>
<span class="pieMapa">Ver Mapa más Grande</span>
</div>
</aside>

Expand Down
10 changes: 5 additions & 5 deletions pages/moto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@
</button>
<div class="d-lg-flex flex-column justify-content-between align-items-end collapse navbar-collapse mt-3" id="navbarSupportedContent">
<form id="Buscar" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger" type="submit">Buscar</button>
<input class="form-control me-2 fs-5" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger fs-5" type="submit">Buscar</button>
</form>
<ul class="navbar-nav mt-3 ">
<li class="nav-item">
Expand Down Expand Up @@ -102,17 +102,17 @@ <h2 class="text-center py-3 my-3">Aventuras sobre la moto</h2>
<aside class="px-5 col-lg-4">
<div class="mx-auto">
<h3 class="text-center bg-black border-bottom border-4 border-danger py-3 my-3">Videos de Motos</h3>
<iframe class="border border-white border-4 my-3 mx-auto" width="295" height="166"
<iframe class="border border-white border-4 my-3 mx-3" width="295" height="166"
src="https://www.youtube-nocookie.com/embed/VwAgmNWcmW4?si=-ermGoQJNYXZm67k"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<iframe class="border border-white border-4 my-3 mx-auto" width="295" height="166"
<iframe class="border border-white border-4 my-3 mx-3" width="295" height="166"
src="https://www.youtube-nocookie.com/embed/BGx4IHXatps?si=uPNYuJWelNjdjDkM"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
<iframe class="border border-white border-4 my-3 mx-auto" width="295" height="166"
<iframe class="border border-white border-4 my-3 mx-3" width="295" height="166"
src="https://www.youtube-nocookie.com/embed/_hqk7vCXbo4?si=5wBWqm0T0iwp2T4T"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
Expand Down
4 changes: 2 additions & 2 deletions pages/skateboarding.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,8 +32,8 @@
</button>
<div class="d-lg-flex flex-column justify-content-between align-items-end collapse navbar-collapse mt-3" id="navbarSupportedContent">
<form id="Buscar" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger" type="submit">Buscar</button>
<input class="form-control me-2 fs-5" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger fs-5" type="submit">Buscar</button>
</form>
<ul class="navbar-nav mt-3 ">
<li class="nav-item">
Expand Down
4 changes: 2 additions & 2 deletions pages/snowboarding.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,8 +33,8 @@
</button>
<div class="d-lg-flex flex-column justify-content-between align-items-end collapse navbar-collapse mt-3" id="navbarSupportedContent">
<form id="Buscar" class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger" type="submit">Buscar</button>
<input class="form-control me-2 fs-5" type="search" placeholder="Buscar" aria-label="Buscar">
<button class="btn btn-danger fs-5" type="submit">Buscar</button>
</form>
<ul class="navbar-nav mt-3 ">
<li class="nav-item">
Expand Down
19 changes: 19 additions & 0 deletions sass/estilo.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -209,3 +209,22 @@ aside ul {
-webkit-column-rule: 1px dotted $color-fuente-principal;
-ms-column-rule: 1px dotted $color-fuente-principal;
}

aside div.mapa iframe {
width: 80%;
height: 400px;
border: 4px solid white;
margin: 7px 10%;
}

.pieMapa {
color: yellow;
line-height: 30px;
border: 2px dotted yellow;
border-left: 0px;
border-right: 0px;
display: block;
text-align: center;
background-color: black;
}

0 comments on commit 05f9cdc

Please sign in to comment.