'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .cta-button { display: inline-block; background-color: var(--secondary); color: white; padding: 12px 30px; border-radius: 4px; text-decoration: none; font-weight: 600; transition: var(--transition); border: 2px solid var(--secondary); } .cta-button:hover { background-color: transparent; color: var(--secondary); } /* Sections */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; display: inline-block; } .section-title h2::after { content: ''; position: absolute; width: 80px; height: 3px; background: var(--secondary); bottom: -10px; left: 50%; transform: translateX(-50%); } .section-title p { color: #666; max-width: 700px; margin: 20px auto 0; } /* 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); } .about-features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .feature-box { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); border-left: 3px solid var(--secondary); } .feature-box:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .feature-box h4 { color: var(--primary); margin-bottom: 10px; } /* Products Section */ .product-categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .category-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .category-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .category-header { background: var(--primary); color: white; padding: 20px; text-align: center; } .category-body { padding: 25px; } .product-list { list-style: none; margin-top: 15px; } .product-list li { padding: 8px 0; border-bottom: 1px dashed #eee; display: flex; justify-content: space-between; } .product-list li:last-child { border-bottom: none; } .specs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 15px; background: #f8f9fa; padding: 15px; border-radius: 6px; } .spec-item { display: flex; } .spec-item strong { min-width: 100px; color: var(--primary); } /* Certifications Section */ .certifications { background: linear-gradient(to right, var(--primary), #0d1f3d); color: white; position: relative; overflow: hidden; } .certifications::before { content: ''; position: absolute; top: -50px; right: -50px; width: 200px; height: 200px; border: 2px solid rgba(184, 134, 11, 0.2); border-radius: 50%; } .certifications::after { content: ''; position: absolute; bottom: -30px; left: -30px; width: 150px; height: 150px; border: 2px solid rgba(184, 134, 11, 0.2); border-radius: 50%; } .certs-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; position: relative; z-index: 2; } .cert-card { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 8px; padding: 30px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.2); transition: var(--transition); } .cert-card:hover { background: rgba(255, 255, 255, 0.15); transform: translateY(-5px); } .cert-card h3 { margin: 20px 0 10px; color: var(--secondary); } /* FAQ Section */ .faq-container { max-width: 800px; margin: 0 auto; } .faq-item { margin-bottom: 20px; background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 3px 10px rgba(0,0,0,0.05); } .faq-question { padding: 20px; background: var(--primary); color: white; font-weight: 600; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: all 0.3s ease; } .faq-answer.active { padding: 20px; max-height: 500px; } /* Contact Section */ .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .contact-info { background: var(--primary); color: white; padding: 40px; border-radius: 8px; } .contact-info h3 { margin-bottom: 20px; color: var(--secondary); } .contact-details { margin-top: 30px; } .contact-item { display: flex; margin-bottom: 20px; } .contact-item i { min-width: 40px; color: var(--secondary); font-size: 1.2rem; } .contact-form { background: white; padding: 40px; border-radius: 8px; box-shadow: 0 5px 20px rgba(0,0,0,0.05); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group input, .form-group textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; } .form-group textarea { min-height: 150px; } .submit-btn { background: var(--primary); color: white; border: none; padding: 12px 30px; border-radius: 4px; font-weight: 600; cursor: pointer; transition: var(--transition); } .submit-btn:hover { background: var(--secondary); } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 20px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h3 { margin-bottom: 20px; color: var(--secondary); position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--secondary); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 10px; } .footer-col ul li a { color: #ccc; 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 #333; color: #aaa; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-container { grid-template-columns: 1fr; } .about-image { order: -1; text-align: center; } .contact-info { order: 1; } } @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav ul li { margin: 5px 10px; } .hero h2 { font-size: 2.2rem; } .language-selector { margin: 15px 0 0; } .section-title h2 { font-size: 2rem; } .about-features { grid-template-columns: 1fr; } } @media (max-width: 480px) { .hero { padding: 70px 0; } .hero h2 { font-size: 1.8rem; } .product-categories { grid-template-columns: 1fr; } .specs { grid-template-columns: 1fr; } }
Dongguan Yufeng Garment Co., Ltd is a one-stop solution supplier specializing in high-quality lace fabrics, rhinestone products, garment accessories and custom OEM/ODM services with over 15 years of industry experience.
Get a QuoteWith a commitment to quality and innovation, we serve clients worldwide with premium garment solutions
Dongguan Yufeng Garment Co., Ltd., established in 2021, brings over 15 years of expertise in garment and garment accessories manufacturing. We operate from our 101-500 square meter facility in Guangdong, China, with a dedicated team of 11-50 professionals.
As a verified trading company with onsite Alibaba certification, we pride ourselves on our 97.33% response rate and ≤3h response time, ensuring seamless communication with our global clients.
OEM/ODM services, custom design, rapid prototyping, and flexible manufacturing solutions.
Professional QA/QC team ensuring product excellence from development to delivery.
Serving clients in Southern Europe, North America, Southeast Asia, and Western Europe.
5-15 days for in-stock items, 15-30 days for custom orders after confirmation.
Premium garment accessories and textiles with competitive pricing and flexible MOQs
Our commitment to quality and responsibility is verified by international standards
International certification ensuring our products are free from harmful substances and safe for human health.
Comprehensive testing reports including Marks and Spencer specifications, verifying product composition and quality.
Social accountability certification ensuring ethical labor practices and responsible sourcing throughout our supply chain.
Industry-specific certification demonstrating compliance with specialized garment manufacturing standards.
Find answers to common questions about our products and services
Our standard lead times are:
Quality is our priority at every production stage:
Yes, we specialize in both OEM and ODM services:
We offer multiple secure payment options:
Reach out to our team for quotes, samples, or any inquiries
Our team is ready to assist you with any questions about our products, customization options, or order process.
Guangdong, China
James Xie (Primary Contact)
Seven Wang, Song Xiang
4 Years Gold Supplier
97.33% Response Rate