<style> .construction-signup-section { max-width: 900px; margin: 0 auto; padding: 40px 20px; background: #ffffff; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-family: "Helvetica Neue", Arial, sans-serif; color: #333; line-height: 1.6; } .construction-signup-section h2 { font-size: 32px; font-weight: 700; color: #1a1a1a; margin-bottom: 20px; text-align: center; } .construction-signup-section h3 { font-size: 22px; font-weight: 600; color: #444; margin-top: 30px; margin-bottom: 12px; } .construction-signup-section p { font-size: 16px; margin-bottom: 15px; } .construction-signup-section ul, .construction-signup-section ol { margin: 15px 0 20px 20px; padding-left: 20px; } .construction-signup-section ul li, .construction-signup-section ol li { margin-bottom: 10px; font-size: 15px; } .construction-signup-section strong { color: #111; } .construction-signup-section .highlight-msg { background: #eef9f0; border-left: 4px solid #27ae60; padding: 15px 20px; margin-top: 25px; font-size: 15px; border-radius: 8px; color: #333; } .construction-signup-section a { color: #f07c00; text-decoration: none; font-weight: 500; } .construction-signup-section a:hover { text-decoration: underline; } </style> <div class="construction-signup-section"> <h2>Elevate Your Projects with Authentic Moroccan Craftsmanship</h2> <p>At Canziz.com we understand the pivotal role that construction professionals play in shaping environments. Our platform offers construction companies, contractors, and builders direct access to a diverse range of high-quality, handcrafted Moroccan products, ensuring authenticity and excellence in every piece.</p> <h3>Why Collaborate with CanZiz?</h3> <ul> <li><strong>Authenticity Guaranteed:</strong> Source directly from skilled Moroccan artisans, ensuring genuine craftsmanship and quality.</li> <li><strong>Extensive Product Range:</strong> Access a wide variety of products, including zellij tiles, pottery, textiles, and furniture, suitable for various construction needs.</li> <li><strong>Competitive Wholesale Pricing:</strong> Benefit from attractive pricing structures designed to maximize your margins and support your business growth.</li> <li><strong>Flexible Order Quantities:</strong> Whether you're looking for small batches or large-scale orders, we accommodate your specific requirements.</li> <li><strong>Customizable Products:</strong> Work with artisans to create bespoke designs, motifs, and sizes tailored to your project's specifications.</li> </ul> <h3>Benefits for Construction Professionals</h3> <ul> <li><strong>Exclusive Discounts:</strong> Enjoy special pricing on bulk orders and repeat purchases.</li> <li><strong>Dedicated Account Management:</strong> Receive personalized support from our team to streamline your ordering process and address any inquiries.</li> <li><strong>Efficient Logistics:</strong> We handle packaging and shipping to ensure timely and safe delivery of your orders.</li> <li><strong>Marketing Support:</strong> Access high-quality images, product descriptions, and promotional materials to aid in your sales efforts.</li> </ul> <h3>How It Works</h3> <ol> <li><strong>Sign Up on Our Platform:</strong> Create your account to gain full access to our catalog and tools.</li> <li><strong>Browse Products:</strong> Explore our extensive range of handcrafted Moroccan products.</li> <li><strong>Request Quotes:</strong> Use our "Add to Quote" feature to request pricing and availability for your desired items.</li> <li><strong>Negotiate Terms:</strong> Engage in direct communication with artisans to discuss terms, customization options, and order details.</li> <li><strong>Place Orders:</strong> Finalize your order with our secure payment system.</li> <li><strong>Receive Deliveries:</strong> We handle packaging and shipping to ensure timely and safe delivery of your orders.</li> </ol> <h3>Partner with Us</h3> <p>Join a network of global construction professionals representing authentic Moroccan craftsmanship. Whether you're serving residential, commercial, or hospitality projects, Canziz.com provides the tools and support to elevate your offerings.</p> <p><strong>Contact Us:</strong> For more information or to start your partnership, reach out to our support team at <a href="mailto:construction-companies@canziz.com">construction-companies@canziz.com</a></p> </div>

<style> * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; } .page-wrapper-form-element { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem; } .form-container { background: white; padding: 3rem; border-radius: 16px; width: 100%; max-width: 600px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05), 0 5px 10px rgba(0, 0, 0, 0.02); position: relative; overflow: hidden; } .form-container::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, #e2a762, #e2a762); } .form-title { color: #1a1a1a; margin-bottom: 2.5rem; font-size: 2rem; font-weight: 600; text-align: center; position: relative; } .form-title::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 50px; height: 3px; background: #e2a762; border-radius: 2px; } .input-group { margin-bottom: 1.8rem; position: relative; } .input-label { display: block; margin-bottom: 0.6rem; color: #4a5568; font-size: 0.95rem; font-weight: 500; transition: color 0.3s ease; } .input-field { width: 100%; padding: 0.9rem; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 1rem; transition: all 0.3s ease; background: #f8fafc; } .input-field:focus { outline: none; border-color: #e2a762; background: white; box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1); } .input-field:hover { border-color: #cbd5e1; } .text-area { min-height: 120px; resize: vertical; } .submit-button { background: #222222; color: white; padding: 1rem 2rem; border: none; border-radius: 8px; font-size: 1rem; font-weight: 600; cursor: pointer; width: 100%; transition: all 0.3s ease; position: relative; overflow: hidden; } .submit-button:hover { background: #e2a762; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2); } .submit-button:active { transform: translateY(0); } .input-group:focus-within .input-label { color: #e2a762; } @media (max-width: 768px) { .form-container { padding: 2rem; margin: 1rem; } .form-title { font-size: 1.75rem; } } @media (max-width: 480px) { .page-wrapper-form-element { padding: 1rem; } .form-container { padding: 1.5rem; } .form-title { font-size: 1.5rem; } .submit-button { padding: 0.875rem 1.5rem; } } /* Add some visual flair */ .form-container { animation: fadeIn 0.5s ease-out; } @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } </style> <div class="page-wrapper-form-element"> <div class="form-container"> <h2 class="form-title">Contact Us</h2> <form action="/submit_form" method="POST"> <div class="input-group"> <label class="input-label" for="name">Name</label> <input class="input-field" type="text" id="name" name="name" required> </div> <div class="input-group"> <label class="input-label" for="company">Company</label> <input class="input-field" type="text" id="company" name="company" required> </div> <div class="input-group"> <label class="input-label" for="country">Country</label> <input class="input-field" type="text" id="country" name="country" required> </div> <div class="input-group"> <label class="input-label" for="city">City</label> <input class="input-field" type="text" id="city" name="city" required> </div> <div class="input-group"> <label class="input-label" for="business_id">Business ID</label> <input class="input-field" type="text" id="business_id" name="business_id" required> </div> <div class="input-group"> <label class="input-label" for="email">Email</label> <input class="input-field" type="email" id="email" name="email" required> </div> <div class="input-group"> <label class="input-label" for="phone">Phone</label> <input class="input-field" type="tel" id="phone" name="phone" required> </div> <div class="input-group"> <label class="input-label" for="message">Message</label> <textarea class="input-field text-area" id="message" name="message" required></textarea> </div> <button class="submit-button" type="submit">Submit</button> </form> </div> </div>

<style> .cms-for-construction-company-contractors-and-builders form#form-validate{ margin: 30px 20px; background: #fff; padding: 20px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } .info { background-color: unset !important; background-image: unset !important; } </style>

Create your Pro ACCOUNT with us

First Name

Last Name

Sign Up for Newsletter

Sign-in Information

Email

Password

Password Strength: No Password

Confirm Password

Create an Account

Back