'); background-size: cover; background-position: center; height: 100vh; display: flex; align-items: center; color: white; text-align: center; } .hero-content { max-width: 800px; margin: 0 auto; } .hero h1 { font-size: 3.5rem; margin-bottom: 20px; line-height: 1.2; } .hero p { font-size: 1.3rem; margin-bottom: 30px; opacity: 0.9; } .hero-stats { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px; } .stat-item { margin: 0 20px; padding: 20px; background: rgba(255,255,255,0.1); border-radius: 8px; min-width: 180px; } .stat-item .number { font-size: 2.5rem; font-weight: 700; margin-bottom: 5px; color: var(--accent); } /* About Section */ .about-content { display: flex; align-items: center; gap: 50px; } .about-text { flex: 1; } .about-image { flex: 1; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #e0e7ff; height: 400px; display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: bold; } .advantages-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 50px; } .advantage-card { background: var(--light); padding: 30px; border-radius: 8px; text-align: center; transition: transform 0.3s ease; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .advantage-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .advantage-card h3 { margin: 20px 0 15px; color: var(--primary); } .icon { font-size: 2.5rem; color: var(--accent); } /* Products Section */ .products { background-color: #f8f9fa; } .category-tabs { display: flex; justify-content: center; margin-bottom: 40px; flex-wrap: wrap; } .tab-btn { padding: 12px 25px; margin: 0 10px 10px; background: white; border: 1px solid #e0e0e0; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .tab-btn.active, .tab-btn:hover { background: var(--primary); color: white; border-color: var(--primary); } .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; } .product-card { background: white; border-radius: 10px; overflow: hidden; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: transform 0.3s ease; } .product-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); } .product-image { height: 200px; background: #e0e7ff; display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: bold; } .product-info { padding: 20px; } .product-info h3 { margin-bottom: 10px; color: var(--dark); } .product-meta { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 15px; border-top: 1px solid #eee; } .price { font-weight: 700; color: var(--accent); } .moq { color: var(--text); font-size: 0.9rem; } /* Quality Section */ .quality-content { display: flex; gap: 50px; align-items: center; } .quality-text { flex: 1; } .certifications { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 30px; } .cert-badge { background: white; border-radius: 8px; padding: 15px 25px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.05); font-weight: 600; color: var(--primary); } .quality-image { flex: 1; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.1); background: #e0e7ff; height: 300px; display: flex; align-items: center; justify-content: center; color: var(--primary); font-weight: bold; } /* Contact Section */ .contact { background: linear-gradient(to right, #4a69bd, #6a89cc); color: white; } .contact .section-title h2 { color: white; } .contact-container { display: flex; gap: 50px; } .contact-info { flex: 1; } .contact-form { flex: 1; } .info-item { display: flex; align-items: flex-start; margin-bottom: 25px; } .info-icon { font-size: 1.5rem; margin-right: 15px; color: var(--accent); } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-control { width: 100%; padding: 12px 15px; border-radius: 4px; border: none; background: rgba(255,255,255,0.9); } textarea.form-control { height: 150px; resize: vertical; } /* Footer */ footer { background: var(--dark); color: rgba(255,255,255,0.8); padding: 60px 0 20px; } .footer-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-bottom: 40px; } .footer-col h3 { color: white; margin-bottom: 25px; position: relative; padding-bottom: 10px; } .footer-col h3:after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--accent); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: rgba(255,255,255,0.8); text-decoration: none; transition: color 0.3s ease; } .footer-links a:hover { color: var(--accent); padding-left: 5px; } .copyright { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); } /* Responsive Design */ @media (max-width: 992px) { .about-content, .quality-content, .contact-container { flex-direction: column; } .hero h1 { font-size: 2.8rem; } } @media (max-width: 768px) { .mobile-toggle { display: block; } nav { position: absolute; top: 100%; left: 0; width: 100%; background: white; padding: 0; clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); transition: all 0.4s ease; } nav.active { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } nav ul { flex-direction: column; padding: 20px 0; } nav ul li { margin: 0; text-align: center; } nav ul li a { display: block; padding: 15px; } .section-title h2 { font-size: 2rem; } .hero h1 { font-size: 2.2rem; } .hero p { font-size: 1.1rem; } .stat-item { margin: 10px; min-width: 140px; padding: 15px; } .stat-item .number { font-size: 2rem; } }
Xiamen Flora Ribbons And Bows Co., Ltd. has been a trusted manufacturer and supplier of high-quality decorative ribbons and accessories since 2014
Explore ProductsYour trusted partner for premium ribbons and accessories
Established in 2014, Xiamen Flora Ribbons And Bows Co., Ltd. has grown to become a leading supplier in the ribbon and bow industry. With over 12 years of experience, we've completed 219 transactions totaling over $150,000 USD.
Our core expertise includes:
We pride ourselves on our 82.61% response rate and ≤6 hour response time, ensuring our clients receive timely support and solutions.
Our competitive advantages
Fine texture, exquisite appearance with excellent weaving and dyeing techniques
High-grade packaging with clean spools free of wrinkles
OEKO-TEX Standard 100 and REACH compliant dyes
200-600 million yards in stock, 196 colors, 67 widths
Efficient systems ensure quick order fulfillment
Ribbons, printed ribbons, elastic bands, bows, and hair accessories
High-quality ribbons and accessories for all your needs
Premium velvet ribbon with sequin accents for hair accessories and crafts
1-inch (25mm) festive ribbon for bow making and holiday decorations
75mm shimmer ribbon perfect for headbands and custom sewing projects
3-inch (75mm) ribbed ribbon available in 196 colors for all applications
Cartoon & theme patterns for DIY crafts, keychains, and decorations
Metallic finish ribbon that enhances gift wrapping and decorations
Our commitment to excellence
We implement strict quality control measures throughout our production process:
Get in touch for quotes and inquiries
Xiamen, Fujian Province, China
24/7 Online Support
Jasmine - Your dedicated contact for all inquiries
Please use the contact form for fastest response