HTMLify
catalog.html
Views: 41 | 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 — Catalogue</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>Catalogue</h1><a href="cart.html" class="cart-btn"><i class="fa-solid fa-bag-shopping"></i><span class="badge">2</span></a></header><main class="app-content"><div class="search-box"><i class="fa-solid fa-magnifying-glass"></i><input type="text" placeholder="Rechercher dans le catalogue..."></div><div class="filter-chips"><button class="chip active">Tous</button><button class="chip">Gâteaux</button><button class="chip">Anniversaire</button><button class="chip">Mariage</button><button class="chip">Cupcakes</button><button class="chip">Coffrets</button></div><div class="product-grid catalog-grid"><div class="product-card"><div class="product-img"><img src="https://images.unsplash.com/photo-1586985289688-ca3cf47d3e6e?w=400&auto=format&fit=crop&q=80" alt="Red Velvet"></div><div class="product-info"><h3>Red Velvet Cake</h3><p class="desc">Moelleux, glaçage cream cheese</p><p class="price">À partir de 18 000 FCFA</p><a href="product.html" class="btn-primary-small">Commander</a></div></div><div class="product-card"><div class="product-img"><img src="https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&auto=format&fit=crop&q=80" alt="Chocolate Cake"></div><div class="product-info"><h3>Chocolate Cake</h3><p class="desc">Chocolat noir intense</p><p class="price">À partir de 15 000 FCFA</p><a href="product.html" class="btn-primary-small">Commander</a></div></div><div class="product-card"><div class="product-img"><img src="https://images.unsplash.com/photo-1535141192574-5d4897c13136?w=400&auto=format&fit=crop&q=80" alt="Number Cake"></div><div class="product-info"><h3>Number Cake</h3><p class="desc">Personnalisable en chiffres</p><p class="price">À partir de 20 000 FCFA</p><a href="product.html" class="btn-primary-small">Commander</a></div></div><div class="product-card"><div class="product-img"><img src="https://images.unsplash.com/photo-1550617931-e17a7b70dce2?w=400&auto=format&fit=crop&q=80" alt="Cupcakes box"></div><div class="product-info"><h3>Box de 6 Cupcakes</h3><p class="desc">Parfums assortis</p><p class="price">8 000 FCFA</p><a href="product.html" class="btn-primary-small">Commander</a></div></div></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> |