'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 3rem; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; } .btn { display: inline-block; background-color: var(--secondary); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: var(--transition); border: 2px solid var(--secondary); } .btn:hover { background-color: transparent; transform: translateY(-3px); } .btn-outline { background-color: transparent; border: 2px solid white; margin-left: 15px; } .btn-outline:hover { background-color: white; color: var(--primary); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 60px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 15px; position: relative; display: inline-block; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background-color: var(--secondary); } .section-title p { color: var(--gray); max-width: 700px; margin: 20px auto 0; font-size: 1.1rem; } /* About Section */ .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-img { background-color: var(--light); border-radius: 10px; overflow: hidden; height: 400px; display: flex; align-items: center; justify-content: center; position: relative; } .about-img::before { content: 'Manufacturing Excellence Since 2018'; position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(231, 76, 60, 0.9); color: white; padding: 15px; text-align: center; font-weight: 600; } .about-content h3 { font-size: 1.8rem; margin-bottom: 25px; color: var(--primary); } .about-grid ul { margin: 25px 0; padding-left: 20px; } .about-grid li { margin-bottom: 10px; position: relative; } .about-grid li::before { content: '✓'; color: var(--secondary); font-weight: bold; margin-right: 10px; } .stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 40px; } .stat-box { text-align: center; padding: 20px; background-color: var(--light); border-radius: 8px; box-shadow: var(--shadow); transition: var(--transition); } .stat-box:hover { transform: translateY(-5px); } .stat-value { font-size: 2rem; font-weight: 700; color: var(--secondary); margin-bottom: 5px; } .stat-label { color: var(--gray); font-size: 0.9rem; } /* Services Section */ .services-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; } .service-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .service-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .service-header { background-color: var(--primary); color: white; padding: 25px; } .service-header h3 { font-size: 1.5rem; margin-bottom: 10px; } .service-body { padding: 25px; } .service-body ul { margin-top: 15px; padding-left: 20px; } .service-body li { margin-bottom: 8px; } /* Products Section */ .product-filters { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .filter-btn { background-color: var(--light); border: none; padding: 10px 20px; margin: 5px; border-radius: 30px; cursor: pointer; transition: var(--transition); font-weight: 600; } .filter-btn.active, .filter-btn:hover { background-color: var(--secondary); 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: var(--shadow); transition: var(--transition); } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .product-img { height: 200px; background-color: var(--light); display: flex; align-items: center; justify-content: center; position: relative; } .hot-badge { position: absolute; top: 15px; right: 15px; background-color: var(--secondary); color: white; padding: 5px 15px; border-radius: 30px; font-size: 0.8rem; font-weight: 600; } .product-info { padding: 20px; } .product-category { color: var(--secondary); font-size: 0.9rem; font-weight: 600; margin-bottom: 5px; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary); } .product-specs { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--border); } .spec-box { text-align: center; } .spec-label { font-size: 0.8rem; color: var(--gray); } .spec-value { font-weight: 600; margin-top: 5px; } /* Hot Products Section */ .hot-products { background-color: var(--light); } /* Cooperation Section */ .cooperation-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; } .cooperation-card { background-color: white; padding: 30px; border-radius: 10px; box-shadow: var(--shadow); } .cooperation-card h3 { font-size: 1.5rem; color: var(--primary); margin-bottom: 20px; display: flex; align-items: center; } .cooperation-card h3 i { margin-right: 10px; color: var(--secondary); } /* Footer */ footer { background-color: var(--primary); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 40px; margin-bottom: 40px; } .footer-logo { font-size: 1.8rem; font-weight: 700; margin-bottom: 20px; } .footer-about p { margin-bottom: 25px; opacity: 0.8; } .footer-links h4 { margin-bottom: 20px; font-size: 1.2rem; position: relative; padding-bottom: 10px; } .footer-links h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--secondary); } .footer-links ul { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: rgba(255, 255, 255, 0.8); text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: white; padding-left: 5px; } .footer-bottom { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); opacity: 0.8; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-grid, .services-grid, .cooperation-grid { grid-template-columns: 1fr; } .footer-grid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } nav li { margin: 0 10px 10px; } .stats-grid { grid-template-columns: repeat(2, 1fr); } .hero h1 { font-size: 2.2rem; } } @media (max-width: 576px) { .section-title h2 { font-size: 2rem; } .stats-grid { grid-template-columns: 1fr; } .btn { display: block; width: 100%; margin-bottom: 15px; text-align: center; } .btn-outline { margin-left: 0; } }
Guangzhou Yaming Trade Co., Ltd. specializes in high-quality hair accessories with over 7 years of manufacturing expertise. Offering OEM/ODM services for global clients.
Established in 2018, we've grown into a reputable manufacturer and trading company specializing in garment accessories
We are a professional garment accessories factory based in Guangdong, China with 7 years of manufacturing expertise. Our commitment to quality, innovation, and customer satisfaction has made us a trusted partner for businesses worldwide.
We offer comprehensive manufacturing solutions for garment accessories with flexible customization options
Custom manufacturing solutions
We support complete customization according to your specifications:
Available for hair bows, headbands, and all accessory types.
Specialized garment accessories
We specialize in four main accessory categories:
All products can be customized to meet your specific requirements.
Explore our range of high-quality garment accessories crafted with attention to detail
Embroidered Spring Summer Barrette with floral design and lace material.
Festive hair clip with Santa elements, embroidery and sequins.
Perfect for back to school season with football pattern printing.
Santa, tree and snowman designs in velvet material.
Crystal pumpkin design with rhinestones for Halloween.
Bridal headband with beaded mermaid design.
White metal daisy flower design for summer season.
Fluffy bear and knitted flower designs for girls.
Our best-selling items that are trending in the market
Festive hair accessory with rainbow sequins on velvet for St. Patrick's Day.
Back to school favorite with crayon design and sequin embroidery.
Pencil-themed headband with bow and sequin embroidery for students.
Christmas-themed hair bow with velvet and festive sequin colors.
How we work with our global partners and clients
Our products are especially popular in:
Our seasonal collections (Christmas, Halloween, Back to School) align perfectly with these markets.