header { display: flex; justify-content: space-between; align-items: center; background-color: #333; color: #fff; padding: 10px 20px; } header .logo { font-size: 1.5em; } header nav a { color: #fff; text-decoration: none; margin: 0 10px; } header .search-account { display: flex; align-items: center; } header .search-account input { padding: 5px; margin-right: 10px; } .hero { background: url('path/to/your/banner.jpg') no-repeat center center/cover; height: 400px; display: flex; justify-content: center; align-items: center; color: #fff; text-align: center; position: relative; } .hero button { background-color: #333; color: #fff; border: none; padding: 10px 20px; cursor: pointer; font-size: 1.2em; position: absolute; bottom: 20px; } .products { display: flex; flex-wrap: wrap; justify-content: space-around; padding: 20px; } .product-card { background-color: #fff; border: 1px solid #ddd; border-radius: 5px; padding: 15px; margin: 10px; width: 200px; text-align: center; } .product-card img { max-width: 100%; height: auto; } .product-card h4 { margin: 10px 0; } .product-card p { font-size: 1.2em; color: #f60; } .product-card button { background-color: #333; color: #fff; border: none; padding: 10px; cursor: pointer; } .about { padding: 20px; text-align: center; }
Offre spéciale :Llivraison gratuite, Payer à la livraison