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

For Xiaomi Mi 9T pro LCD With Frame Redmi K20 Pro LCD Display Mi9T Redmi K20 Screen Touch Digitizer

Home / For Him / Fashion / For Xiaomi Mi 9T pro LCD With Frame Redmi K20 Pro LCD Display Mi9T Redmi K20 Screen Touch Digitizer

For Xiaomi Mi 9T pro LCD With Frame Redmi K20 Pro LCD Display Mi9T Redmi K20 Screen Touch Digitizer

$24,66

Category: Fashion

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “For Xiaomi Mi 9T pro LCD With Frame Redmi K20 Pro LCD Display Mi9T Redmi K20 Screen Touch Digitizer” 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
5Pcs 1/12 Dollhouse Mini Plates Dishes Model Dollhouse Simulation Kitchen Decoration Dolls House Acc
$5,08 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
Manual Hand-pressed Semi-automatic Tartlet Pie Tart Mould Machine Forming Presser Kitchen Accessorie
$142,22 Buy product
Buy product
Fashion
Curtains Tiebacks Handwoven Decorative Holdbacks With Tassel Hand Woven Curtains Tie Back for Bedroo
$6,16 Buy product

Copyright © 2026 ApexOnline | Powered by [ApexOnline]

Scroll to Top