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

Womens Ankle Boot, Short Boot, Winter Boot with Thick Lining and Insulation, Stylish and Versatile,

Home / For Him / Fashion / Womens Ankle Boot, Short Boot, Winter Boot with Thick Lining and Insulation, Stylish and Versatile,

Womens Ankle Boot, Short Boot, Winter Boot with Thick Lining and Insulation, Stylish and Versatile,

$39,14

Category: Fashion

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “Womens Ankle Boot, Short Boot, Winter Boot with Thick Lining and Insulation, Stylish and Versatile,” 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
Classical Chocolate Mold Square Candy Gummy Ice Cube Tray Treats Keto Bombs Crayons Wax Melts Kitche
$3,86 Buy product
Buy product
Fashion
Square 201 Stainless Steel Boxes Table Decoration & Accessories Napkin Boxes Kitchen Accessories
$26,57 Buy product
Buy product
Fashion
58mm Stainless Steel Coffee Filter Home Kitchen Accessories Replace Espresso Maker Filter Bowl for C
$6,60 Buy product
Buy product
Fashion
Multifunctional Kitchen Magnetic Knife Block for Cutlery Knife Storage Magnetic Knife Holder Cutting
$8,42 Buy product
Buy product
Fashion
4PCS Dollhouse Miniature Simulation Food Strawberry Waffle Cake Model DIY Kitchen Accessories Resin
$8,42 Buy product

Copyright © 2026 ApexOnline | Powered by [ApexOnline]

Scroll to Top