Contact Form Popup - Copy this Html, Bootstrap Component to your project

Want to create a pop up contact form react component which will open on click of a button and should have: Full Name School Name Designation Contact No. Email ID Description Captcha Submit Button And it should follow same design as the other contact form so you can use the same css classes wherever possible. Sample code: <div class="section_space pb 0"> <div class="row justify content lg between"> <div class="col lg 7"> <div class="contact_form mb 0"> <h3 class="details_item_info_title mb 1">Send Us A Message</h3> <p class="mb 5"> Give us chance to serve and bring magic to your brand. </p> <div class="row"> <div class="col md 6"> <div class="form group"> <label class="input_title" for="input_name">Full Name </label> <input id="input_name" class="form control" type="text" name="name" placeholder="Goladra Gomaz" required> </div> </div> <div class="col md 6"> <div class="form group"> <label class="input_title" for="input_email">Your Email </label> <input id="input_email" class="form control" type="email" name="email" placeholder="Techco@example.com" required> </div> </div> <div class="col 12"> <div class="form group"> <label class="input_title" for="input_phone">Your Phone</label> <input id="input_phone" class="form control" type="tel" name="phone" placeholder="+8250 3560 6565"> </div> </div> <div class="col 12"> <div class="form group"> <label class="input_title" for="input_textarea">Message</label> <textarea id="input_textarea" class="form control" name="message" placeholder="How can we help you?"></textarea> </div> <button type="submit" class="btn btn primary"> <span class="btn_label" data text="Send Message">Send Message</span> <span class="btn_icon"> <i class="fa solid fa arrow up right"></i> </span> </button> </div> </div> </div> </div>