'); background-size: cover; background-position: center; color: white; padding: 100px 0; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h2 { font-size: 3rem; margin-bottom: 20px; font-weight: 800; } .hero p { font-size: 1.2rem; margin-bottom: 30px; } .hero-btns { display: flex; justify-content: center; gap: 20px; } /* Features Section */ .features { padding: 80px 0; background-color: white; } .section-title { text-align: center; margin-bottom: 50px; } .section-title h2 { font-size: 2.2rem; 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: 3px; background-color: var(--secondary); } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; } .feature-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); text-align: center; padding: 30px 20px; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .feature-icon { font-size: 3rem; color: var(--secondary); margin-bottom: 20px; } .feature-card h3 { font-size: 1.5rem; margin-bottom: 15px; color: var(--primary); } /* Products Section */ .products { padding: 80px 0; background-color: #f5f7fa; } .products-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; } .product-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); } .product-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-img { height: 200px; background-color: #eee; display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #aaa; } .product-info { padding: 20px; } .product-info h3 { font-size: 1.3rem; margin-bottom: 10px; color: var(--primary); } .product-info p { color: #666; margin-bottom: 15px; } /* About Section */ .about { padding: 80px 0; background-color: white; } .about-content { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; } .about-text h2 { font-size: 2rem; color: var(--primary); margin-bottom: 20px; position: relative; padding-bottom: 15px; } .about-text h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 60px; height: 3px; background-color: var(--secondary); } .about-text p { margin-bottom: 15px; } .about-stats { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; } .stat-box { text-align: center; padding: 20px; background-color: #f9f9f9; border-radius: 8px; } .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--secondary); margin-bottom: 5px; } .about-img { height: 400px; background-color: #eee; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: #aaa; } /* Testimonials */ .testimonials { padding: 80px 0; background: linear-gradient(135deg, var(--primary) 0%, #1a2530 100%); color: white; } .testimonials .section-title h2 { color: white; } .testimonials-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .testimonial-card { background-color: rgba(255,255,255,0.1); border-radius: 8px; padding: 30px; transition: var(--transition); } .testimonial-card:hover { background-color: rgba(255,255,255,0.15); } .testimonial-text { font-style: italic; margin-bottom: 20px; position: relative; } .testimonial-text::before { content: '"'; font-size: 3rem; position: absolute; top: -20px; left: -15px; opacity: 0.2; } .testimonial-author { display: flex; align-items: center; } .author-img { width: 50px; height: 50px; border-radius: 50%; background-color: #ccc; margin-right: 15px; } .author-info h4 { margin-bottom: 5px; } .author-info p { font-size: 0.9rem; opacity: 0.8; } /* Contact */ .contact { padding: 80px 0; background-color: white; } .contact-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; } .contact-info h3 { font-size: 1.5rem; margin-bottom: 20px; color: var(--primary); position: relative; padding-bottom: 10px; } .contact-info h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 3px; background-color: var(--secondary); } .contact-details { margin-bottom: 30px; } .contact-item { display: flex; margin-bottom: 15px; } .contact-icon { margin-right: 15px; color: var(--secondary); font-size: 1.2rem; } .contact-form .form-group { margin-bottom: 20px; } .contact-form input, .contact-form textarea { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 4px; transition: var(--transition); } .contact-form input:focus, .contact-form textarea:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2); } .contact-form textarea { height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 60px 0 0; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 40px; } .footer-col h4 { font-size: 1.2rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-col h4::after { content: ''; position: absolute; bottom: 0; left: 0; width: 40px; height: 2px; background-color: var(--secondary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { transition: var(--transition); opacity: 0.8; } .footer-links a:hover { opacity: 1; color: var(--secondary); padding-left: 5px; } .copyright { text-align: center; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; opacity: 0.7; } @media (max-width: 768px) { .about-content, .contact-wrapper { grid-template-columns: 1fr; } .hero h2 { font-size: 2.2rem; } nav ul { display: none; } .mobile-menu-btn { display: block; } }
Extra Fashion specializes in high-quality apparel, footwear, bags, and accessories with over 15 years of manufacturing excellence. Offering OEM & ODM services to global brands.
State-of-the-art production facilities with 10+ production lines and strict quality control processes.
Products successfully exported to 50+ countries including USA, UK, Australia, and European markets.
Custom design, development and manufacturing solutions tailored to your specific requirements.
ISO 9001 certified quality management system and comprehensive testing procedures.
Casual wear, formal wear, sportswear, uniforms and custom clothing manufacturing.
Men's, women's and children's shoes including sneakers, boots, sandals and more.
Backpacks, handbags, luggage, travel bags and custom bag manufacturing.
Belts, hats, scarves, sunglasses, jewelry and other fashion accessories.
Founded in 2008, Extra Fashion has grown into a leading fashion manufacturing company based in Guangzhou, China. With over 500 employees and 30,000m² of production space, we combine traditional craftsmanship with modern technology to deliver exceptional fashion products.
Our mission is to empower global fashion brands with high-quality manufacturing solutions. We are committed to ethical production practices, sustainability and building long-term partnerships with our clients.
International Quality Management System certification ensuring consistent quality standards.
Business Social Compliance Initiative certification for ethical manufacturing practices.
Standard 100 certification ensuring textiles are free from harmful substances.
Supplier Ethical Data Exchange membership promoting responsible business practices.