<div class="post-comment-form wow fadeInUp pt-3" data-wow-delay=".2s">
    <form id="Heku_Form" class="needs-validation" novalidate >
        <div style="display:none;">
            <input type="hidden" name="_captcha" id="_captcha_contact" class="_captcha" value="false">
            <input type="hidden" name="action" id="action" class="action" value="from_inset">
        </div>
        <div class="form-row row ">
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-3 wow slideInUp post-input" data-wow-delay="0.2s">
                <textarea id="from_message" name="from_message" class="form-control" cols="40" rows="5" aria-invalid="false" placeholder="Your Message ..." value="This is my default message! "></textarea>
                <div class="invalid-feedback">Please enter the message information.</div>
            </div>
            <div class="col-sm-12 col-md-6  col-lg-6  col-xl-6  pr-2 pb-3 wow slideInUp post-input" data-wow-delay="0.2s">
                <input id="from_name" name="from_name" type="text" class="form-control" placeholder="Name" required>
                <span class="icon iconfont icon-user" style="position:absolute;right:20px;font-size:20px;opacity:.4;top:8px;"></span>
                <div class="invalid-feedback">Please enter your name.</div>
            </div>
            <div class="col-sm-12 col-md-6  col-lg-6  col-xl-6  pl-2 pb-3 wow slideInUp post-input" data-wow-delay="0.3s">
                <input id="from_email" name="from_email" type="text" class="form-control" placeholder="Email" required>
                <span class="icon iconfont icon-youxiang" style="position:absolute;right:20px;font-size:20px;opacity:.4;top:8px;"></span>
                <div class="invalid-feedback">Please enter a valid email address.</div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-3 wow slideInUp post-input" data-wow-delay="0.3s">
                <input type="text" class="form-control" id="from_contact"  name="from_contact" placeholder="Contact" required>
                <span class="icon iconfont icon-dianhua" style="position:absolute;right:20px;font-size:20px;opacity:.4;top:8px;"></span>
                <div class="invalid-feedback">Please enter a valid contact information.</div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-12 col-xl-12 pb-3 wow slideInUp post-input" data-wow-delay="0.3s">
                <input type="text" class="form-control" id="from_company"  name="from_company" placeholder="Company" required>
                <span class="icon iconfont icon-company-fill" style="position:absolute;right:20px;font-size:20px;opacity:.4;top:8px;"></span>
                <div class="invalid-feedback">Please enter a valid contact information.</div>
            </div>
            <div class="col-xl-5 col-md-6 col-sm-7 pb-3 wow slideInUp" data-wow-delay="0.3s">
                <input type="text" id="from_code"  name="from_code" class="input-val form-control" placeholder="Code" required>
                <div class="invalid-feedback">Verification code error.</div>
            </div>
            <div class="col-xl-7 col-md-6 col-sm-5 pb-4 wow slideInUp" data-wow-delay="0.3s">
                <canvas id="canvas" width="110px" height="36px"></canvas><a class="canvasreset" disabled="" href="javascript:void(0);"><span class="d-none d-sm-none d-md-inline-block">change?</span></a>
            </div>
            <div class="alert alert-success send_email_success" style="display: none;"  data-delay="10000"  role="alert">
                <strong>The data was sent successfully.</strong>  Thank you for your feedback.
            </div>
            <div class="col-xl-12 col-md-12 col-sm-12 wow slideInUp" data-wow-delay="0.3s">
                <button type="submit" class="heku-btn heku-btn-focus tag_view"  data-tagvale='5'>Send Message</button>
            </div>
        </div>
    </form>
</div>