HTMLify
product.html
Views: 10 | 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 — Fiche Produit</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 absolute-header"><a href="catalog.html" class="back-btn"><i class="fa-solid fa-chevron-left"></i></a><button class="fav-btn-floating"><i class="fa-regular fa-heart"></i></button></header><main class="app-content product-detail-content"><div class="product-hero-img"><img src="https://images.unsplash.com/photo-1586985289688-ca3cf47d3e6e?w=600&auto=format&fit=crop&q=80" alt="Red Velvet Cake"></div><div class="product-detail-body"><div class="rating-row"><span class="category-tag">Gâteaux Signature</span><div class="stars"><i class="fa-solid fa-star"></i><span>5.0 (42 avis)</span></div></div><h1>Red Velvet Cake</h1><p class="main-price">18 000 FCFA</p><p class="product-description">Un gâteau somptueux aux couches de biscuits veloutés rouge cacao, nappé d'un glaçage onctueux au cream cheese et parsemé de miettes délicates.</p><div class="option-group"><label>Taille (Nombre de personnes)</label><div class="size-options"><button class="size-btn active">6 pers.</button><button class="size-btn">10 pers.</button><button class="size-btn">15 pers.</button><button class="size-btn">20 pers.</button></div></div><div class="option-group"><label>Parfum du glaçage</label><select class="custom-select"><option>Cream Cheese Original</option><option>Chocolat Blanc</option><option>Vanille Bourbon</option></select></div><div class="option-group"><label>Inscription personnalisée (optionnel)</label><input type="text" class="custom-input" placeholder="Ex: Joyeux Anniversaire Sarah..."></div></div><div class="sticky-footer-bar"><div class="total-display"><span>Total</span><strong>18 000 FCFA</strong></div><a href="cart.html" class="btn-primary">AJOUTER AU PANIER</a></div></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 active"><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"><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> |