HTMLify
tracking.html
Views: 53 | 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 — Suivi de commande</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>Suivi de commande</h1></header><main class="app-content"><div class="tracking-header-card"><h3>Commande #YK-20260815-001</h3><p>Prévu le 15 août 2026</p></div><div class="timeline"><div class="timeline-item completed"><div class="timeline-icon"><i class="fa-solid fa-check"></i></div><div class="timeline-text"><h4>Commande reçue</h4><p>10 août à 14:30</p></div></div><div class="timeline-item completed"><div class="timeline-icon"><i class="fa-solid fa-check"></i></div><div class="timeline-text"><h4>Commande confirmée</h4><p>10 août à 15:00</p></div></div><div class="timeline-item active"><div class="timeline-icon"><i class="fa-solid fa-fire-burner"></i></div><div class="timeline-text"><h4>En préparation</h4><p>La pâtissière s'active en cuisine !</p></div></div><div class="timeline-item"><div class="timeline-icon"><i class="fa-solid fa-box"></i></div><div class="timeline-text"><h4>Prête</h4><p>En attente de retrait ou départ</p></div></div><div class="timeline-item"><div class="timeline-icon"><i class="fa-solid fa-truck"></i></div><div class="timeline-text"><h4>En livraison</h4><p>En route vers chez vous</p></div></div><div class="timeline-item"><div class="timeline-icon"><i class="fa-solid fa-house-chimney"></i></div><div class="timeline-text"><h4>Livrée</h4><p>Bon appétit !</p></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"><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 active"><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> |