Gardenista
Heavy Duty Waterproof Rectangular Garden Table Cover with Buckle Loops - 180cm x 120cm
Heavy Duty Waterproof Rectangular Garden Table Cover with Buckle Loops - 180cm x 120cm
Description
Description
body { margin: 0; font-family: 'Roboto', sans-serif; } .topnav { background-color: #E1D8CF; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 5px; padding: 10px 0; position: relative; } .topnav a { color: #4b6844; padding: 10px 15px; text-decoration: none; font-size: 16px; border-radius: 4px; transition: background-color 0.3s ease; text-transform: uppercase; font-weight: 700; } .topnav a:hover { background-color: #ddd; color: black; } .topnav::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #4b6844; } :root { --banner-height: 600px; --hold-time: 40s; --move-time: 2s; } * { box-sizing: border-box; margin: 0; padding: 0; } .banner { position: relative; width: 121%; height: var(--banner-height); overflow: hidden; margin-top: -0px; } .slides { display: flex; width: 100%; animation: slideAnimation 38s infinite; } .slide { flex: 0 0 100%; position: relative; display: flex; justify-content: center; align-items: center; } .slide img, .slide iframe { width: 100%; height: 100%; object-fit: contain; display: block; border: none; } .shop-btn { position: absolute; top: 80px; left: 80px; z-index: 100; background: #ffffff; color: #4b6844; font-size: 20px; font-weight: 750; padding: 14px 30px; border: 2px solid #4b6844; border-radius: 6px; cursor: pointer; transition: background 0.3s, color 0.3s; text-transform: uppercase; font-family: 'Poppins', sans-serif; text-decoration: none; } .shop-btn:hover { background: #4b6844; color: #00; } @keyframes slideAnimation { 0% { transform: translateX(0%); } /* Slide 1 start */ 10% { transform: translateX(0%); } /* Hold Slide 1 */ 15% { transform: translateX(-100%); } /* Slide 2 */ 25% { transform: translateX(-100%); } /* Hold Slide 2 */ 30% { transform: translateX(-200%); } /* Video slide */ 92% { transform: translateX(-200%); } /* Hold video long (~30s) */ 100% { transform: translateX(0%); } /* Back to start */ } .product-features h2 { font-size: 26px; font-weight: 700;
Share
