JezK
Edit File: index.html
<!doctype html> <html lang="es-MX"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Bootstrap CSS --> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/index.css"> <title>Supermercado González - Supermercado</title> <link rel="icon" href="img/qrAdVir.ico"> </head> <body> <!--HEADER--> <div style="background-color: rgb(49, 55, 148);"> <!--CSS--> <div class="container"> <ul class="nav justify-content-end"> <li class="nav-link" style="padding-right: 0;" > <a class="nav-link" href="http://facturacion.southcentralus.cloudapp.azure.com/login.php" style="color: white; padding-right: 0;">Facturación Electrónica</a> <!--CSS--> </li> </ul> </div> </div> <!--NAVBAR--> <nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top"> <div class="container"> <a class="navbar-brand" href="http://promociones.me/"> <img src="img/Logo.png" width="150px" alt=""> </a> <div class="dropdown"> <a class="btn btn-light dropdown-toggle d-none d-md-block mr-1" style="color: rgb(141, 140, 140);" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Departamentos </a> <div class="dropdown-menu" aria-labelledby="dropdownMenuLink"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> </div> </div> <form class="form-inline my-2 my-lg-0"> <input class="form-control mr-sm-2" type="search" id="sch" placeholder="Search" aria-label="Search"> <button class="btn btn-outline-primary my-2 my-sm-0" type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16"> <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg> </button> </form> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav ml-auto"> <!--<li class="nav-item active"> <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a> </li>--> <li class="nav-item"> <a class="nav-link" href="#"><svg xmlns="http://www.w3.org/2000/svg" width="1.5rem" height="1.5rem" fill="currentColor" class="bi bi-person" viewBox="0 0 16 16"> <path d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10z"/> </svg>Iniciar Sesión</a> </li> <li class="nav-item"> <a class="nav-link" href="http://promociones.me/Cart.html"><svg xmlns="http://www.w3.org/2000/svg" width="1.3rem" height="1.3rem" fill="currentColor" class="bi bi-cart3" viewBox="0 0 16 16"> <path d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .49.598l-1 5a.5.5 0 0 1-.465.401l-9.397.472L4.415 11H13a.5.5 0 0 1 0 1H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l.84 4.479 9.144-.459L13.89 4H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/> </svg> <span class="badge badge-danger">1</span> </a> </li> </ul> </div> </div> </nav> <div class="container" style="padding: 0;"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#">Inicio</a></li> <li class="breadcrumb-item"><a href="#">Tienda</a></li> <li class="breadcrumb-item active" aria-current="page">Productos</li> </ol> </nav> </div> <div class="container"> <div class="row"> <div class="col-3 d-none d-lg-block"> <h5>Categorías</h5> <div class="list-group" style="padding: 0.25rem 0 0 0;"> <button type="button" class="list-group-item list-group-item-action">Frutas y Verduras</button> <button type="button" class="list-group-item list-group-item-action">Carnes, Pescados y Mariscos</button> <button type="button" class="list-group-item list-group-item-action">Lácteos y Huevos</button> <button type="button" class="list-group-item list-group-item-action">Alimentos Congelados</button> <button type="button" class="list-group-item list-group-item-action">Queso y Salchicha</button> <button type="button" class="list-group-item list-group-item-action">Panaderia y Torrtilleria </button> </div> </div> <div class="col-12 col-lg-9"> <h5>Productos</h5> <div class="row"> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Cafe-Nescafe-42gr.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Cafe Nescafe 42gr </h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content some quick example.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Pure-de-Tomate-Hunts-210gr.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Pure de Tomate Hunts 210gr</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Pan-Golden-Valley-Blanco.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Pan Blanco Rebanado Golden Valley 680 gr</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Harina-Gonzalez.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Harina Gonzalez 1Kg </h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Zulka-Azucar-Morena-900gr-1.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Zulka Azucar Morena 900gr </h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Cocido-de-carrizo.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Cocido de carrizo </h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> <div class="col-6 col-lg-3" style="padding: 0.25rem;"> <div class="card text-center"> <img src="img/products/Chile-Jalapeno.png" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title">Chile Jalapeno </h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="http://promociones.me/Product.html" class="btn btn-primary w-100">Agregar</a> </div> </div> </div> </div> <div class="col-12" style="margin-top: 0.5rem;"> <nav aria-label="Page navigation example"> <ul class="pagination pagination-md justify-content-center"> <li class="page-item disabled"> <a class="page-link" href="#" tabindex="-1" style="color:gray" aria-disabled="true"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8z"/> </svg> </a> </li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"> <a class="page-link" style="color:gray" href="#"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right" viewBox="0 0 16 16"> <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8z"/> </svg> </a> </li> </ul> </nav> </div> </div> </div> </div> <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> <script src="js/bootstrap.min.js"></script> <script src="js/index.js"></script> </body> </html>