Orient_Website/contact.php

<?php include ('header.php'); ?>

<div class="container-fluid bg-breadcrumb">
  <div class="container text-center py-5" style="max-width: 900px;">
    <h3 class="text-white display-3 mb-4 wow fadeInDown" data-wow-delay="0.1s">Contact Us</h1>
      <ol class="breadcrumb justify-content-center text-white mb-0 wow fadeInDown" data-wow-delay="0.3s">
        <li class="breadcrumb-item"><a href="index.php" class="text-white">Home</a></li>
        <li class="breadcrumb-item"><a href="#" class="text-white">Contact</a></li>
      </ol>
  </div>
</div>


<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="sub-style">
          <h5 class="sub-title pe-3">Contact</h5>
        </div>
        <h1 class="display-5 mb-4">Have Questions? Don't Hesitate to Contact Us</h1>
        <div class="d-flex border-bottom mb-4 pb-4">
          <i class="fas fa-map-marked-alt fa-3x " style="color:#f1592a;"></i>
          <div class="ps-3">
            <h5 class="mb-3">Location</h5>
            <a href="#" class="fs-5 text-primary">Kathmandu, Nepal</a>
          </div>

        </div>
        <div class="row g-3">
          <div class="col-xl-6">
            <div class="d-flex">
              <i class="fas fa-tty fa-3x" style="color: #f1592a;"></i>
              <div class="ps-3">
                <h5 class="mb-3">Contact</h5>
                <div class="mb-3">
                  <h6 class="mb-0">Phone:</h6>
                  <a href="tel: 01-4238541" class="fs-5 text-primary">01-4238541</a>
                </div>
                <div class="mb-3">
                  <h6 class="mb-0">Email:</h6>
                  <a href="mailto: info@orientabroad.com" class="fs-5 text-primary">info@orientabroad.com</a>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
      <div class="col-lg-6 wow fadeInRight" data-wow-delay="0.3">
        <div class="sub-style">
          <h5 class="sub-title  pe-3">Message Us</h5>
        </div>
        <h1 class="display-5 mb-4">Send Your Message</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="Address">
                <label for="address">Your Address</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">Message</label>
              </div>
            </div>
            <div class="col-12">
              <button class="btn btn-primary w-100 py-3">Send Message</button>
            </div>
          </div>
        </form>
      </div>
    </div>
    <div class="office pt-5">
      <div class="row g-4 justify-content-center">

        <div class="col-12 pt-5 wow zoomIn" data-wow-delay="0.1s">
          <div class="rounded h-100">
          <iframe class="rounded w-100" style="height: 500px;" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.8720945893288!2d85.33298677611329!3d27.690347826239755!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19860a58dced%3A0x9a2314f109088c48!2sNew%20Baneshwor%20Plaza!5e0!3m2!1sen!2snp!4v1720153851635!5m2!1sen!2snp" 
            loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<?php include ('footer.php'); ?>