Created
May 5, 2022 22:59
-
-
Save codigoconjuan/22431051c4b2a672f2b94e6a4e39d287 to your computer and use it in GitHub Desktop.
index.html de Propinas con Bootstrap 5
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Calculadora de Propinas y Consumos</title> | |
| <link rel="stylesheet" href="css/bootstrap.min.css"> | |
| <link rel="stylesheet" href="css/app.css"> | |
| </head> | |
| <body> | |
| <header class="py-4 bg-primary"> | |
| <h1 class="text-center text-white fs-3">Calculadora de Consumos y Propinas</h1> | |
| </header> | |
| <div class="d-flex mt-4 justify-content-center"> | |
| <button data-bs-toggle="modal" data-bs-target="#formulario" type="button" class="btn btn-success">Nueva Orden</button> | |
| </div> | |
| <main id="platillos" class="container bg-light mt-5 p-4 d-none"> | |
| <h2 class="text-center my-4">Platillos</h2> | |
| <div class="contenido"></div> | |
| </main> | |
| <section id="resumen" class="resumen bg-light container mt-5 p-4 d-none"> | |
| <h2 class="text-center my-4">Resumen De Consumo </h2> | |
| <div class="contenido row"> | |
| <p class="text-center">Añade los elementos del pedido</p> | |
| </div> | |
| </section> | |
| <!-- Modal --> | |
| <div class="modal fade" id="formulario"> | |
| <div class="modal-dialog"> | |
| <div class="modal-content"> | |
| <div class="modal-header"> | |
| <h2 class="modal-title"">Restaurant App</h2> | |
| <button type="button" class="btn-close" data-bs-dismiss="modal"></button> | |
| </div> | |
| <div class="modal-body"> | |
| <form> | |
| <div class="mb-3"> | |
| <label class="form-label">Mesa</label> | |
| <input id="mesa" type="number" class="form-control" min="1" max="8"> | |
| </div> | |
| <div class="mb-3"> | |
| <label class="form-label">Hora</label> | |
| <input id="hora" type="time" class="form-control" > | |
| </div> | |
| </form> | |
| </div> | |
| <div class="modal-footer"> | |
| <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button> | |
| <button id="guardar-cliente" type="button" class="btn btn-primary">Crear Orden</button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="js/bootstrap.bundle.min.js"></script> | |
| <script src="js/app.js"></script> | |
| </body> | |
| </html> |
Thanks!
muchas gracias
Hay unas comillas extras en la clase que generan un error en la linea 42 , saludos gracias
Gracias
Gracias!!!!
Muchas gracias.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Gracias!