templates/includes/contactUs_Form_C2.html.twig line 1

Open in your IDE?
  1. <script type="text/javascript">
        /** This section is only needed once per page if manually copying **/
    if (typeof MauticSDKLoaded == 'undefined') {
    var MauticSDKLoaded = true;
    var head = document.getElementsByTagName('head')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://c2.centric.ae/media/js/mautic-form.js?v44056f1a';
    script.onload = function () {
    MauticSDK.onLoad();
    };
    head.appendChild(script);
    var MauticDomain = 'https://c2.centric.ae';
    var MauticLang = {
    'submittingMessage': "Please wait..."
    }
    } else if (typeof MauticSDK != 'undefined') {
    MauticSDK.onLoad();
    }
    </script>
    <script type="text/javascript">
        function verifyCallback_cac62a14858799cf2db70b49eecdea39(response) {
            document.getElementById("mauticform_input_centricusacontactusform_recaptcha").value = response;
        }
        function onLoadcac62a14858799cf2db70b49eecdea39() {
            grecaptcha.execute('6Lc2AnMjAAAAANbeGsZj8zOwMPRDizJy-LgIXxLk', {action: 'form'}).then(function (token) {
            verifyCallback_cac62a14858799cf2db70b49eecdea39(token);
            });
        }
    </script>
    <script src="https://www.google.com/recaptcha/api.js"></script>
    
    <style type="text/css" scoped>
    {#     
            .mauticform_wrapper {
                max-width: 600px;
                margin: 10px auto;
            }
            .mauticform-innerform {}
            .mauticform-post-success {}
            .mauticform-name {
                font-weight: bold;
                font-size: 1.5em;
                margin-bottom: 3px;
            }
            .mauticform-description {
                margin-top: 2px;
                margin-bottom: 10px;
            }
            .mauticform-error {
                margin-bottom: 10px;
                color: red;
            }
            .mauticform-message {
                margin-bottom: 10px;
                color: green;
            }
            .mauticform-row {
                display: block;
                margin-bottom: 20px;
            }
            .mauticform-label {
                font-size: 1.1em;
                display: block;
                font-weight: bold;
                margin-bottom: 5px;
            }
            .mauticform-row.mauticform-required .mauticform-label:after {
                color: #e32;
                content: " *";
                display: inline;
            }
            .mauticform-helpmessage {
                display: block;
                font-size: 0.9em;
                margin-bottom: 3px;
            }  #}
        
        .mauticform-errormsg {
            display: block;
            color: red;
            margin-top: 2px;
        }
         {# .mauticform-selectbox,
            .mauticform-input,
            .mauticform-textarea {
                width: 100%;
                padding: 0.5em;
                border: 1px solid #CCC;
                background: #fff;
                box-shadow: 0 0 0 #fff inset;
                border-radius: 4px;
                box-sizing: border-box;
            }
            .mauticform-checkboxgrp-row {}
            .mauticform-checkboxgrp-label {
                font-weight: normal;
            }
            .mauticform-checkboxgrp-checkbox {}
            .mauticform-radiogrp-row {}
            .mauticform-radiogrp-label {
                font-weight: normal;
            }
            .mauticform-radiogrp-radio {}
            .mauticform-button-wrapper .mauticform-button.btn-default,
            .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default {
                color: #5d6c7c;
                background-color: #ffffff;
                border-color: #dddddd;
            }
            .mauticform-button-wrapper .mauticform-button,
            .mauticform-pagebreak-wrapper .mauticform-pagebreak {
                display: inline-block;
                margin-bottom: 0;
                font-weight: 600;
                text-align: center;
                vertical-align: middle;
                cursor: pointer;
                background-image: none;
                border: 1px solid transparent;
                white-space: nowrap;
                padding: 6px 12px;
                font-size: 13px;
                line-height: 1.3856;
                border-radius: 3px;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }
            .mauticform-button-wrapper .mauticform-button.btn-default[disabled],
            .mauticform-pagebreak-wrapper .mauticform-pagebreak.btn-default[disabled] {
                background-color: #ffffff;
                border-color: #dddddd;
                opacity: 0.75;
                cursor: not-allowed;
            }
            .mauticform-pagebreak-wrapper .mauticform-button-wrapper {
                display: inline;
            }  #}
        
    </style>
    <style type="text/css" scoped>
        .mauticform-field-hidden {
            display: none
        }
    </style>
    <div id="mauticform_wrapper_centricusacontactusform" class="mauticform_wrapper section contactus-form">
        <div class="container">
            <div class="row">
                <div class="col-xxl-12">
                    <form autocomplete="false" role="form" method="post" action="https://c2.centric.ae/form/submit?formId=9" id="mauticform_centricusacontactusform" data-mautic-form="centricusacontactusform" enctype="multipart/form-data">
    
                        <div class="mauticform-innerform">
    
                            <div class="mauticform-page-wrapper mauticform-page-1 row" data-mautic-form-page="1">
                                <div id="mauticform_centricusacontactusform_f_name" data-validate="f_name" data-validation-type="text" class="col-xxl-12 mauticform-row mauticform-text mauticform-field-1 mauticform-required">
                                    <input id="mauticform_input_centricusacontactusform_f_name" name="mauticform[f_name]" value="" placeholder="Enter Your Name" class="mauticform-input" type="text">
                                    <span class="mauticform-errormsg" style="display: none;">Please enter your email</span>
                                </div>
                                <div id="mauticform_centricusacontactusform_email" data-validate="email" data-validation-type="email" class="col-xxl-12 mauticform-row mauticform-email mauticform-field-2 mauticform-required">
                                    <input id="mauticform_input_centricusacontactusform_email" name="mauticform[email]" value="" placeholder="Enter Your Email" class="mauticform-input" type="email">
                                    <span class="mauticform-errormsg" style="display: none;">Please enter a valid email</span>
                                </div>
                                <div id="mauticform_centricusacontactusform_company" data-validate="company" data-validation-type="text" class="col-xxl-12 mauticform-row mauticform-text mauticform-field-3 mauticform-required">
                                    <input id="mauticform_input_centricusacontactusform_company" name="mauticform[company]" value="" placeholder="Enter Your Company" class="mauticform-input" type="text">
                                    <span class="mauticform-errormsg" style="display: none;">Please enter your company name</span>
                                </div>
                                <div id="mauticform_centricusacontactusform_i_am_potential1" data-validate="i_am_potential1" data-validation-type="select" class="col-xxl-12 mauticform-row mauticform-select mauticform-field-4 mauticform-required">
                                    <select id="mauticform_input_centricusacontactusform_i_am_potential1" name="mauticform[i_am_potential1]" value="I am Potential ..." class="mauticform-selectbox" placeholder="I am Potential ...">
                                        <option value="Customer">Customer</option>
                                        <option value="Job Seeker">Job Seeker</option>
                                        <option value="supplier">supplier</option>
                                    </select>
                                    <span class="mauticform-errormsg" style="display: none;">Please enter your potential</span>
                                </div>
                                <div id="mauticform_centricusacontactusform_description1" data-validate="description1" data-validation-type="textarea" class="col-xxl-12 mauticform-row mauticform-text mauticform-field-5 mauticform-required">
                                    <textarea id="mauticform_input_centricusacontactusform_description1" name="mauticform[description1]" placeholder="Briefly Describe your Project..." class="mauticform-textarea"></textarea>
                                    <span class="mauticform-errormsg" style="display: none;">Please describe your project</span>
                                </div>
                                <div id="mauticform_centricusacontactusform_phone" data-validate="phone" data-validation-type="tel" class="col-xxl-12 mauticform-row mauticform-tel mauticform-field-6 mauticform-required">
                                    <input id="mauticform_input_centricusacontactusform_phone" name="mauticform[phone]" value="" placeholder="Enter your Contact Number" class="mauticform-input" type="number">
                                    <span class="mauticform-errormsg" style="display: none;">Please enter your contact number</span>
                                </div>
    
                                <div id="mauticform_centricusacontactusform_recaptcha" class="col-xxl-12 mauticform-row mauticform-div-wrapper mauticform-field-7">
                                    <div class="g-recaptcha" data-sitekey="6Lc2AnMjAAAAANbeGsZj8zOwMPRDizJy-LgIXxLk" data-callback="verifyCallback_cac62a14858799cf2db70b49eecdea39"></div>
                                    <input id="mauticform_input_centricusacontactusform_recaptcha" name="mauticform[recaptcha]" value="" class="mauticform-input" type="hidden">
                                    <span class="mauticform-errormsg" style="display: none;"></span>
                                </div>
                                <div id="mauticform_centricusacontactusform_submit" class="col-xxl-12 btn-align mauticform-row mauticform-button-wrapper mauticform-field-8">
                                    <button type="submit" name="mauticform[submit]" id="mauticform_input_centricusacontactusform_submit" value="" class="mauticform-button">Send<i class="fas fa-arrow-right"></i></button>
                                </div>
                            </div>
                        </div>
                        <div class="mauticform-error" id="mauticform_centricusacontactusform_error"></div>
                        <div class="mauticform-message" id="mauticform_centricusacontactusform_message"></div>
                        <input type="hidden" name="mauticform[formId]" id="mauticform_centricusacontactusform_id" value="9">
                        <input type="hidden" name="mauticform[return]" id="mauticform_centricusacontactusform_return" value="">
                        <input type="hidden" name="mauticform[formName]" id="mauticform_centricusacontactusform_name" value="centricusacontactusform">
                    </form>
                </div>
            </div>
        </div>
    </div>