'); background-size: cover; background-position: center; color: white; padding: 5rem 0; text-align: center; } .hero h1 { font-size: 3rem; margin-bottom: 1rem; text-shadow: 0 2px 4px rgba(0,0,0,0.2); } .hero p { font-size: 1.3rem; max-width: 800px; margin: 0 auto 2rem; opacity: 0.95; } .cta-button { display: inline-block; background: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: 600; transition: all 0.3s; box-shadow: 0 4px 15px rgba(231, 76, 60, 0.3); } .cta-button:hover { background: #c0392b; transform: translateY(-3px); box-shadow: 0 7px 20px rgba(231, 76, 60, 0.4); } /* Features Section */ .features { padding: 4rem 0; background: white; } .section-title { text-align: center; font-size: 2.2rem; margin-bottom: 3rem; color: var(--primary); position: relative; } .section-title:after { content: ''; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--accent); border-radius: 2px; } .features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 2rem; } .feature-card { background: var(--light); border-radius: 10px; padding: 2rem; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; } .feature-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .feature-icon { font-size: 3rem; color: var(--primary); margin-bottom: 1rem; } .feature-title { font-size: 1.4rem; margin-bottom: 1rem; color: var(--dark); } /* Product Categories */ .products { padding: 4rem 0; background: #f0f5ff; } .categories { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; } .category-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s; } .category-card:hover { transform: translateY(-10px); } .category-image { height: 200px; background: linear-gradient(45deg, var(--primary), var(--secondary)); display: flex; align-items: center; justify-content: center; color: white; font-size: 4rem; } .category-content { padding: 1.5rem; } .category-title { font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--primary); } .category-products { list-style: none; margin-top: 1rem; } .category-products li { padding: 0.3rem 0; border-bottom: 1px dashed #eee; } .category-products li:last-child { border-bottom: none; } /* Company Info */ .company-info { padding: 4rem 0; background: white; } .company-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; } .company-card { background: var(--light); border-radius: 10px; padding: 2rem; } .info-title { font-size: 1.4rem; color: var(--primary); margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid var(--secondary); display: inline-block; } .info-list { list-style: none; } .info-list li { padding: 0.7rem 0; border-bottom: 1px solid #eee; } .info-list li:last-child { border-bottom: none; } .highlight { font-weight: 600; color: var(--accent); } /* Team Section */ .team { padding: 4rem 0; background: #f0f5ff; } .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 2rem; } .team-member { text-align: center; background: white; padding: 2rem 1.5rem; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .member-icon { width: 100px; height: 100px; background: linear-gradient(45deg, var(--primary), var(--secondary)); border-radius: 50%; margin: 0 auto 1rem; display: flex; align-items: center; justify-content: center; color: white; font-size: 2.5rem; } .member-name { font-size: 1.2rem; margin-bottom: 0.5rem; color: var(--dark); } .member-role { color: var(--primary); font-weight: 500; } /* Payment Methods */ .payment { padding: 4rem 0; background: white; text-align: center; } .payment-methods { display: flex; justify-content: center; flex-wrap: wrap; gap: 2rem; margin-top: 2rem; } .payment-method { width: 120px; height: 80px; background: var(--light); border-radius: 10px; display: flex; align-items: center; justify-content: center; font-weight: 700; color: var(--primary); box-shadow: 0 3px 10px rgba(0,0,0,0.08); } /* Footer */ footer { background: var(--dark); color: white; padding: 4rem 0 2rem; } .footer-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 2rem; margin-bottom: 3rem; } .footer-col h3 { font-size: 1.3rem; margin-bottom: 1.5rem; position: relative; padding-bottom: 0.5rem; } .footer-col h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 0.7rem; } .footer-links a { color: #ccc; text-decoration: none; transition: color 0.3s; } .footer-links a:hover { color: white; } .copyright { text-align: center; padding-top: 2rem; border-top: 1px solid rgba(255,255,255,0.1); color: #aaa; font-size: 0.9rem; } /* Responsive */ @media (max-width: 768px) { .header-container { flex-direction: column; text-align: center; } .logo-container { margin-bottom: 1rem; } nav ul { margin-top: 1rem; } .hero h1 { font-size: 2.2rem; } .hero p { font-size: 1.1rem; } }
Leading wholesale supplier of hair accessories, fashion jewelry, and special occasion ornaments with low MOQ, custom designs, and global shipping from China
Explore Our ProductsSpecializing in small batch production with MOQ as low as 10 pieces per design
Average response time ≤9 hours with efficient order processing and shipping
Flexible return options for quality assurance and customer satisfaction
From concept to production, we bring your unique accessory ideas to life
Velvet, satin, and novelty designs for everyday and special occasions
Elegant and playful designs for women and children
From everyday wear to bridal and special occasions
Creative embellishments for customization
At Shenglan Ornaments, we specialize in providing:
We accept multiple secure payment options for global transactions