'); background-size: cover; background-position: center; color: white; text-align: center; padding: 100px 20px; margin-bottom: 60px; } .hero-content { max-width: 800px; margin: 0 auto; } .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.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .btn { display: inline-block; background-color: var(--secondary); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; border: 2px solid var(--secondary); } .btn:hover { background-color: transparent; color: var(--secondary); 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: 15px; } .btn-outline:hover { background-color: white; color: var(--primary); } /* Section Styling */ section { padding: 60px 0; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.2rem; color: var(--primary); position: relative; display: inline-block; margin-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background-color: var(--secondary); } .section-title p { max-width: 700px; margin: 20px auto 0; color: #666; } /* Company Profile */ .profile-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .profile-card { background-color: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; } .profile-card:hover { transform: translateY(-10px); } .card-header { background-color: var(--primary); color: white; padding: 15px 20px; font-weight: 600; } .card-body { padding: 25px; } .info-item { margin-bottom: 15px; display: flex; } .info-label { font-weight: 600; min-width: 150px; color: var(--accent); } /* Product Categories */ .categories { background-color: var(--light); } .category-tabs { display: flex; justify-content: center; margin-bottom: 30px; flex-wrap: wrap; } .tab-btn { padding: 12px 25px; background-color: white; border: none; font-weight: 600; cursor: pointer; transition: all 0.3s; border-bottom: 3px solid transparent; } .tab-btn.active { background-color: var(--primary); color: white; border-bottom: 3px solid var(--secondary); } .tab-content { display: none; } .tab-content.active { display: block; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 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: 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-color: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #999; font-weight: 600; } .product-content { padding: 20px; } .product-title { font-size: 18px; font-weight: 600; margin-bottom: 10px; color: var(--dark); } .product-type { color: var(--accent); font-size: 14px; margin-bottom: 10px; } .product-desc { color: #666; font-size: 14px; margin-bottom: 15px; } /* Top Picks */ .top-picks-container { overflow-x: auto; } .picks-table { width: 100%; border-collapse: collapse; min-width: 800px; } .picks-table th { background-color: var(--primary); color: white; padding: 15px; text-align: left; } .picks-table td { padding: 15px; border-bottom: 1px solid #eee; } .picks-table tr:nth-child(even) { background-color: #f9f9f9; } .picks-table tr:hover { background-color: #f1f1f1; } .highlight { background-color: #fff8e1 !important; font-weight: 600; } .feature-badge { display: inline-block; background-color: var(--secondary); color: white; padding: 3px 10px; border-radius: 20px; font-size: 12px; margin-top: 5px; } /* Why Choose Us */ .advantages { background-color: var(--light); } .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .advantage-card { text-align: center; padding: 40px 30px; background-color: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .advantage-icon { font-size: 50px; color: var(--secondary); margin-bottom: 20px; } .advantage-title { font-size: 22px; margin-bottom: 15px; color: var(--primary); } .advantage-text { color: #666; } /* Services & Mission */ .services-mission { display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 40px; } .service-card, .mission-card { background-color: white; padding: 40px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .service-title, .mission-title { font-size: 24px; color: var(--primary); margin-bottom: 20px; position: relative; padding-bottom: 10px; } .service-title::after, .mission-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background-color: var(--secondary); } .service-list { list-style: none; } .service-list li { margin-bottom: 15px; padding-left: 30px; position: relative; } .service-list li::before { content: '✓'; position: absolute; left: 0; color: var(--secondary); font-weight: bold; } .mission-text { margin-bottom: 20px; font-size: 18px; color: #555; } .values-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .value-item { text-align: center; padding: 20px; background-color: #f9f9f9; border-radius: 10px; } .value-icon { font-size: 30px; color: var(--secondary); margin-bottom: 15px; } /* Footer */ footer { background-color: var(--dark); color: #ddd; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-title { color: white; font-size: 20px; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-title::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--secondary); } .contact-item { margin-bottom: 15px; display: flex; } .contact-icon { margin-right: 10px; color: var(--secondary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #aaa; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--secondary); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid #444; color: #aaa; font-size: 14px; } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; } nav ul { margin-top: 15px; flex-wrap: wrap; justify-content: center; } nav li { margin: 5px 10px; } .hero h2 { font-size: 2rem; } .btn { display: block; margin: 10px auto; width: 80%; } .services-mission { grid-template-columns: 1fr; } }
Since 2015, YiQi Jewelry has been crafting exquisite accessories that elevate your style with quality craftsmanship and innovative designs.
Your trusted partner for high-quality fashion jewelry and hair accessories
Discover our diverse range of fashion accessories crafted with precision and style
Elegant designs with cubic zirconia accents for lasting beauty.
From delicate studs to statement pieces for every occasion.
Handcrafted elegance including friendship bracelets and Roman numeral designs.
Teardrop designs and butterfly motifs with natural stones.
Coordinated sets for memorable moments.
Safe, adorable accessories for young fashionistas.
Perfect for sports and active lifestyles.
Add sparkle and elegance to any hairstyle.
Daily wear solutions with style.
Professional tools for perfect looks.
Unique pieces for standout styles.
Make it uniquely yours with custom options.
Our most popular items with competitive pricing and flexible order quantities
Product Name | Price Range | Minimum Order | Key Features |
---|---|---|---|
Custom Elastic Satin Sports Headband | $0.35-$0.41/piece | 10 pieces | Sweat-proof, non-slip, logo customization HOT SALE |
Handmade Geometric Fringe Bracelet | $0.99-$1.21/piece | 50 pieces | Adjustable, embroidery detail, friendship style |
Children's Cartoon Beaded Bracelet | $0.31-$0.45/piece | 10 pieces | Girls' gift, cute designs, child-safe |
2025 Custom Satin Scrunchies | $0.22-$0.33/piece | 10 pieces | Silky texture, pattern customization, party-ready |
Flower Satin Headband | $0.94-$0.98/piece | 10 pieces | Fashion accessory, party decoration, floral design |
Natural Jade Bead Bracelet | $2-$10/piece | 5 pieces | Genuine stone, anniversary gift, wholesale option BEST SELLER |
Tarnish-Free Gold Plated Ring | $0.77-$0.99/piece | 5 pieces | 1mm slim design, cubic zirconia, wedding/party |
18K Gold Roman Numeral Bracelet | $2.43-$2.79/piece | 10 pieces | Stainless steel base, timeless design, unisex |
European Style Pendant Set | $1-$1.20/set | 1 set | Elegant design, wedding/anniversary gift, alloy material |
18K Gold Heart Pendant Necklace | $2.83-$3.27/piece | 1 piece | Teardrop design, diamond & pearl accents, stainless steel |
Our commitment to excellence in every aspect of our business
With 9 years in the industry, we've perfected our manufacturing processes to deliver consistent quality that meets international standards.
Our dedicated support staff provides 24/7 assistance, ensuring rapid response to inquiries and seamless order processing.
Rigorous quality control protocols at every production stage guarantee product durability, compliance, and customer satisfaction.
Flexible OEM/ODM services with minimum orders as low as 1 piece for custom designs, logos, and packaging.
Established logistics networks ensure efficient worldwide delivery to retailers and distributors in 50+ countries.
Our creative team blends international trends with cultural elements to develop fresh collections each season.
"To provide fashion-forward, high-quality jewelry and hair accessories that empower personal expression while maintaining ethical business practices and exceptional customer relationships."
Premium materials and craftsmanship
Personalized service and support
Continuous product development
Designs for worldwide markets