HTMLify
index.html
Views: 66 | Author: karbonsites
1 2 3 4 5 6 7 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Yummy Cake — Accueil</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"><div class="logo-area"><h1>Yummy Cake</h1><p class="slogan">Des gâteaux qui rendent les moments encore plus beaux.</p></div><div class="header-actions"><a href="cart.html" class="cart-btn"><i class="fa-solid fa-bag-shopping"></i><span class="badge">2</span></a></div></header><main class="app-content"><div class="welcome-banner"> Bonjour 👋<br><strong>Quel gâteau vous ferait plaisir aujourd'hui ?</strong></div><div class="search-box"><i class="fa-solid fa-magnifying-glass"></i><input type="text" placeholder="Rechercher un gâteau (ex: chocolat, red velvet...)" id="searchInput"></div><section class="categories-section"><h2>Catégories</h2><div class="categories-grid"><a href="catalog.html" class="cat-item"><div class="cat-icon">🎂</div><span>Gâteaux</span></a><a href="catalog.html" class="cat-item"><div class="cat-icon">🧁</div><span>Cupcakes</span></a><a href="catalog.html" class="cat-item"><div class="cat-icon">🎁</div><span>Coffrets</span></a><a href="catalog.html" class="cat-item"><div class="cat-icon">🍰</div><span>Pâtisseries</span></a></div></section><section class="promo-banner-card"><div class="promo-content"><h3>🎉 WEEK-END YUMMY</h3><p>-10% sur tous les cupcakes du 14 au 16 août</p></div><div class="promo-badge">PROMO</div></section><section class="products-section"><div class="section-header"><h2>Nos créations ⭐</h2><a href="catalog.html" class="see-all">Voir tout</a></div><div class="product-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"><button class="fav-btn"><i class="fa-regular fa-heart"></i></button></div><div class="product-info"><h3>Red Velvet Cake</h3><p class="price">18 000 FCFA</p><a href="product.html" class="btn-add-mini"><i class="fa-solid fa-plus"></i></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"><button class="fav-btn"><i class="fa-regular fa-heart"></i></button></div><div class="product-info"><h3>Chocolate Cake</h3><p class="price">15 000 FCFA</p><a href="product.html" class="btn-add-mini"><i class="fa-solid fa-plus"></i></a></div></div></div></section></main><nav class="bottom-nav"><a href="index.html" class="nav-item active"><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"><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> |