Orient_Website/home/register.php

<!-- Contact Start -->
<div class="container-fluid contact overflow-hidden py-5">
  <div class="container py-5">
    <div class="row g-5 mb-5">
      <div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.1s">
        <div class="bg-light rounded">
          <!-- <img src="img/about-2.png" class="img-fluid w-100" style="margin-bottom: -7px;" alt="Image"> -->
          <img src="img/reg-form.jpg" class=" "
            style="width: 650px; height: 800px; object-fit: cover; object-position: 100% 0;" alt="Image">

        </div>

      </div>
      <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3">
        <div class="sub-style">
          <h5 class="sub-title  pe-3">Quick Enquiry</h5>
        </div>
        <h1 class="display-5 mb-4">Begin your application process with Orient International.</h1>
        <form>
          <div class="row g-4">
            <div class="col-lg-12 col-xl-6">
              <div class="form-floating">
                <input type="text" class="form-control" id="name" placeholder="Your Name">
                <label for="name">Your Name</label>
              </div>
            </div>
            <div class="col-lg-12 col-xl-6">
              <div class="form-floating">
                <input type="email" class="form-control" id="email" placeholder="Your Email">
                <label for="email">Your Email</label>
              </div>
            </div>
            <div class="col-lg-12 col-xl-6">
              <div class="form-floating">
                <input type="phone" class="form-control" id="phone" placeholder="Phone">
                <label for="phone">Your Phone</label>
              </div>
            </div>
            <div class="col-lg-12 col-xl-6">
              <div class="form-floating">
                <input type="text" class="form-control" id="project" placeholder="Destination">
                <label for="Destination">Study Destination</label>
              </div>
            </div>
            <div class="col-12">
              <div class="form-floating">
                <input type="text" class="form-control" id="subject" placeholder="Subject">
                <label for="subject">Subject</label>
              </div>
            </div>
            <div class="col-12">
              <div class="form-floating">
                <textarea class="form-control" placeholder="Leave a message here" id="message"
                  style="height: 160px"></textarea>
                <label for="message">Enter your Enquiry in Detail(Optional)</label>
              </div>
            </div>
            <div class="col-12">
              <div class="g-recaptcha mb-3" data-sitekey="6LcYxAETAAAAACHBoSfbKWFI5G5o24X3wU-3WA06">
                <div style="width: 304px; height: 78px;">
                  <div><iframe title="reCAPTCHA" width="304" height="78" role="presentation" name="a-6uj92ut1c260"
                      frameborder="0" scrolling="no"
                      sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox allow-storage-access-by-user-activation"
                      src="https://www.google.com/recaptcha/api2/anchor?ar=1&amp;k=6LcYxAETAAAAACHBoSfbKWFI5G5o24X3wU-3WA06&amp;co=aHR0cHM6Ly9hY2Nlc3NuZXBhbC5uZXQ6NDQz&amp;hl=en&amp;v=9pvHvq7kSOTqqZusUzJ6ewaF&amp;size=normal&amp;cb=3vx1ipul9wvl"></iframe>
                  </div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
                    style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
                </div><iframe style="display: none;"></iframe>
              </div>
              <a href="#"><button class="btn btn-primary w-100 py-3 ">Apply Now</button></a>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
<!-- Contact End -->