'); background-size: cover; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 2.5rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; margin-bottom: 30px; } .highlight { color: var(--secondary); font-weight: bold; } .quote { background: rgba(231, 76, 60, 0.2); border-left: 4px solid var(--secondary); padding: 20px; margin: 30px 0; text-align: left; } .btn { display: inline-block; background: var(--secondary); color: white; padding: 12px 30px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: var(--transition); border: none; cursor: pointer; margin: 10px 5px; } .btn:hover { background: #c0392b; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .btn-outline { background: transparent; border: 2px solid white; } .btn-outline:hover { background: white; color: var(--primary); } /* Section Styles */ section { padding: 80px 0; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 2.2rem; color: var(--primary); position: relative; display: inline-block; margin-bottom: 15px; } .section-header h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); } .section-header p { max-width: 700px; margin: 20px auto 0; color: #666; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--primary); } .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .stat-box { background: white; border-radius: 8px; padding: 20px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .stat-box:hover { transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.1); } .stat-box .number { font-size: 2.5rem; font-weight: 700; color: var(--secondary); margin-bottom: 10px; } .stat-box p { color: #666; } /* Core Values */ .values { background-color: var(--light); } .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .value-card { background: white; border-radius: 8px; padding: 30px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; transition: var(--transition); } .value-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .value-icon { font-size: 3rem; color: var(--secondary); margin-bottom: 20px; } .value-card h3 { margin-bottom: 15px; color: var(--primary); } /* Competence Section */ .competence-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .competence-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .competence-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .card-header { background: var(--primary); color: white; padding: 20px; text-align: center; } .card-body { padding: 30px; } .card-body ul { list-style: none; } .card-body ul li { margin-bottom: 12px; padding-left: 25px; position: relative; } .card-body ul li::before { content: '✓'; position: absolute; left: 0; color: var(--secondary); font-weight: bold; } /* Products Section */ .products { background: linear-gradient(rgba(236, 240, 241, 0.9), rgba(236, 240, 241, 0.9)), url('data:image/svg+xml;utf8,'); background-size: cover; } .product-categories { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .category { background: white; padding: 12px 25px; border-radius: 30px; font-weight: 600; cursor: pointer; transition: var(--transition); box-shadow: 0 3px 10px rgba(0,0,0,0.05); } .category:hover, .category.active { background: var(--secondary); color: white; } .payment-methods { background: white; padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-top: 50px; } .payment-icons { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 20px; justify-content: center; } .payment-icon { width: 70px; height: 40px; background: var(--light); border-radius: 4px; display: flex; align-items: center; justify-content: center; font-weight: bold; } /* Markets Section */ .markets { background-color: var(--dark); color: white; } .markets .section-header h2 { color: white; } .markets .section-header p { color: rgba(255,255,255,0.8); } .market-map { display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 30px; } .market-region { background: rgba(255,255,255,0.1); padding: 20px; border-radius: 8px; min-width: 180px; text-align: center; transition: var(--transition); } .market-region:hover { background: rgba(255,255,255,0.2); transform: translateY(-5px); } /* Contact Section */ .contact { background: white; } .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info h3 { margin-bottom: 20px; color: var(--primary); } .contact-detail { display: flex; margin-bottom: 20px; } .contact-icon { width: 50px; height: 50px; background: var(--light); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: var(--secondary); font-size: 1.2rem; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 15px; margin-bottom: 20px; border: 1px solid #ddd; border-radius: 4px; font-family: inherit; font-size: 1rem; } .contact-form textarea { height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: white; padding: 50px 0 20px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-col h3 { position: relative; padding-bottom: 15px; margin-bottom: 20px; font-size: 1.3rem; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--secondary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: rgba(255,255,255,0.7); text-decoration: none; transition: var(--transition); } .footer-col ul li a:hover { color: var(--secondary); padding-left: 5px; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.6); } /* Responsive Design */ @media (max-width: 992px) { .about-content { grid-template-columns: 1fr; } .values-grid { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); } } @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h2 { font-size: 2rem; } .stats-grid { grid-template-columns: 1fr; } } @media (max-width: 480px) { .values-grid { grid-template-columns: 1fr; } .hero { padding: 60px 0; } section { padding: 50px 0; } }
Yiwu Wedone Accessories Co., Ltd. specializes in high-quality OEM/ODM hair accessories with 15 years of industry experience.
Quality Commitment: "HIGH QUALITY IS OUR OBLIGATION!"
Service Mission: "GREAT SERVICE IS OUR MISSION!"
Customer Focus: "Customer First, Contact Us Now!"
Established in 2016 with 15 years of industry experience
Located in Zhejiang, China, we are a professional trading company specializing in hair accessories and fashion items. With a dedicated team of 51-100 employees and a production facility under 1000 square meters, we maintain an annual output value of $1-2.5 million USD.
Our commitment to excellence is demonstrated by our 97.87% response rate and ≤4 hour average response time, ensuring smooth communication with our valued partners worldwide.
Completed Transactions
Items Produced
Response Rate
Average Response Time
Industry Experience
Employees
Production Lines
Export Share
The principles that guide our business operations and customer relationships
"HIGH QUALITY IS OUR OBLIGATION!" We implement strict quality control measures at every production stage to ensure premium accessories that meet international standards.
"GREAT SERVICE IS OUR MISSION!" With a 97.87% response rate and ≤4 hour response time, we prioritize efficient communication and customer satisfaction.
"Customer First, Contact Us Now!" Our dedicated trade team of 6-10 professionals ensures smooth international transactions and responsive service.
Our specialized capabilities that set us apart in the accessories industry
High-quality accessories designed for fashion and functionality
We proudly serve clients in these key regions worldwide
Get in touch for OEM/ODM inquiries and partnership opportunities
Zhejiang, China
Below 1000 m²
2016 (15 years industry experience)
Supplier Certification with on-site inspection