'); background-size: cover; background-position: center; color: white; text-align: center; padding: 80px 0; } .hero h2 { font-size: 2.5rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } .hero p { font-size: 1.3rem; max-width: 700px; margin: 0 auto 30px; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .cta-button { display: inline-block; background-color: var(--accent); color: white; padding: 12px 30px; text-decoration: none; border-radius: 30px; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; border: 2px solid var(--accent); } .cta-button:hover { background-color: transparent; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* Stats Section */ .stats-section { background-color: var(--light); padding: 50px 0; text-align: center; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 30px; } .stat-card { background-color: white; border-radius: 8px; padding: 25px 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .stat-card:hover { transform: translateY(-10px); } .stat-value { font-size: 2.5rem; font-weight: 700; color: var(--secondary); margin-bottom: 10px; } .stat-label { font-size: 1.1rem; color: var(--dark); } /* Section Styles */ section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.2rem; color: var(--primary); display: inline-block; padding-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; width: 80px; height: 4px; background-color: var(--secondary); bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 2px; } /* Features Section */ .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; } .feature-card { background-color: white; border-radius: 8px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.08); transition: all 0.3s ease; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .feature-content { padding: 25px; } .feature-content h3 { font-size: 1.4rem; margin-bottom: 15px; color: var(--primary); } .feature-content ul { list-style-type: none; padding-left: 0; } .feature-content ul li { margin-bottom: 10px; padding-left: 25px; position: relative; } .feature-content ul li::before { content: '✓'; position: absolute; left: 0; color: var(--success); font-weight: bold; } /* Products Section */ .products-section { background-color: var(--light); } .category-tabs { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 30px; gap: 10px; } .category-tab { padding: 10px 20px; background-color: white; border: 1px solid #ddd; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 500; } .category-tab.active, .category-tab:hover { background-color: var(--secondary); color: white; border-color: var(--secondary); } .products-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 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: transform 0.3s ease; } .product-card:hover { transform: translateY(-10px); } .product-img { height: 200px; background-color: #f0f0f0; display: flex; align-items: center; justify-content: center; color: #777; font-weight: 600; } .product-info { padding: 20px; } .product-info h3 { font-size: 1.2rem; margin-bottom: 10px; color: var(--dark); } .product-meta { display: flex; justify-content: space-between; margin-bottom: 15px; font-size: 0.9rem; } .product-price { color: var(--accent); font-weight: 700; } .product-moq { color: var(--secondary); font-weight: 500; } /* Process Section */ .process-steps { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; position: relative; max-width: 1000px; margin: 0 auto; } .process-steps::before { content: ''; position: absolute; top: 50px; left: 10%; width: 80%; height: 3px; background-color: var(--secondary); z-index: 0; } .step-card { background-color: white; border-radius: 8px; padding: 30px 20px; text-align: center; width: 180px; box-shadow: 0 5px 15px rgba(0,0,0,0.1); position: relative; z-index: 1; } .step-number { width: 50px; height: 50px; background-color: var(--secondary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin: 0 auto 20px; } .step-card h3 { font-size: 1.1rem; margin-bottom: 10px; color: var(--primary); } /* Contact Section */ .contact-section { background: linear-gradient(135deg, var(--primary), var(--secondary)); color: white; } .contact-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info h3 { font-size: 1.5rem; margin-bottom: 20px; position: relative; padding-bottom: 15px; } .contact-info h3::after { content: ''; position: absolute; width: 50px; height: 3px; background-color: white; bottom: 0; left: 0; } .contact-method { margin-bottom: 25px; } .contact-method h4 { font-size: 1.2rem; margin-bottom: 10px; } .contact-person { background-color: rgba(255,255,255,0.1); padding: 15px; border-radius: 8px; margin-bottom: 15px; } /* Footer */ footer { background-color: var(--dark); color: white; padding: 40px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 30px; } .footer-section h3 { font-size: 1.3rem; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-section h3::after { content: ''; position: absolute; width: 40px; height: 3px; background-color: var(--secondary); bottom: 0; left: 0; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #ddd; text-decoration: none; transition: all 0.3s ease; } .footer-links a:hover { color: white; padding-left: 5px; } .cert-badges { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; } .cert-badge { background-color: rgba(255,255,255,0.1); padding: 8px 15px; border-radius: 30px; font-size: 0.8rem; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #aaa; } /* Responsive Design */ @media (max-width: 768px) { .header-top { flex-direction: column; text-align: center; } .nav-links { margin-top: 20px; justify-content: center; } .nav-links li { margin: 0 10px; } .hero h2 { font-size: 2rem; } .hero p { font-size: 1.1rem; } .process-steps::before { display: none; } .section-title h2 { font-size: 1.8rem; } } @media (max-width: 480px) { .nav-links { flex-direction: column; align-items: center; } .nav-links li { margin: 5px 0; } .stats-grid { grid-template-columns: 1fr; } .step-card { width: 100%; max-width: 280px; } }
BEST FABRIC • YOU CAN FIND MOST FASHION DESIGN HERE
Since 2008, we've been providing top-quality textiles, lace, zippers, and accessories to clients worldwide
Chat With Us NowEstablished in 2008, Ningbo Easy Trade Co., Ltd. is a multispecialty textile supplier with over 15 years of export experience. We've built our reputation on reliability, quality, and exceptional customer service.
Based in Ningbo, China, we serve clients across more than 60 countries worldwide.
Our multilingual team supports clients in:
100% Polyester embroidered fabric with rhinestone details
Main product with intricate embroidery details
SS10 crystal diamond double row for fashion accessories
Ethnic style wax print fabric - main product
Client requirements → R&D team solution design
Function/application description + Specifications/Pictures/Samples
Trial workshop sample creation → Customer confirmation
Production line manufacturing → On-time delivery
Collect client feedback → Service optimization