HTMLify
cart.html
Views: 39 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Yummy Cake — Panier</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"><link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,400&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet"></head><body><div class="mobile-frame"><header class="app-header secondary-header"><a href="index.html" class="back-btn"><i class="fa-solid fa-chevron-left"></i></a><h1>Mon panier 🛒</h1></header><main class="app-content cart-content"><div class="cart-items-list"><div class="cart-item"><div class="cart-item-img"><img src="https://images.unsplash.com/photo-1586985289688-ca3cf47d3e6e?w=200&auto=format&fit=crop&q=80" alt="Red Velvet"></div><div class="cart-item-details"><h3>Red Velvet Cake</h3><p class="variant">15 personnes</p><p class="item-price">18 000 FCFA</p><div class="qty-control"><button>-</button><span>1</span><button>+</button></div></div></div><div class="cart-item"><div class="cart-item-img"><img src="https://images.unsplash.com/photo-1550617931-e17a7b70dce2?w=200&auto=format&fit=crop&q=80" alt="Cupcakes"></div><div class="cart-item-details"><h3>Box de 6 Cupcakes</h3><p class="variant">Assortis</p><p class="item-price">8 000 FCFA</p><div class="qty-control"><button>-</button><span>1</span><button>+</button></div></div></div></div><div class="cart-summary-box"><div class="summary-row"><span>Sous-total</span><span>26 000 FCFA</span></div><div class="summary-row"><span>Livraison</span><span>2 000 FCFA</span></div><div class="summary-row total-row"><span>TOTAL</span><span>28 000 FCFA</span></div></div><div class="delivery-selection"><label class="delivery-option active"><input type="radio" name="delivery" checked><span>Livraison à domicile</span></label><label class="delivery-option"><input type="radio" name="delivery"><span>Retrait en boutique</span></label></div><a href="confirmation.html" class="btn-primary checkout-btn">PASSER LA COMMANDE</a></main><nav class="bottom-nav"><a href="index.html" class="nav-item"><i class="fa-solid fa-house"></i><span>Accueil</span></a><a href="catalog.html" class="nav-item"><i class="fa-solid fa-cake-candles"></i><span>Catalogue</span></a><a href="create.html" class="nav-item highlight-nav"><div class="create-btn-circle"><i class="fa-solid fa-plus"></i></div><span>Créer</span></a><a href="cart.html" class="nav-item active"><i class="fa-solid fa-bag-shopping"></i><span>Panier</span></a><a href="account.html" class="nav-item"><i class="fa-solid fa-user"></i><span>Compte</span></a></nav></div><script src="script.js" defer></script> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |