Skip to content

ApexOnline

ApexOnline

#2090 (no title)
/* ======================================== Affiliate Page – Professional Design ======================================== */ /* CSS Variables */ :root { –primary-color: #232f3e; –accent-color: #ff9900; –accent-hover: #e88b00; –text-dark: #333; –text-light: #666; –white: #ffffff; –light-bg: #f8f9fa; –border-color: #e1e1e1; –shadow: 0 2px 10px rgba(0,0,0,0.1); –shadow-hover: 0 8px 25px rgba(0,0,0,0.15); –transition: all 0.3s ease; } /* Reset */ * { margin: 0; padding: 0; box-sizing: border-box; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* ======================================== Hero Section ======================================== */ .hero-section { background: linear-gradient(135deg, var(–primary-color) 0%, #1a252f 100%); padding: 80px 20px; text-align: center; position: relative; overflow: hidden; } .hero-section::before { content: ”; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(‘data:image/svg+xml,‘) repeat; background-size: 200px; opacity: 0.5; } .hero-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .hero-section h1 { font-size: 3.5rem; font-weight: 700; color: var(–white); margin-bottom: 20px; line-height: 1.2; } .hero-subtitle { font-size: 1.25rem; color: rgba(255,255,255,0.85); margin-bottom: 35px; line-height: 1.6; } .cta-button { display: inline-block; background: var(–accent-color); color: var(–primary-color); padding: 16px 40px; font-size: 1.1rem; font-weight: 600; text-decoration: none; border-radius: 50px; transition: var(–transition); text-transform: uppercase; letter-spacing: 1px; } .cta-button:hover { background: var(–accent-hover); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255,153,0,0.4); } /* ======================================== Categories Section ======================================== */ .categories-section { padding: 60px 0; background: var(–light-bg); } .categories-section h2 { text-align: center; font-size: 2rem; color: var(–text-dark); margin-bottom: 40px; } .categories-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } .category-card { background: var(–white); padding: 30px 20px; text-align: center; border-radius: 12px; box-shadow: var(–shadow); transition: var(–transition); cursor: pointer; border: 1px solid var(–border-color); } .category-card:hover { transform: translateY(-5px); box-shadow: var(–shadow-hover); border-color: var(–accent-color); } .category-card h3 { font-size: 1.2rem; color: var(–text-dark); margin-bottom: 10px; } .category-card p { color: var(–text-light); font-size: 0.9rem; } /* ======================================== Products Section ======================================== */ .products-section { padding: 80px 0; } .products-section h2 { text-align: center; font-size: 2.2rem; color: var(–text-dark); margin-bottom: 50px; position: relative; } .products-section h2::after { content: ”; display: block; width: 60px; height: 4px; background: var(–accent-color); margin: 15px auto 0; border-radius: 2px; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: var(–white); border-radius: 16px; overflow: hidden; box-shadow: var(–shadow); transition: var(–transition); border: 1px solid var(–border-color); display: flex; flex-direction: column; } .product-card:hover { transform: translateY(-8px); box-shadow: var(–shadow-hover); } .product-image { position: relative; padding: 20px; background: var(–light-bg); display: flex; align-items: center; justify-content: center; min-height: 220px; } .product-image img { max-width: 100%; max-height: 200px; object-fit: contain; transition: var(–transition); } .product-card:hover .product-image img { transform: scale(1.05); } .product-badge { position: absolute; top: 15px; left: 15px; background: #ff4757; color: var(–white); padding: 6px 14px; font-size: 0.75rem; font-weight: 700; border-radius: 20px; text-transform: uppercase; letter-spacing: 0.5px; } .product-info { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; } .product-info h3 { font-size: 1.1rem; color: var(–text-dark); margin-bottom: 10px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .product-description { color: var(–text-light); font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; } .product-price { margin-bottom: 20px; display: flex; align-items: center; gap: 12px; } .current-price { font-size: 1.5rem; font-weight: 700; color: #B12704; } .old-price { font-size: 1rem; color: var(–text-light); text-decoration: line-through; } .buy-button { display: block; width: 100%; padding: 14px 20px; background: var(–accent-color); color: var(–primary-color); text-align: center; text-decoration: none; font-weight: 600; border-radius: 8px; transition: var(–transition); text-transform: uppercase; font-size: 0.9rem; letter-spacing: 0.5px; } .buy-button:hover { background: var(–accent-hover); box-shadow: 0 5px 15px rgba(255,153,0,0.4); } /* ======================================== Trust Section ======================================== */ .trust-section { padding: 50px 0; background: var(–primary-color); } .trust-badges { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 50px; } .trust-item { display: flex; align-items: center; gap: 12px; color: var(–white); } .trust-icon { width: 40px; height: 40px; background: var(–accent-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; font-weight: bold; color: var(–primary-color); } .trust-item span:last-child { font-size: 1rem; font-weight: 500; } /* ======================================== Newsletter Section ======================================== */ .newsletter-section { padding: 80px 0; background: var(–light-bg); text-align: center; } .newsletter-section h2 { font-size: 2rem; color: var(–text-dark); margin-bottom: 15px; } .newsletter-section p { color: var(–text-light); margin-bottom: 30px; } .newsletter-form { display: flex; justify-content: center; gap: 15px; max-width: 500px; margin: 0 auto; flex-wrap: wrap; } .newsletter-form input { flex: 1; min-width: 250px; padding: 16px 25px; border: 2px solid var(–border-color); border-radius: 50px; font-size: 1rem; transition: var(–transition); } .newsletter-form input:focus { outline: none; border-color: var(–accent-color); } .newsletter-form button { padding: 16px 35px; background: var(–primary-color); color: var(–white); border: none; border-radius: 50px; font-size: 1rem; font-weight: 600; cursor: pointer; transition: var(–transition); } .newsletter-form button:hover { background: #1a252f; transform: translateY(-2px); } /* ======================================== Affiliate Disclosure ======================================== */ .affiliate-disclosure { background: #fff3cd; padding: 20px; text-align: center; border-top: 3px solid var(–accent-color); } .affiliate-disclosure p { font-size: 0.85rem; color: #856404; max-width: 800px; margin: 0 auto; line-height: 1.6; } /* ======================================== Responsive Design ======================================== */ @media (max-width: 768px) { .hero-section h1 { font-size: 2.2rem; } .hero-subtitle { font-size: 1rem; } .categories-grid { grid-template-columns: repeat(2, 1fr); } .trust-badges { flex-direction: column; gap: 25px; } .newsletter-form { flex-direction: column; padding: 0 20px; } .newsletter-form input, .newsletter-form button { width: 100%; } } @media (max-width: 480px) { .hero-section { padding: 50px 20px; } .hero-section h1 { font-size: 1.8rem; } .categories-grid { grid-template-columns: 1fr; } .products-grid { grid-template-columns: 1fr; } }

Outdoor Portable Folding Chair Beach Chairs for BBQ Travel Beach Hiking Picnic Seat Easy to Carry Co

Home / For Him / Fashion / Outdoor Portable Folding Chair Beach Chairs for BBQ Travel Beach Hiking Picnic Seat Easy to Carry Co

Outdoor Portable Folding Chair Beach Chairs for BBQ Travel Beach Hiking Picnic Seat Easy to Carry Co

$48,52

Category: Fashion

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “Outdoor Portable Folding Chair Beach Chairs for BBQ Travel Beach Hiking Picnic Seat Easy to Carry Co” Cancel reply

Your email address will not be published. Required fields are marked *

Your rating *

Your review *

Name *

Email *

Save my name, email, and website in this browser for the next time I comment.

Related products

Buy product
Fashion
For Kitchen Aid Mixer Silicone Liners With Lid Mixer Bowls 3colors Foldable Mixer Attachment Kitchen
$42,03 Buy product
Buy product
Fashion
Espresso Coffee Machine Portafilter 51/54/58mm Bottomless Coffee Espresso Machine With Wood Handle K
$95,41 Buy product
Buy product
Fashion
Curtains Tiebacks Handwoven Decorative Holdbacks With Tassel Hand Woven Curtains Tie Back for Bedroo
$6,16 Buy product
Buy product
Fashion
4PCS Dollhouse Miniature Simulation Food Strawberry Waffle Cake Model DIY Kitchen Accessories Resin
$8,42 Buy product
Buy product
Fashion
Best Price Electrostatic Precipitator Air Purifier for Hotels Kitchen Purifier Accessories for Gas D
$544,26 Buy product

Copyright © 2026 ApexOnline | Powered by [ApexOnline]

Scroll to Top