'); color: white; padding: 80px 0; text-align: center; background-size: cover; background-position: center; margin-bottom: 50px; } .hero h2 { font-size: 2.8rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .hero p { font-size: 1.3rem; max-width: 700px; margin: 0 auto 30px; } .cta-button { display: inline-block; background-color: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; transition: background-color 0.3s, transform 0.2s; } .cta-button:hover { background-color: #e69500; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.2rem; color: var(--dark); display: inline-block; padding-bottom: 15px; position: relative; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--accent); } /* Company Info */ .company-info-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .info-card { background-color: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); padding: 25px; transition: transform 0.3s; } .info-card:hover { transform: translateY(-10px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .info-card h3 { color: var(--primary); margin-bottom: 15px; font-size: 1.4rem; } .info-card ul { list-style-type: none; } .info-card li { padding: 8px 0; border-bottom: 1px solid #eee; display: flex; } .info-card li:last-child { border-bottom: none; } .info-card .label { font-weight: 600; min-width: 150px; color: var(--dark); } /* Promotion Section */ .promotion { background-color: #f0f7ff; } .promo-card { background: white; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.08); padding: 30px; max-width: 800px; margin: 0 auto; border-left: 5px solid var(--accent); } .promo-card h3 { text-align: center; color: var(--secondary); font-size: 1.6rem; margin-bottom: 20px; } .promo-highlight { text-align: center; background-color: #fff9db; padding: 15px; border-radius: 8px; margin: 20px 0; font-weight: 700; color: #e67700; border: 2px dashed #ffd43b; font-size: 1.2rem; } .discount-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .discount-item { text-align: center; padding: 20px; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border-radius: 8px; border: 1px solid #dee2e6; } .discount-amount { font-size: 2rem; font-weight: 700; color: var(--secondary); margin: 10px 0; } /* Products Section */ .category-tabs { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-bottom: 40px; } .tab-button { background-color: #e9ecef; border: none; padding: 12px 25px; border-radius: 30px; cursor: pointer; font-weight: 600; transition: all 0.3s; } .tab-button.active, .tab-button:hover { background-color: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; position: relative; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-badge { position: absolute; top: 15px; right: 15px; background-color: var(--secondary); color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: 600; } .product-img { height: 200px; background-color: #f8f9fa; display: flex; align-items: center; justify-content: center; color: var(--gray); font-weight: 600; } .product-info { padding: 20px; } .product-title { font-size: 1.2rem; color: var(--dark); margin-bottom: 10px; font-weight: 700; } .product-price { color: var(--secondary); font-weight: 700; font-size: 1.3rem; margin: 10px 0; } .product-specs { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; font-size: 0.9rem; } .product-moq { background-color: #e7f5ff; padding: 3px 8px; border-radius: 4px; color: var(--primary); } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .service-card { background: white; border-radius: 10px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: all 0.3s; } .service-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .service-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .service-card h3 { color: var(--dark); margin-bottom: 15px; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.4rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--accent); } .footer-col ul { list-style: none; } .footer-col li { padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,0.1); } .footer-col a { color: #e9ecef; text-decoration: none; transition: color 0.3s; } .footer-col a:hover { color: var(--accent); } .contact-info { display: flex; align-items: center; margin-bottom: 10px; } .contact-icon { margin-right: 10px; color: var(--accent); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #adb5bd; } /* Responsive Design */ @media (max-width: 768px) { .header-main { flex-direction: column; text-align: center; } .logo { margin-bottom: 20px; } .nav-menu { justify-content: center; } .nav-menu li { margin: 0 10px; } .hero h2 { font-size: 2rem; } .hero p { font-size: 1.1rem; } .section-title h2 { font-size: 1.8rem; } .info-card .label { min-width: 120px; } } @media (max-width: 480px) { .nav-menu { flex-direction: column; gap: 10px; } .nav-menu li { margin: 0; } .discount-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } }
Wholesale supplier of high-quality skincare, hair care, and home goods with flexible MOQs and OEM/ODM services
Explore ProductsPromotion Period: August 26, 2025 - October 20, 2025
Get $45 OFF
Get $25 OFF
Get $10 OFF
Get $5 OFF
*All discounts exclude shipping costs. Limited time only!
Painless removal of warts, moles, skin tags. No scars, safe ingredients.
Anti-wrinkle, brightening, moisturizing with 10% Hyaluronic Acid & 5% Niacinamide.
Rapid brightening, dark spot removal, exfoliation.
Gentle hair removal for limbs with soothing effect.
Restores hairline, prevents hair loss with ginger extract.
Fluffy styling hair, perfect for African American women.
We provide comprehensive OEM/ODM/OBM services with private label options for brand development.
Seamless supply for AliExpress, Amazon, eBay, Lazada, Shopee, Wish, Shopify and other platforms.
"Easy Return" policy on most products minimizes your purchasing risk.
Low minimum order quantities (starting from 1-3 pieces) perfect for testing new markets.