-
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.
Ultimos ajustes en links botones. Ajustes en la alineacion de las pag…
…inas about y reserva
- Loading branch information
1 parent
32cd931
commit d5bf43f
Showing
4 changed files
with
141 additions
and
116 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
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
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
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 |
|---|---|---|
|
|
@@ -2,119 +2,133 @@ | |
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>YummY ÑuM</title> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>YummY ÑuM</title> | ||
|
|
||
| <!-- --------------- BOOTSTRAP --------------- --> | ||
| <!-- --------------- BOOTSTRAP --------------- --> | ||
|
|
||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> | ||
|
|
||
| <!-- --------------- CSS --------------- --> | ||
| <!-- --------------- CSS --------------- --> | ||
|
|
||
| <link href="../css/styles.css" rel="stylesheet"> | ||
| <link href="../css/styles.css" rel="stylesheet"> | ||
|
|
||
|
|
||
| </head> | ||
|
|
||
| <body> | ||
| <!-- AGREGADO CONTAINER MASTER CON FLUID Y PADDING 0 --> | ||
| <div class="container-fluid p-0"> | ||
| <!-- --------------- CABECERA --------------- --> | ||
|
|
||
| <nav class="navbar navbar-expand-md navbar-light bg-white shadow" aria-label="Fourth navbar example"> | ||
| <div class="container"> | ||
| <a class="navbar-brand" href="../index.html"> | ||
| <img src="../img/logo-trans-black-ok.png" alt="" width="150rem"> | ||
| </a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample04" | ||
| aria-controls="navbarsExample04" aria-expanded="false" aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="navbarsExample04"> | ||
| <ul class="navbar-nav mx-auto me-auto mb-2 mb-md-0 "> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" aria-current="page" href="../index.html">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./carta.html">Carta</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./about.html">Conócenos</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" href="./reserva.html">Reserva</a> | ||
| </li> | ||
| </ul> | ||
| <a href="#" class="btn btn-primary">Hacer Pedido</a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- --------------- DIVISOR --------------- --> | ||
|
|
||
| <!-- <div class="b-example-divider"></div> --> | ||
|
|
||
| <!-- <div class="d-flex" style="height: 10rem"></div> --> | ||
|
|
||
| <!-- --------------- ABOUT --------------- --> | ||
|
|
||
| <section id="about"> | ||
|
|
||
| <div class="container-fluid p-4"> | ||
|
|
||
| <div class="row align-items-center"> | ||
| <div class="col-lg-5"> | ||
| <h1>RESERVA</h1> | ||
| <div class="divider my-4"></div> | ||
| <p>En Ñum, no solo estamos en el negocio de la comida; estamos en el negocio de la satisfacción del cliente | ||
| y la pasión por la cocina. Gracias por unirte a nosotros en este emocionante viaje culinario. ¡Esperamos | ||
| verte pronto y compartir una deliciosa comida contigo!</p> | ||
| <input type="datetime-local"><input> | ||
| </div> | ||
| <div class="col-lg-5"> | ||
| <iframe | ||
| src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d769.9455937908074!2d-0.3767621219530781!3d39.47424488138517!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1695057936849!5m2!1ses!2ses" | ||
| width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" | ||
| referrerpolicy="no-referrer-when-downgrade"></iframe> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| <!-- --------------- DIVISOR --------------- --> | ||
|
|
||
| <div class="d-flex" style="height: 10rem"></div> | ||
|
|
||
|
|
||
| <!-- --------------- FOOTER --------------- --> | ||
|
|
||
| <div class="container"> | ||
| <footer class="py-3 my-4"> | ||
| <ul class="nav justify-content-center border-bottom pb-3 mb-3"> | ||
| <!-- <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> | ||
| <!-- AGREGADO CONTAINER MASTER CON FLUID Y PADDING 0 --> | ||
| <div class="container-fluid p-0"> | ||
| <!-- --------------- CABECERA --------------- --> | ||
|
|
||
| <nav class="navbar navbar-expand-md navbar-light bg-white shadow" aria-label="Fourth navbar example"> | ||
| <div class="container"> | ||
| <a class="navbar-brand" href="../index.html"> | ||
| <img src="../img/logo-trans-black-ok.png" alt="" width="150rem"> | ||
| </a> | ||
| <button class="navbar-toggler" type="button" data-bs-toggle="collapse" | ||
| data-bs-target="#navbarsExample04" aria-controls="navbarsExample04" aria-expanded="false" | ||
| aria-label="Toggle navigation"> | ||
| <span class="navbar-toggler-icon"></span> | ||
| </button> | ||
|
|
||
| <div class="collapse navbar-collapse" id="navbarsExample04"> | ||
| <ul class="navbar-nav mx-auto me-auto mb-2 mb-md-0 "> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" aria-current="page" href="../index.html">Home</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./carta.html">Carta</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link" href="./about.html">Conócenos</a> | ||
| </li> | ||
| <li class="nav-item"> | ||
| <a class="nav-link active" href="./reserva.html">Reserva</a> | ||
| </li> | ||
| </ul> | ||
| <a href="#" class="btn btn-primary">Hacer Pedido</a> | ||
| </div> | ||
| </div> | ||
| </nav> | ||
|
|
||
| <!-- --------------- DIVISOR --------------- --> | ||
|
|
||
| <!-- <div class="b-example-divider"></div> --> | ||
|
|
||
| <!-- <div class="d-flex" style="height: 10rem"></div> --> | ||
|
|
||
| <!-- --------------- ABOUT --------------- --> | ||
|
|
||
| <section id="about"> | ||
|
|
||
| <div class="container-fluid p-5"> | ||
|
|
||
| <div class="row align-items-center"> | ||
| <div class="col-lg-6"> | ||
| <h1>RESERVA</h1> | ||
| <div class="divider my-4"></div> | ||
| <p>En Ñum, no solo estamos en el negocio de la comida; estamos en el negocio de la satisfacción | ||
| del cliente | ||
| y la pasión por la cocina. Gracias por unirte a nosotros en este emocionante viaje | ||
| culinario. ¡Esperamos | ||
| verte pronto y compartir una deliciosa comida contigo!</p> | ||
| <div class="d-flex" style="height: 2rem"></div> | ||
|
|
||
| </div> | ||
| <div class="d-flex" style="height: 2rem"></div> | ||
| <div class="col-lg-6"> | ||
| <span>Nombre: </span><input type="text"> | ||
| <div class="d-flex" style="height: 2rem"></div> | ||
| <span>Teléfono: </span><input type="tel"> | ||
| <div class="d-flex" style="height: 2rem"></div> | ||
| Fecha: <input type="datetime-local"> | ||
| <div class="d-flex" style="height: 2rem"></div> | ||
| <a href="#" class="btn btn-primary">Reservar</a> | ||
| <!-- MAPA QUITADO --> | ||
| <!-- <iframe | ||
| src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d769.9455937908074!2d-0.3767621219530781!3d39.47424488138517!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1ses!2ses!4v1695057936849!5m2!1ses!2ses" | ||
| width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" | ||
| referrerpolicy="no-referrer-when-downgrade"> | ||
| </iframe> --> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </section> | ||
|
|
||
|
|
||
| <!-- --------------- DIVISOR --------------- --> | ||
|
|
||
| <div class="d-flex" style="height: 10rem"></div> | ||
|
|
||
|
|
||
| <!-- --------------- FOOTER --------------- --> | ||
|
|
||
| <div class="container"> | ||
| <footer class="py-3 my-4"> | ||
| <ul class="nav justify-content-center border-bottom pb-3 mb-3"> | ||
| <!-- <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Home</a></li> | ||
| <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Features</a></li> | ||
| <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">Pricing</a></li> | ||
| <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">FAQs</a></li> | ||
| <li class="nav-item"><a href="#" class="nav-link px-2 text-body-secondary">About</a></li> --> | ||
| <a href="#">Back to top</a> | ||
| </ul> | ||
| <a href="#">Back to top</a> | ||
| </ul> | ||
|
|
||
| <p class="text-center text-body-secondary">© 2023 YummY ÑuM, Inc</p> | ||
| </footer> | ||
| </div> | ||
| <p class="text-center text-body-secondary">© 2023 YummY ÑuM, Inc</p> | ||
| </footer> | ||
| </div> | ||
|
|
||
|
|
||
|
|
||
| <!-- --------------- JAVASCRIPT BOOTSTRAP --------------- --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"> | ||
| </script> | ||
| </div> | ||
| <!-- --------------- JAVASCRIPT BOOTSTRAP --------------- --> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"> | ||
| </script> | ||
| </div> | ||
| </body> | ||
|
|
||
| </html> | ||