'); background-size: cover; background-position: center; height: 600px; display: flex; align-items: center; color: var(--light); text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; padding: 0 20px; } .hero h2 { font-size: 3.5rem; margin-bottom: 20px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); } .hero p { font-size: 1.5rem; margin-bottom: 30px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .btn { display: inline-block; background-color: var(--primary); color: var(--light); padding: 12px 30px; border-radius: 4px; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s; border: 2px solid var(--primary); } .btn:hover { background-color: transparent; color: var(--light); } .btn-secondary { background-color: transparent; border-color: var(--light); margin-left: 15px; } .btn-secondary:hover { background-color: var(--light); color: var(--primary); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.5rem; color: var(--dark); 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: 3px; background-color: var(--primary); } .section-title p { margin-top: 15px; font-size: 1.2rem; color: var(--text); max-width: 700px; margin-left: auto; margin-right: auto; } /* About Section */ .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--dark); } .stats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .stat-box { background-color: var(--secondary); padding: 20px; border-radius: 8px; text-align: center; transition: transform 0.3s; } .stat-box:hover { transform: translateY(-5px); } .stat-box .number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .stat-box p { font-weight: 600; } /* Products Section */ .products-filter { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; gap: 15px; } .filter-btn { background: none; border: 2px solid var(--primary); color: var(--primary); padding: 8px 20px; border-radius: 30px; cursor: pointer; font-weight: 600; transition: all 0.3s; } .filter-btn:hover, .filter-btn.active { background-color: var(--primary); color: var(--light); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: var(--light); border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s; } .product-card:hover { transform: translateY(-10px); } .product-img { height: 250px; background-color: var(--accent); display: flex; align-items: center; justify-content: center; color: var(--dark); font-weight: 600; } .product-info { padding: 20px; } .product-info h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--dark); } .product-meta { display: flex; justify-content: space-between; margin-bottom: 15px; } .price { font-weight: 700; color: var(--primary); font-size: 1.2rem; } .min-order { background-color: var(--secondary); padding: 3px 10px; border-radius: 4px; font-size: 0.9rem; } .product-features { list-style-type: none; margin-top: 10px; } .product-features li { margin-bottom: 5px; position: relative; padding-left: 20px; } .product-features li::before { content: '✓'; position: absolute; left: 0; color: var(--primary); font-weight: bold; } /* Advantages Section */ .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .advantage-card { background-color: var(--light); border-radius: 8px; padding: 30px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; } .advantage-card:hover { transform: translateY(-10px); } .advantage-icon { font-size: 3rem; color: var(--primary); margin-bottom: 20px; } .advantage-card h3 { font-size: 1.4rem; margin-bottom: 15px; color: var(--dark); } /* Testimonials */ .testimonials-container { max-width: 800px; margin: 0 auto; } .testimonial { background-color: var(--secondary); padding: 30px; border-radius: 8px; margin-bottom: 30px; position: relative; } .testimonial::before { content: '"'; position: absolute; top: 15px; left: 15px; font-size: 4rem; color: var(--primary); opacity: 0.2; font-family: serif; } .testimonial-content { position: relative; z-index: 1; } .testimonial-text { font-style: italic; margin-bottom: 20px; font-size: 1.1rem; } .testimonial-author { font-weight: 600; color: var(--dark); } /* Contact Section */ .contact-container { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; } .contact-info { background-color: var(--secondary); padding: 30px; border-radius: 8px; } .contact-info h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--dark); } .contact-details { margin-bottom: 30px; } .contact-details p { margin-bottom: 10px; display: flex; align-items: center; } .contact-details i { margin-right: 10px; color: var(--primary); min-width: 20px; text-align: center; } .languages { display: flex; flex-wrap: wrap; gap: 10px; } .lang-tag { background-color: var(--accent); padding: 5px 15px; border-radius: 4px; font-size: 0.9rem; } .contact-form { background-color: var(--light); padding: 30px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 600; } .form-control { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 1rem; } textarea.form-control { min-height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: var(--light); padding: 60px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-column h3 { font-size: 1.4rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-column h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background-color: var(--primary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: var(--accent); text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--light); } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); } /* Responsive Design */ @media (max-width: 992px) { .about-content, .contact-container { grid-template-columns: 1fr; } .hero { height: 500px; } .hero h2 { font-size: 2.8rem; } section { padding: 60px 0; } } @media (max-width: 768px) { nav ul { display: none; } .hero { height: 400px; } .hero h2 { font-size: 2.2rem; } .hero p { font-size: 1.2rem; } .section-title h2 { font-size: 2rem; } }
FLY HAIR only for your beauty! Established in 2018, we bring you 29 years of hair manufacturing expertise.
Qingdao O Fly Hair Products Co., Ltd. is a professional supplier specializing in 100% virgin human hair products.
Founded in Shandong, China, we've built a reputation for excellence in the hair products industry. With 11-50 dedicated employees and a 101-500㎡ manufacturing facility, we combine traditional craftsmanship with modern techniques to deliver premium hair products worldwide.
Our onsite verified facility ensures strict quality control at every production stage. We've proudly participated in international exhibitions, showcasing our commitment to innovation and quality.
Years of Experience
Transactions
Response Rate
Response Time
100% virgin human hair with cuticle aligned, no tangle or shedding, and can be colored and dyed.
Why thousands of clients choose O Fly Hair as their trusted hair supplier
Nearly three decades of specialized hair manufacturing expertise ensures premium quality products
Modern techniques and advanced R&D ensure consistently high-quality hair products
Dedicated after-service team & QC department providing 7x24 support with 99.86% response rate
Factory-direct pricing with options for free samples and shipping on select products
Real feedback from our satisfied customers worldwide
"The quality is excellent and it doesn't tangle at all. This was my first time wearing it, I bleached the bundles and it took very well. Highly recommended!"
"Excellent quality hair! The lace closure is undetectable and the hair is so soft. I've ordered multiple times and the consistency is impressive."
"Their customer service is exceptional. They helped me choose the perfect hair type for my needs and the shipping was faster than expected. Will be ordering again!"
Have questions? Our team is ready to assist you
Address: Shandong, China
Phone: +86 13465891905
Email: [email protected]
Business Hours: 24/7 Online Support
T/T, MoneyGram, Credit Card, PayPal, Western Union, Cash, Escrow