Untitled
unknown
plain_text
6 months ago
2.3 kB
2
Indexable
Never
<!DOCTYPE html> <html> <head> <title>Tabla de Productos</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css"> </head> <body> <div class="container"> <h1>Productos</h1> <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3"> <?php $products = array( array("OldSkool Shoe", 69.99, 5, "https://images.vans.com/is/image/Vans/VN0A4BV5_195_ALT1?wid=1600&hei=1984&fmt=jpeg&qlt=90&resMode=sharp2&op_usm=0.9,1.7,8,0"), array("Sk8-Hi Shoe", 79.99, 8, "https://images.vans.com/is/image/Vans/VN000D5I_B8C_ALT1?wid=1600&hei=1984&fmt=jpeg&qlt=90&resMode=sharp2&op_usm=0.9,1.7,8,0"), array("Slip-On Shoe", 59.99, 12, "https://images.vans.com/is/image/Vans/VN000EYE_BLK_ALT1?wid=1600&hei=1984&fmt=jpeg&qlt=90&resMode=sharp2&op_usm=0.9,1.7,8,0"), array("Authentic Shoe", 59.99, 3, "https://images.vans.com/is/image/Vans/VN000EE3_BKA_ALT1?wid=1600&hei=1984&fmt=jpeg&qlt=90&resMode=sharp2&op_usm=0.9,1.7,8,0"), array("Slip-On Sandal", 54.99, 10, "https://images.vans.com/is/image/Vans/VN0005V8_50K_ALT1?wid=1600&hei=1984&fmt=jpeg&qlt=90&resMode=sharp2&op_usm=0.9,1.7,8,0") ); foreach ($products as $product) { $item_name = $product[0]; $price = $product[1]; $items_available = $product[2]; $img_url = $product[3]; ?> <div class="col"> <div class="card" style="width: 18rem;"> <img src="<?php echo $img_url; ?>" class="card-img-top" alt="..."> <div class="card-body"> <h5 class="card-title"><?php echo $item_name; ?></h5> </div> <ul class="list-group list-group-flush"> <li class="list-group-item"><b>Precio:</b> <?php echo $price; ?></li> <li class="list-group-item"><b>Unidades:</b> <?php echo $items_available; ?></li> </ul> <div class="card-body"> <a href="#" class="card-link">Comprar</a> </div> </div> </div> <?php } ?> </div> </div> </body> </html>