JezK
Edit File: Cart.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">Carrito</li> </ol> </nav> </div> <div class="container"> <div class="row"> <div class="col-12"> <h5>Carrito de compra</h5> <table class="table" style="margin-top: 1.5rem;"> <thead> <tr> <th scope="col"></th> <th scope="col">Producto</th> <th scope="col">Cantidad</th> <th scope="col">Precio</th> </tr> </thead> <tbody> <tr> <th scope="row">1</th> <td>Pan Blanco Rebanado Golden Valley 680 gr</td> <td>1</td> <td>$29.90</td> </tr> <tr> <th scope="row">2</th> <td>Harina Gonzalez 1Kg</td> <td>1</td> <td>$19.99</td> </tr> <tr> <th scope="row">3</th> <td>Zulka Azucar Morena 900gr</td> <td>1</td> <td>$35</td> </tr> </tbody> </table> </div> <div class="col-8"></div> <div class="col-4"> <ul class="list-group"> <li class="list-group-item text-center font-weight-bold" aria-current="true">Resumen de la compra</li> <li class="list-group-item">Precio de lista: $84.89</li> <li class="list-group-item">Descuento: 5%</li> <li class="list-group-item">Subtotal: $80.64</li> </ul> <button type="button" class="btn btn-primary btn-md my-2 w-100">Comprar</button> </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>