'); background-size: cover; background-position: center; color: white; padding: 6rem 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 2.8rem; margin-bottom: 1.5rem; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 2rem; opacity: 0.9; } .btn { display: inline-block; background-color: var(--secondary); color: white; padding: 0.8rem 2rem; border-radius: 4px; text-decoration: none; font-weight: 600; transition: all 0.3s; border: 2px solid var(--secondary); } .btn:hover { background-color: transparent; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); } .btn-outline { background-color: transparent; border: 2px solid white; margin-left: 1rem; } .btn-outline:hover { background-color: white; color: var(--primary); } /* Section Styles */ section { padding: 5rem 0; } .section-title { text-align: center; margin-bottom: 3rem; } .section-title h2 { font-size: 2.2rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 1rem; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--secondary); } .section-title p { color: var(--gray); max-width: 700px; margin: 1rem auto 0; } /* About Section */ .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 3rem; } .about-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s; } .about-card:hover { transform: translateY(-10px); } .card-header { background-color: var(--primary); color: white; padding: 1.5rem; text-align: center; } .card-body { padding: 2rem; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1.5rem; margin-top: 3rem; } .stat-box { text-align: center; padding: 1.5rem; background: white; border-radius: 8px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 0.5rem; } .stat-label { color: var(--gray); font-size: 1rem; } /* Products Section */ .products-tabs { display: flex; justify-content: center; margin-bottom: 2rem; flex-wrap: wrap; } .tab-btn { background: none; border: none; padding: 0.8rem 1.5rem; font-size: 1rem; font-weight: 600; cursor: pointer; color: var(--gray); transition: all 0.3s; border-bottom: 2px solid transparent; } .tab-btn.active { color: var(--primary); border-bottom: 2px solid var(--secondary); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 2rem; } .product-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); transition: all 0.3s; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } .product-img { height: 200px; background: linear-gradient(45deg, #e0e7ff, #d1e0fd); display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: 600; } .product-info { padding: 1.5rem; } .product-title { font-size: 1.1rem; margin-bottom: 0.5rem; color: var(--primary); } .product-price { color: var(--secondary); font-weight: 700; font-size: 1.2rem; margin-bottom: 0.5rem; } .product-moq { color: var(--gray); font-size: 0.9rem; margin-bottom: 1rem; } .product-features { list-style: none; margin-top: 1rem; } .product-features li { margin-bottom: 0.5rem; font-size: 0.9rem; display: flex; align-items: flex-start; } .product-features li::before { content: '✓'; color: var(--secondary); margin-right: 0.5rem; font-weight: bold; } /* Process Section */ .process-steps { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 3rem; position: relative; } .process-steps::before { content: ''; position: absolute; top: 40px; left: 0; right: 0; height: 3px; background-color: #e2e8f0; z-index: 1; } .step { text-align: center; position: relative; z-index: 2; width: 16%; min-width: 130px; margin-bottom: 2rem; } .step-number { width: 80px; height: 80px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin: 0 auto 1rem; box-shadow: 0 5px 15px rgba(26, 54, 93, 0.2); } .step-title { font-weight: 600; color: var(--primary); margin-bottom: 0.5rem; } .step-desc { font-size: 0.9rem; color: var(--gray); } /* Contact Section */ .contact-container { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.05); display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); } .contact-info { background: linear-gradient(to bottom right, var(--primary), #2c5282); color: white; padding: 3rem; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 1rem; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: var(--accent); } .contact-details { margin-top: 2rem; } .contact-item { display: flex; margin-bottom: 1.5rem; } .contact-icon { min-width: 40px; height: 40px; background: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 1rem; } .contact-text { line-height: 1.4; } .contact-text h4 { margin-bottom: 0.3rem; } .contact-form { padding: 3rem; } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; color: var(--dark); } .form-control { width: 100%; padding: 0.8rem 1rem; border: 1px solid #e2e8f0; border-radius: 4px; transition: border-color 0.3s; font-size: 1rem; } .form-control:focus { outline: none; border-color: var(--primary); } textarea.form-control { min-height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--primary); color: white; padding: 3rem 0 1.5rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 3rem; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.8rem; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.8rem; } .footer-links a { color: #cbd5e0; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .footer-bottom { border-top: 1px solid rgba(255, 255, 255, 0.1); padding-top: 1.5rem; text-align: center; font-size: 0.9rem; color: #a0aec0; } /* Responsive */ @media (max-width: 992px) { .process-steps { justify-content: center; } .step { width: 30%; } } @media (max-width: 768px) { .nav-toggle { display: block; } nav ul { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--primary); flex-direction: column; padding: 1rem 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } nav ul.show { display: flex; } nav ul li { margin: 0; text-align: center; padding: 0.8rem; } .hero h2 { font-size: 2.2rem; } .btn { display: block; width: 100%; margin-bottom: 1rem; } .btn-outline { margin-left: 0; } .step { width: 45%; } } @media (max-width: 576px) { .hero { padding: 4rem 0; } .hero h2 { font-size: 1.8rem; } .section-title h2 { font-size: 1.8rem; } .step { width: 100%; } }
Guangzhou Jingmao Garment Accessories Co., Ltd. specializes in high-quality rhinestone transfers, chenille patches, and innovative apparel trims with competitive pricing and low MOQs.
Established in 2017, Guangzhou Jingmao has grown into a leading manufacturer of garment accessories serving global markets.
"Integrity-based, customer first, quality first, the pursuit of excellence" - these principles guide everything we do.
We provide 100% quality warranty on all products and maintain a 100% response rate to customer inquiries.
Name: Guangzhou Jingmao Garment Accessories Co., Ltd.
Location: Guangdong, China
Employees: 51-100 professionals
Facility: 5,000-10,000 m² production facility
Annual Output: $5M-$10M
Premium garment accessories for clothing, footwear, and textile industries
Streamlined production workflow ensuring quality and efficiency
Concept development and technical consultation
Prototype creation and client approval
Mass manufacturing with precision equipment
Rigorous inspection at multiple stages
Secure and presentable product finishing
Global logistics coordination
Reach out for quotes, samples, or partnership opportunities
We're ready to discuss your garment accessory requirements and provide solutions tailored to your needs.
Guangdong, China
5,000-10,000 m² factory space
T/T, L/C, D/P, D/A