'); background-size: cover; color: white; text-align: center; padding: 100px 0; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 3rem; margin-bottom: 20px; text-shadow: 0 2px 4px rgba(0,0,0,0.3); } .hero p { font-size: 1.2rem; margin-bottom: 30px; max-width: 700px; margin-left: auto; margin-right: auto; } .hero-badge { display: inline-block; background: var(--accent); padding: 8px 20px; border-radius: 30px; font-weight: bold; margin: 15px 0; text-transform: uppercase; letter-spacing: 1px; font-size: 0.9rem; } .cta-button { display: inline-block; background: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; transition: var(--transition); margin-top: 20px; } .cta-button:hover { background: #c0392b; transform: translateY(-3px); box-shadow: 0 6px 12px rgba(0,0,0,0.2); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.5rem; color: var(--primary); position: relative; display: inline-block; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--accent); border-radius: 2px; } .section-title p { max-width: 700px; margin: 20px auto 0; color: var(--gray); } /* About Section */ .about-content { display: flex; gap: 40px; align-items: center; } .about-text { flex: 1; } .about-image { flex: 1; background: linear-gradient(45deg, var(--primary), var(--secondary)); height: 400px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.5rem; font-weight: bold; text-align: center; padding: 20px; } .stats-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; } .stat-box { background: var(--light); padding: 30px; border-radius: 10px; text-align: center; box-shadow: var(--shadow); transition: var(--transition); } .stat-box:hover { transform: translateY(-10px); } .stat-number { font-size: 2.5rem; font-weight: bold; color: var(--primary); margin-bottom: 10px; } /* Products Section */ .product-categories { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .category-btn { padding: 10px 25px; background: var(--light); border: none; border-radius: 30px; cursor: pointer; font-weight: 600; transition: var(--transition); } .category-btn.active, .category-btn:hover { background: var(--primary); color: white; } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .product-card:hover { transform: translateY(-10px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .product-image { height: 200px; background: linear-gradient(45deg, #9b59b6, #3498db); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 1.2rem; } .product-info { padding: 20px; } .product-category { color: var(--accent); font-size: 0.9rem; font-weight: 600; text-transform: uppercase; } .product-title { font-size: 1.3rem; margin: 10px 0; color: var(--dark); } .product-price { font-weight: bold; font-size: 1.2rem; color: var(--primary); margin: 10px 0; } .product-meta { display: flex; justify-content: space-between; margin-top: 15px; font-size: 0.9rem; color: var(--gray); } /* Certification Section */ .certification-card { background: white; border-radius: 10px; padding: 40px; box-shadow: var(--shadow); max-width: 800px; margin: 0 auto; position: relative; overflow: hidden; } .certification-card::before { content: ''; position: absolute; top: 0; left: 0; width: 5px; height: 100%; background: var(--primary); } .cert-logo { display: flex; align-items: center; margin-bottom: 30px; } .cert-logo div { width: 80px; height: 80px; background: var(--light); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; margin-right: 20px; font-size: 1.8rem; color: var(--primary); } .cert-details { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .cert-item { margin-bottom: 20px; } .cert-item h4 { color: var(--gray); margin-bottom: 5px; font-weight: 600; } /* Contact Section */ .contact-container { display: flex; gap: 40px; } .contact-info { flex: 1; background: var(--light); padding: 30px; border-radius: 10px; } .contact-item { display: flex; margin-bottom: 25px; } .contact-icon { width: 50px; height: 50px; background: var(--primary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; margin-right: 15px; flex-shrink: 0; } .sales-team { margin-top: 40px; } .team-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 20px; margin-top: 20px; } .team-member { text-align: center; } .member-avatar { width: 100px; height: 100px; border-radius: 50%; background: linear-gradient(45deg, var(--primary), var(--secondary)); margin: 0 auto 15px; display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; font-size: 1.8rem; } /* Footer */ footer { background: var(--dark); color: white; padding: 60px 0 30px; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-col h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #ecf0f1; text-decoration: none; transition: var(--transition); } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #bdc3c7; font-size: 0.9rem; } /* Responsive Design */ @media (max-width: 992px) { .about-content { flex-direction: column; } .contact-container { flex-direction: column; } nav ul { display: none; } .hero h1 { font-size: 2.3rem; } } @media (max-width: 768px) { section { padding: 60px 0; } .section-title h2 { font-size: 2rem; } .hero { padding: 80px 0; } .hero h1 { font-size: 2rem; } }
Qingdao Qicai Hair Products Co., Ltd. specializes in premium 100% real human hair extensions, wigs, toppers and closures. With over 20 years of expertise in hair manufacturing, we bring beauty dreams to life worldwide.
Explore Our ProductsManufacturer and trading company dedicated to delivering the highest quality 100% real human hair products
Established in 2014 and based in Shandong, China, Qingdao Qicai Hair Products Co., Ltd. combines manufacturing expertise with global trading capabilities to serve customers worldwide.
We specialize in premium 100% virgin human hair products featuring Remy hair, cuticle aligned strands, and the highest quality processing techniques. Our core products include natural Remy hair, 100% virgin human hair lace wigs, and professional hair extensions.
100% real human hair products with Remy, virgin hair and cuticle aligned quality
Mechanism weft, raw virgin hair, double drawn quality.
Raw European hair, can expose natural hairline.
Mesh base, specially designed for hair integration.
With baby hair, transparent lace for natural look.
Verified and certified by international inspection authorities
17242916 P+T
05 Dec 2017 - 04 Dec 2018
04 Dec 2017
Alibaba.com
Comprehensive evaluation covering company profile, production capabilities, business operations, quality assurance, human resources, and product samples.
Get in touch with our sales representatives for inquiries and orders
Qingdao Qicai Hair Products Co., Ltd.
Shandong, China
2014