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

T12 75W Digital Soldering Iron StationTips Welding Rework Station temperature adjustable control m

Home / For Him / Fashion / T12 75W Digital Soldering Iron StationTips Welding Rework Station temperature adjustable control m

T12 75W Digital Soldering Iron StationTips Welding Rework Station temperature adjustable control m

$43,25

Category: Fashion

Reviews (0)

Reviews

There are no reviews yet.

Be the first to review “T12 75W Digital Soldering Iron StationTips Welding Rework Station temperature adjustable control m” 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
5Pcs 1/12 Dollhouse Mini Plates Dishes Model Dollhouse Simulation Kitchen Decoration Dolls House Acc
$5,08 Buy product
Buy product
Fashion
50pcs Food Grade Wax Paper Camping Cartoon Sandwich Wrapping Paper Outdoor Food Dust Proof Sealing P
$0,70 Buy product
Buy product
Fashion
2/4/8PC Bathroom Rubber Wash Basin Overflow Ring Kitchen Sink Washbasin Drain Seal Stopper Bathtub D
$3,22 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

Copyright © 2026 ApexOnline | Powered by [ApexOnline]

Scroll to Top