'); color: white; padding: 1rem 0; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } .container { width: 90%; max-width: 1200px; margin: 0 auto; padding: 0 15px; } .header-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .logo { font-size: 1.8rem; font-weight: 700; display: flex; align-items: center; } .logo span { color: var(--accent); } nav ul { display: flex; list-style: none; } nav ul li { margin-left: 1.5rem; } nav ul li a { color: white; text-decoration: none; font-weight: 500; transition: color 0.3s; padding: 0.5rem; border-bottom: 2px solid transparent; } nav ul li a:hover, nav ul li a.active { color: var(--accent); border-bottom: 2px solid var(--accent); } .hero { background: url('data:image/svg+xml;utf8,') center/cover no-repeat; height: 80vh; display: flex; align-items: center; text-align: center; color: white; position: relative; } .hero::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .hero-content { position: relative; z-index: 2; max-width: 800px; margin: 0 auto; padding: 2rem; } .hero h1 { font-size: 3.5rem; margin-bottom: 1rem; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.5rem; margin-bottom: 2rem; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .btn { display: inline-block; background: var(--secondary); color: white; padding: 0.8rem 2rem; border-radius: 4px; text-decoration: none; font-weight: 600; transition: background 0.3s, transform 0.3s; border: none; cursor: pointer; font-size: 1.1rem; } .btn:hover { background: #9b2c2c; transform: translateY(-3px); box-shadow: 0 4px 8px rgba(0,0,0,0.2); } section { padding: 5rem 0; } .section-title { text-align: center; margin-bottom: 3rem; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); display: inline-block; padding-bottom: 0.5rem; } .section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--secondary); } .about-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin-top: 2rem; } .about-card { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; } .about-card:hover { transform: translateY(-10px); } .card-content { padding: 1.5rem; } .card-content h3 { color: var(--primary); margin-bottom: 1rem; font-size: 1.5rem; } .cert-badge { display: inline-block; background: var(--accent); color: var(--dark); padding: 0.3rem 0.8rem; border-radius: 20px; font-size: 0.9rem; font-weight: 600; margin: 0.5rem 0.5rem 0.5rem 0; } .products-container { 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.08); transition: all 0.3s ease; } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15); } .product-img { height: 250px; background: #e2e8f0; display: flex; align-items: center; justify-content: center; color: var(--dark); font-weight: 600; } .product-info { padding: 1.5rem; } .product-title { font-size: 1.3rem; color: var(--primary); margin-bottom: 0.5rem; } .product-price { color: var(--secondary); font-weight: 700; font-size: 1.2rem; margin: 0.5rem 0; } .product-specs { list-style: none; margin: 1rem 0; } .product-specs li { padding: 0.3rem 0; display: flex; } .product-specs li::before { content: '✓'; color: var(--secondary); font-weight: bold; margin-right: 0.5rem; } .features { background: linear-gradient(to right, var(--primary), #2c5282); color: white; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .feature-card { text-align: center; padding: 2rem; background: rgba(255,255,255,0.1); border-radius: 8px; backdrop-filter: blur(5px); transition: transform 0.3s; } .feature-card:hover { transform: translateY(-5px); } .feature-icon { font-size: 3rem; margin-bottom: 1rem; color: var(--accent); } .feature-card h3 { margin-bottom: 1rem; font-size: 1.5rem; } .contact-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 3rem; align-items: start; } .contact-info { background: var(--primary); color: white; padding: 2rem; border-radius: 8px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background: var(--accent); } .contact-details { margin: 1.5rem 0; } .contact-details p { margin: 0.8rem 0; display: flex; align-items: center; } .contact-form { background: white; padding: 2rem; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); } .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 500; } .form-group input, .form-group textarea { width: 100%; padding: 0.8rem; border: 1px solid #e2e8f0; border-radius: 4px; font-size: 1rem; } .form-group textarea { height: 150px; resize: vertical; } footer { background: var(--dark); color: white; padding: 3rem 0 2rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 2rem; } .footer-col h4 { font-size: 1.3rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background: var(--accent); } .footer-col ul { list-style: none; } .footer-col ul li { margin-bottom: 0.8rem; } .footer-col ul li a { color: #cbd5e0; text-decoration: none; transition: color 0.3s; } .footer-col ul li a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 2rem; border-top: 1px solid #4a5568; color: #a0aec0; } @media (max-width: 768px) { .header-content { flex-direction: column; text-align: center; } nav ul { margin-top: 1rem; justify-content: center; } nav ul li { margin: 0 0.5rem; } .hero h1 { font-size: 2.5rem; } .hero p { font-size: 1.2rem; } section { padding: 3rem 0; } }
Professional OEM Manufacturer with Gold Supplier Certification
Guangzhou Ruimingda Hair Products Co., Ltd. has been a professional manufacturer and exporter of premium human hair products since 2016.
With 7+ years of industry experience, we specialize in 100% Virgin Human Hair wigs, extensions, closures and frontals.
Our state-of-the-art manufacturing facility ensures consistent quality through rigorous quality control processes.
We serve clients worldwide with efficient logistics and multilingual support.
North America, Europe, Africa, Australia
Manufacturer prices with no middleman markup, offering true wholesale costs on premium hair products.
10+ years of international export experience with deep understanding of global market requirements.
Full OEM/ODM services with custom specifications for texture, length, color and packaging.
10,000+ large stock inventory with 1-day shipping options and worldwide drop shipping services.
We welcome inquiries from wholesalers, retailers and salon professionals worldwide.
Company: Guangzhou Ruimingda Hair Products Co., Ltd.
Address: Guangzhou, China
Business Type: Manufacturer & Trading Company
Established: 2016
Response Time: ≤4 Hours