Access_Website/contact.php

<?php include('header.php');?>
  <!-- start page-title -->
  <section class="wpo-breadcumb-area">
    <div class="container">
      <div class="row">
        <div class="col col-xs-12">
          <div class="wpo-breadcumb-wrap">
            <h2>Access Education Network</h2>
            <h3>Contact Us</h3>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- end page-title --> 
  
  <!--start of contact-page -->
  <section class="wpo-contact-page section-padding">
    <div class="container">
      <div class="office-info">
        <div class="row">
          <div class="col col-lg-4 col-md-6 col-12">
            <div class="office-info-item">
              <div class="office-info-icon">
                <div class="icon"> <i class="fi flaticon-location-1"></i> </div>
              </div>
              <div class="office-info-text">
                <h2>address line</h2>
                <p>Putalisadak, Kathmandu</p>
              </div>
            </div>
          </div>
          <div class="col col-lg-4 col-md-6 col-12">
            <div class="office-info-item active">
              <div class="office-info-icon">
                <div class="icon"> <i class="fi flaticon-phone-call"></i> </div>
              </div>
              <div class="office-info-text">
                <h2>Phone Number</h2>
                <p>+977-1-5345815</p>
              </div>
            </div>
          </div>
          <div class="col col-lg-4 col-md-6 col-12">
            <div class="office-info-item">
              <div class="office-info-icon">
                <div class="icon"> <i class="fi flaticon-email"></i> </div>
              </div>
              <div class="office-info-text">
                <h2>Address</h2>
                <p>info@accessnepal.net</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!--end of contact-page --> 
  
  <!-- Form Section-->
  <section class="hero-section-s3">
    <div class="container">
      <div class="hero-wrap">
        <div class="row">
          <div class="col-lg-6 col-12">
            <div class="quote-form">
              <div class="title">
                <h3>Reach Out for Assistance</h3>
              </div>
              <form id="quoteForm">
                <div class="row">
                  <div class="item col-lg-6 col-12">
                    <label>Personal Information</label>
                    <input class="form-control" type="text" name="name" id="name" placeholder="Full Name">
                  </div>
                  <div class="item col-lg-6 col-12">
                    <label>Study Destination</label>
                    <select name="city" id="city" class="form-control">
                      <option value="">Select Country</option>
                      <option value="city1">Australia</option>
                      <option value="city2">USA</option>
                      <option value="city3">UK</option>
                      <option value="city4">Canada</option>
                      <option value="city5">New Zealand</option>
                    </select>
                  </div>
                  <div class="item col-lg-6 col-12">
                    <label>Email Address</label>
                    <input class="form-control" type="email" name="email" id="email" placeholder="Email">
                  </div>
                  <div class="item col-lg-6 col-12">
                    <label>Contact Number</label>
                    <input class="form-control" type="text" name="phone" id="phone" placeholder="Phone">
                  </div>
                  <div class="item col-lg-6 col-12">
                    <label>Office Location</label>
                    <select name="type" id="type" class="form-control">
                      <option value="">Select Location</option>
                      <option value="type1">Putalisadak Office</option>
                      <option value="type2">Baneshwor Office</option>
                      <option value="type3">Pokhara Office</option>
                      <option value="type4">Kumaripati Office</option>
                      <option value="type5">Chitwan Office</option>
                      <option value="type6">Butwal Office</option>
                      <option value="type7">Biratnagar Office</option>
                      <option value="type8">Access Canada Office</option>
                      <option value="type9">Access New Zealand Office</option>
                    </select>
                  </div>
                  <div class="item col-lg-6 col-12">
                    <label>Counseling Options</label>
                    <select name="incoter" id="incoter" class="form-control">
                      <option value="">Select Options</option>
                      <option value="incoter1">In-Person / Visit Office Location</option>
                      <option value="incoter2">Online / Distance Counselling</option>
                    </select>
                  </div>
                  <div class="item col-lg-12 col-12">
                    <label>Enquiry Details</label>
                    <textarea name="message" class="form-control field-message" placeholder="Enquiry Message"></textarea>
                  </div>
                  <div class="item col-12">
                    <input class="submit-btn" type="submit" value="Submit">
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="bg-image"> <img src="assets/images/slider/bg-img.jpg" alt=""> </div>
    <div class="icon"> <img src="assets/images/slider/shape-1.svg" alt=""> </div>
    <div class="left-img"> <img src="assets/images/slider/hero-img.jpg" alt=""> </div>
  </section>
  <!-- Form Section End--> 
  
  <!-- Location Section-->
  <section class="wpo-blog-section-s2 section-padding">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-lg-6 col-12">
          <div class="wpo-section-title">
            <h3>Our Office Locations</h3>
          </div>
        </div>
      </div>
      <div class="row location-gap">
        <div class="col-lg-4 col-md-6 col-12">
          <div class="blog-card">
            <div class="content">
              <div class="text">
                <h3>Head Office</h3>
                <i class="flaticon-phone-call"></i> <strong>Roger J. Spaulding</strong> </div>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="blog-card"> <img src="assets/images/blog/img-2.jpg" alt="">
            <div class="content">
              <div class="date">
                <h3>28</h3>
                <span>Sep</span> </div>
              <div class="text"> <span>Transport</span>
                <h2><a href="blog-single.html">Lead Analyst for Transportation Network and
                  Logistics</a></h2>
              </div>
              <ul class="comment">
                <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
                <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-12">
          <div class="blog-card"> <img src="assets/images/blog/img-3.jpg" alt="">
            <div class="content">
              <div class="date">
                <h3>30</h3>
                <span>Sep</span> </div>
              <div class="text"> <span>Transport</span>
                <h2><a href="blog-single.html">Efficient Transport Management Strategies for
                  Businesses</a></h2>
              </div>
              <ul class="comment">
                <li><i class="flaticon-profile"></i> <span>Roger J. Spaulding</span></li>
                <li><i class="flaticon-comments"></i> <span>Comments(5)</span></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- Location Section End-->
  
  <?php include('footer.php');?>