Skip to content

Commit

Permalink
Modificando Formulario
Browse files Browse the repository at this point in the history
  • Loading branch information
@GonzaloFloresR
GonzaloFloresR committed Oct 16, 2023
1 parent 946f151 commit fecac7b
Show file tree
Hide file tree
Showing 7 changed files with 117 additions and 139 deletions.
21 changes: 14 additions & 7 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.

73 changes: 18 additions & 55 deletions pages/contacto.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,64 +65,27 @@ <h1 class="position-absolute ps-5 bg-white bg-opacity-50 shadow d-none d-sm-bloc

<main class="d-flex flex-column flex-lg-row justify-content-lg-around bg-black bg-opacity-25">
<section class="px-5 col-lg-8">
<article class="mx-auto">
<h2 class="text-center py-3 my-3 ">Las Mejores Fotos Invierno 2013</h2>
<img class="border border-white border-4 my-3 mx-auto" src="../img/foto-02.jpg" alt="Primer plano casco con googles ">
<p>El invierno del 2013 nos regaló momentos memorables capturados en las mejores fotografías. A pesar de las
bajas temperaturas, la belleza de la estación quedó inmortalizada en imágenes que evocan la magia de la
nieve y el hielo. Desde paisajes nevados hasta retratos junto a fogatas, cada fotografía cuenta una historia
única. Los fotógrafos talentosos se aventuraron en bosques cubiertos de nieve y montañas majestuosas para
capturar la esencia del invierno. Las luces suaves de las velas y las sonrisas congeladas en el tiempo nos
recuerdan por qué el invierno es una estación tan especial. Las Mejores Fotos Invierno 2013 nos transportan
de nuevo a esos días fríos pero llenos de calidez y maravilla.</p>
<p>Fotografo: Carlos Herctor Flores | Categoría: Arte | Julio 2013</p>
<a href="#" class="readmore">Leer más ++</a>
</article>
<article class="mx-auto">
<h2 class="text-center py-3 my-3">Videos de Saltos Impresionantes</h2>
<img class="border border-white border-4 my-3 mx-auto" src="../img/foto-01.jpg" alt="Persona saltando en snowboard">
<p>Los Videos de Saltos Impresionantes en snowboard 2023 nos llevan al borde de la emoción y la adrenalina en
las pistas de nieve más desafiantes del año. En este emocionante viaje visual, los riders más audaces
desafían la gravedad y ejecutan trucos alucinantes que desafían los límites de lo posible. Cada salto, cada
giro, es una obra maestra de destreza y coraje, capturada en impresionantes vídeos de alta definición que te
sumergen en la acción. Desde las montañas cubiertas de nieve hasta los terrenos empinados y peligrosos,
estos vídeos te mostrarán la verdadera esencia del snowboard extremo en el 2023. Prepárate para experimentar
la emoción y la pasión de los riders en su máxima expresión en los Videos de Saltos Impresionantes en
snowboard 2023</p>
<p class="redaccion">Fotografo: Carlos Herctor Flores | Categoría: Arte | Julio 2013</p>
<a href="#" class="readmore">Leer Más ++</a>
</article>
<h2 class="text-center py-3 my-3">Contáctenos</h2>
<p class="lh-sm px-5 m-5">Si tienes alguna pregunta o necesitas información adicional sobre los XGames, no dudes en ponerte
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">
</form>

</section>

<aside class="px-5 col-lg-4">
<div class="asideSection mx-auto">
<h3 class="text-center bg-black border-bottom border-4 border-danger py-3 my-3">Noticias & Categorias</h3>
<ul class="list-group list-group-flush">
<li><a class="list-group-item list-group-item-action list-group-item-dark link-light" href="#"> destacados</a></li>
<li><a class="list-group-item list-group-item-action list-group-item-dark link-light" href="#" >Noticias generales</a></li>
<li><a class="list-group-item list-group-item-action list-group-item-dark link-light" href="#">Lo mejor de la semana</a></li>
<li><a class="list-group-item list-group-item-action list-group-item-dark link-light" href="#">Ranking Mensual</a></li>
<li><a class="list-group-item list-group-item-action list-group-item-dark link-light" href="#">Eventos y Competencias</a></li>
</ul>
</div>
<div class="asideSection mx-auto">
<h3 class="text-center bg-black border-bottom border-4 border-danger py-3 my-3">Videos and Trailers</h3>

<iframe class="border border-white border-4 my-3 mx-auto" width="295" height="166" src="https://www.youtube-nocookie.com/embed/KnDcGNQ7JzA?si=mZpc7bhUR-js2Bga"
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" src="https://www.youtube-nocookie.com/embed/cjIcz-l_phI?si=rWCjYiFiKC5Cm_7N"
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" src="https://www.youtube-nocookie.com/embed/VwAgmNWcmW4?si=nGukDOK-ZNBjhUKV"
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>

<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
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"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<span class="Pieiframe">Ver Mapa más Grande</span>
</div>
</aside>

Expand Down
Loading

0 comments on commit fecac7b

Please sign in to comment.