Nx

Filename: modal.php

<div class="modal" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel" style="font-size: 16px;font-weight:700">Request Talent</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 14px;">
                  <span aria-hidden="true" style="font-size:26px;">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="contact-area">
                    <div class="row inner-blog-boxs">
                        <div class="col-md-12 col-sm-12">
                            <form id="request-form" class="contact-mailform text-left" method="post">
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Name</label>
                                    <input class="form-input form-control" id="name" type="text" name="name" placeholder="Your Name">
                                    <span style="font-size: 13px;" class="text-danger" id="error_name"></span>
                                </div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Name of the Organization</label>
                                    <input class="form-input form-control" id="organization_name" type="text" name="organization_name" placeholder="Your Organization Name">
                                    <span style="font-size: 13px;" class="text-danger" id="error_organization"></span>
                                </div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Name of SPOC</label>
                                    <input class="form-input form-control" id="spoc_name" type="text" name="spoc_name" placeholder="Your SPOC Name">
                                    <span style="font-size: 13px;" class="text-danger" id="error_spoc"></span>

</div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Phone</label>
                                    <input class="form-input form-control" id="phone" type="number" name="phone" min="1" placeholder="Your Phone">
                                    <span style="font-size: 13px;" class="text-danger" id="error_phone"></span>

</div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Email Id</label>
                                    <input class="form-input form-control" id="email" type="text" name="email" placeholder="Your Email Id">
                                    <span style="font-size: 13px;" class="text-danger" id="error_email"></span>

</div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Comments</label>
                                    <textarea id="comments" name="comments" class="form-input form-control" placeholder="Write something.."></textarea>
                                    <span style="font-size: 13px;" class="text-danger" id="error_email"></span>
                                </div>
                                
                                <!-- <div class="form-wrap input_area">
                                    <input type="text" name="captcha_text" id="captcha_text" class="form-input form-control" placeholder="Enter Above Text">
                                    <span style="font-size: 13px;" class="text-danger" id="error_captcha"></span>

</div> -->
                                <div class="g-recaptcha" data-sitekey="6LfK_jQiAAAAABmFsmhLbulOLbBoJb8cMOeDENSq"></div>
                                <div class="form-button group-sm text-center">
                                    <button type="button" class="btn btn-submit" name="submit" id="submit" onclick="request_upload();">Submit</button>
                                </div>
                                <div>
                                    <h4 id="success_msg" class="text-success"></h4>
                                </div>
                                <div>
                                    <h4 id="error_msg" class="text-danger"></h4> 
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal" id="brochure_modal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel" style="font-size: 16px;font-weight:700">Download E-brochure</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="font-size: 14px;">
                  <span aria-hidden="true" style="font-size:26px;">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <div class="contact-area">
                    <div class="row inner-blog-boxs">
                        <div class="col-md-12 col-sm-12">
                            <form id="brochure-form" class="contact-mailform text-left" method="post">
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Name</label>
                                    <input class="form-input form-control" id="brou_name" type="text" name="brou_name" placeholder="Your Name">
                                    <span style="font-size: 13px;" class="text-danger" id="error_brou_name"></span>
                                </div>
                                
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Contact No</label>
                                    <input class="form-input form-control" id="brou_contact" type="number" name="brou_contact" min="1" placeholder="Your Contact No">
                                    <span style="font-size: 13px;" class="text-danger" id="error_brou_contact"></span>
                                </div>
                                <div class="form-wrap input_area">
                                    <label style="font-size: 15px;">Email Id</label>
                                    <input class="form-input form-control" id="brou_email" type="email" name="brou_email" placeholder="Your Email Id">
                                    <span style="font-size: 13px;" class="text-danger" id="error_brou_email"></span>
                                </div>
                               
                                <div class="g-recaptcha" data-sitekey="6LfK_jQiAAAAABmFsmhLbulOLbBoJb8cMOeDENSq"></div>
                                
                                <div class="form-button group-sm text-center">
                                    <button type="button" class="btn btn-submit" name="brochure" id="brochure" onclick="download_brochure();">Download Brochure</button>
                                </div>
                                <div>
                                    <h4 id="brou_error_msg" class="text-danger"></h4> 
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>