'); background-size: cover; } .hero h2 { font-size: 3rem; margin-bottom: 20px; position: relative; } .hero p { font-size: 1.2rem; max-width: 700px; margin: 0 auto 30px; position: relative; } .cta-button { display: inline-block; background: var(--accent); color: white; padding: 12px 30px; border-radius: 30px; text-decoration: none; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; transition: all 0.3s ease; position: relative; } .cta-button:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.2); } /* About Section */ .section { padding: 80px 0; } .section-title { text-align: center; margin-bottom: 50px; position: relative; } .section-title h2 { font-size: 2.5rem; color: var(--primary); display: inline-block; margin-bottom: 15px; } .section-title h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 70px; height: 4px; background: var(--secondary); } .about-content { display: flex; align-items: center; gap: 40px; } .about-text { flex: 1; } .about-text h3 { font-size: 1.8rem; color: var(--primary); margin-bottom: 20px; } .features { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 30px; } .feature { display: flex; align-items: flex-start; } .feature-icon { background: var(--secondary); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; margin-right: 15px; flex-shrink: 0; } .about-image { flex: 1; background: linear-gradient(45deg, #3498db, #2c3e50); height: 400px; border-radius: 10px; display: flex; align-items: center; justify-content: center; color: white; font-size: 1.2rem; font-weight: bold; text-align: center; padding: 20px; } /* Products Section */ .products { background-color: var(--light); } .product-categories { display: flex; justify-content: center; flex-wrap: wrap; gap: 15px; margin-bottom: 40px; } .category-btn { background: white; border: 2px solid var(--secondary); color: var(--primary); padding: 8px 20px; border-radius: 30px; cursor: pointer; transition: all 0.3s ease; font-weight: 600; } .category-btn.active, .category-btn:hover { background: var(--secondary); color: white; } .product-grid { display: grid; grid-template-columns: repeat(auto-fit, 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 10px 25px rgba(0,0,0,0.1); } .product-image { height: 200px; background: linear-gradient(45deg, #3498db, #2c3e50); display: flex; align-items: center; justify-content: center; color: white; font-weight: bold; } .product-info { padding: 20px; } .product-info h3 { color: var(--primary); margin-bottom: 10px; } /* Capabilities Section */ .stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; margin-top: 40px; } .stat-card { background: white; padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); text-align: center; } .stat-number { font-size: 3rem; font-weight: bold; color: var(--secondary); margin-bottom: 10px; } /* Process Section */ .process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 30px; counter-reset: step; } .step { position: relative; padding: 30px 20px 20px 20px; background: white; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .step::before { counter-increment: step; content: counter(step); position: absolute; top: -20px; left: 20px; width: 40px; height: 40px; background: var(--secondary); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 1.2rem; } /* Contact Section */ .contact { background: linear-gradient(135deg, #2c3e50 0%, #1a252f 100%); color: white; } .contact-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; } .contact-info { display: flex; flex-direction: column; gap: 20px; } .contact-item { display: flex; align-items: flex-start; gap: 15px; } .contact-icon { background: var(--secondary); width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .contact-form { background: white; padding: 30px; border-radius: 10px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; color: var(--primary); font-weight: 600; } .form-group input, .form-group textarea { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 5px; font-size: 1rem; } .form-group textarea { min-height: 120px; resize: vertical; } .submit-btn { background: var(--accent); color: white; border: none; padding: 12px 30px; border-radius: 30px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; } .submit-btn:hover { background: #c0392b; } /* Footer */ footer { background: var(--dark); color: white; padding: 40px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 30px; } .footer-column h3 { position: relative; margin-bottom: 20px; padding-bottom: 10px; } .footer-column h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 2px; background: var(--secondary); } .footer-links { list-style: none; } .footer-links li { margin-bottom: 10px; } .footer-links a { color: #bbb; text-decoration: none; transition: color 0.3s ease; } .footer-links a:hover { color: var(--secondary); } .footer-bottom { text-align: center; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 0.9rem; color: #bbb; } /* Responsive Design */ @media (max-width: 992px) { .about-content { flex-direction: column; } .nav-container { flex-direction: column; } nav ul { margin-top: 20px; flex-wrap: wrap; justify-content: center; } } @media (max-width: 768px) { .hero h2 { font-size: 2.2rem; } .section-title h2 { font-size: 2rem; } .features { grid-template-columns: 1fr; } } @media (max-width: 576px) { .hero { padding: 60px 15px; } .hero h2 { font-size: 1.8rem; } .section { padding: 60px 0; } .section-title h2 { font-size: 1.7rem; } .top-bar-content { flex-direction: column; gap: 5px; text-align: center; } }
Manufacturer of custom stationery products with 18+ years experience. ISO certified factory specializing in OEM/ODM services for global brands.
Request a QuoteFounded in 2006, Xinben Stationery Co., Ltd. is a professional manufacturer specializing in high-quality notebooks, journals, diaries, and stationery products. Based in Yiwu, Zhejiang, China, we serve clients worldwide with innovative designs and exceptional craftsmanship.
Our 2,500m² factory is equipped with advanced machinery and staffed by a team of 50+ skilled professionals dedicated to producing stationery that exceeds expectations.
ISO 9001 certified with strict quality control at every production stage
Full customization services from design to production
Products exported to 50+ countries worldwide
FSC-certified papers and eco-friendly production processes
Available in A5, B5, A4 sizes with various paper options including blank, lined, dotted, and grid patterns.
Durable spiral binding with custom covers. Options include metal or plastic coil binding.
Handcrafted journals with premium leather covers and high-quality paper.
Customizable planners with daily, weekly, and monthly formats.
Premium writing pads with custom branding options.
Custom gift sets including notebooks, pens, and accessories.
Our team works with you to understand your requirements and create custom designs.
Choose from a wide range of premium papers, covers, and binding options.
We create physical samples for your approval before mass production.
Manufacturing with rigorous quality checks at every stage.
Custom packaging solutions and global logistics support.
Have questions about our products or services? Contact our team for more information.
No. 38, Industrial Zone, Yiwu City, Zhejiang Province, China
+86 579 8556 8888
Monday - Friday: 8:30 AM - 5:30 PM (GMT+8)