'); background-size: cover; background-position: center; color: white; text-align: center; padding: 100px 20px; margin-bottom: 50px; } .hero h2 { font-size: 2.8rem; margin-bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.8); } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px; } .btn { display: inline-block; background-color: var(--accent); color: var(--dark); padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; border: 2px solid transparent; } .btn:hover { background-color: transparent; border-color: var(--accent); color: var(--accent); transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .btn-outline { background-color: transparent; border: 2px solid var(--light); color: var(--light); margin-left: 15px; } .btn-outline:hover { background-color: var(--light); color: var(--dark); } /* Section Styles */ section { padding: 60px 0; } .section-header { text-align: center; margin-bottom: 50px; } .section-header h2 { font-size: 2.2rem; color: var(--primary); margin-bottom: 15px; position: relative; display: inline-block; } .section-header h2:after { content: ''; position: absolute; width: 70%; height: 3px; background-color: var(--accent); bottom: -10px; left: 15%; } .section-header p { max-width: 700px; margin: 20px auto 0; color: #666; } /* About Section */ .about-content { display: flex; flex-wrap: wrap; gap: 30px; align-items: center; } .about-text { flex: 1; min-width: 300px; } .about-text h3 { font-size: 1.8rem; margin-bottom: 20px; color: var(--dark); } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 30px; } .stat-card { background-color: var(--light); padding: 25px; border-radius: 10px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; } .stat-card:hover { transform: translateY(-10px); } .stat-number { font-size: 2.5rem; font-weight: 700; color: var(--primary); margin-bottom: 10px; } .stat-label { color: #666; font-size: 1.1rem; } /* Products Section */ .category-tabs { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .tab-btn { padding: 10px 25px; background: none; border: none; border-bottom: 3px solid transparent; font-size: 1.1rem; cursor: pointer; transition: all 0.3s; margin: 5px; } .tab-btn.active, .tab-btn:hover { border-bottom: 3px solid var(--primary); color: var(--primary); font-weight: 600; } .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background-color: var(--light); border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); } .product-image { height: 200px; background: linear-gradient(45deg, #e0e0e0, #f5f5f5); display: flex; align-items: center; justify-content: center; color: #888; font-weight: bold; } .product-badge { position: absolute; top: 15px; right: 15px; background-color: var(--accent); color: var(--dark); padding: 5px 10px; border-radius: 3px; font-size: 0.85rem; font-weight: 600; } .product-info { padding: 20px; } .product-title { font-size: 1.2rem; margin-bottom: 10px; color: var(--dark); } .product-price { font-weight: 700; color: var(--primary); font-size: 1.3rem; margin-bottom: 8px; } .product-moq { color: #666; margin-bottom: 15px; } .product-features { margin-top: 15px; } .product-features li { margin-bottom: 8px; list-style-type: none; position: relative; padding-left: 20px; } .product-features li:before { content: '✓'; position: absolute; left: 0; color: var(--primary); } /* Contact Section */ .contact-wrapper { display: flex; flex-wrap: wrap; gap: 40px; } .contact-info { flex: 1; min-width: 300px; } .contact-card { background-color: var(--light); padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); margin-bottom: 30px; } .contact-card h3 { margin-bottom: 20px; color: var(--primary); position: relative; padding-bottom: 10px; } .contact-card h3:after { content: ''; position: absolute; width: 50px; height: 3px; background-color: var(--accent); bottom: 0; left: 0; } .contact-details { margin-top: 20px; } .contact-item { display: flex; margin-bottom: 15px; } .contact-icon { width: 40px; height: 40px; background-color: rgba(46, 139, 87, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; color: var(--primary); } .contact-form { flex: 1; min-width: 300px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-control { width: 100%; padding: 12px 15px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; transition: border-color 0.3s; } .form-control:focus { border-color: var(--primary); outline: none; box-shadow: 0 0 0 3px rgba(46, 139, 87, 0.1); } textarea.form-control { min-height: 150px; resize: vertical; } /* Footer */ footer { background-color: var(--dark); color: #f1f1f1; padding: 60px 0 30px; } .footer-content { display: flex; flex-wrap: wrap; gap: 40px; margin-bottom: 40px; } .footer-column { flex: 1; min-width: 250px; } .footer-column h3 { color: #fff; margin-bottom: 20px; position: relative; padding-bottom: 10px; } .footer-column h3:after { content: ''; position: absolute; width: 40px; height: 2px; background-color: var(--accent); bottom: 0; left: 0; } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #ccc; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: var(--accent); } .copyright { text-align: center; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; } /* Responsive Design */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } .logo { margin-bottom: 15px; justify-content: center; } nav ul { justify-content: center; } nav ul li { margin: 0 10px; } .hero h2 { font-size: 2.2rem; } .hero .btn { display: block; margin: 10px auto; width: 80%; } .section-header h2 { font-size: 1.8rem; } }
Fuzhou Green Star Fashion Life - Your trusted wholesale partner for high-quality fashion bags, wallets, accessories and sunglasses since 2019.
Explore Our Collection Contact Us NowWith over 7 years of excellence in fashion manufacturing and export
Established in 2019, we are a premier trading company based in Fujian, China, specializing in the design, manufacturing, and export of high-quality fashion accessories.
Our mission is to deliver exceptional products and services worldwide while maintaining our core values:
HIGH QUALITY IS OUR OBLIGATION!
GREAT SERVICE IS OUR MISSION!
CUSTOMER FIRST, CONTACT US NOW!
With a dedicated team of 51-100 professionals, we've earned over 3330 "Highly Recommended" ratings from satisfied clients worldwide.
Import & Export Combined with Manufacturer Partnerships
Bags, Hair Accessories, Belts, Wallets, Hats
Eastern Europe, Middle East, Africa, North America, Northern Europe
Discover our premium fashion accessories designed for global markets
Reach out to our team for inquiries, quotes, and partnership opportunities