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; } }

Baby Music Activity Gym Rug Play Mat Newborn Carpet Pedal Piano Keyboard Infant Fitness Rack Playmat

Home / For Him / Fashion / Baby Music Activity Gym Rug Play Mat Newborn Carpet Pedal Piano Keyboard Infant Fitness Rack Playmat

Baby Music Activity Gym Rug Play Mat Newborn Carpet Pedal Piano Keyboard Infant Fitness Rack Playmat

$31,31

Category: Fashion

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “Baby Music Activity Gym Rug Play Mat Newborn Carpet Pedal Piano Keyboard Infant Fitness Rack Playmat” 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
5 PCS Napkin Holder Stainless Steel Tissue Dispenser Organizer for Dinner Tables Kitchen Restaurant
$25,12 Buy product
Buy product
Fashion
1/2Pcs Air Fryer Silicone Tray Reusable Ninja Dual Basket Baking Pan Oven Pot Plate Liner Air Fryer
$11,94 Buy product
Buy product
Fashion
Dollhouse Miniature Accessories Mini Shovel Soup Spoon Storage With Holder Simulation Furniture Kitc
$7,26 Buy product
Buy product
Fashion
Handmade Chef Knife Octagonal Handle DIY Japanese Kitchen Knives Ebony & Rosewood Natural Wooden Mak
$17,97 Buy product
Buy product
Fashion
DiFluid-Omni Coffee Bean Baking Chromaticity Value, Particle Size Analyzer, Kitchen Accessories
$1.495,83 Buy product

Copyright © 2026 ApexOnline | Powered by [ApexOnline]

Scroll to Top