Access_New/contact.php

<?php include('header.php');?>
<!--Page Hero Section--> 
<!--
<section class="p-0 top-space-margin position-relative overflow-hidden">
  <div class="container-fluid p-0 h-100 position-relative">
    <div class="row g-0">
      <div class="col-xl-5 col-lg-5 d-flex justify-content-center align-items-center ps-10 xxl-ps-6 xl-ps-4 md-ps-4 sm-ps-0 position-relative order-2 order-lg-1" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px">
          <h1 class="title fs-15 alt-font text-dark-gray fw-700 text-uppercase ls-1px text-uppercase d-flex w-auto align-items-center m-0" data-fancy-text="{ &quot;opacity&quot;: [0, 1], &quot;translateY&quot;: [50, 0], &quot;filter&quot;: [&quot;blur(20px)&quot;, &quot;blur(0px)&quot;], &quot;string&quot;: [&quot;contact us&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1>
        </div>
        <div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9">
          <h2 class="text-dark-gray fw-600 alt-font outside-box-right-10 xl-outside-box-right-15 lg-outside-box-right-20 md-me-0 sm-mb-0 ls-minus-3px contact-heading">Reach out to us for expert guidance and support on your study abroad journey—our team is here to help you succeed</h2>
        </div>
      </div>
      <div class="col-xl-7 col-lg-7 position-relative one-half-screen order-1 order-lg-2 md-mb-50px">
        <div class="overflow-hidden position-relative">
          <div class="w-100" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;direction&quot;: &quot;lr&quot;, &quot;color&quot;: &quot;#f7f7f7&quot;, &quot;duration&quot;: 1000, &quot;delay&quot;: 0 }"> <img src="images/demo-branding-agency-contact-title-bg.jpg" alt class="w-100 liquid-parallax" data-parallax-liquid="true" data-parallax-position="top" data-parallax-scale="1.05"> </div>
        </div>
      </div>
    </div>
  </div>
</section>
--> 
<!--Page Hero section End--> 

<!--Contact Hero Section-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(&quot;images/demo-accounting-company-title-bg.jpg&quot;); margin-top: 141px;">
  <div class="shape-image-animation p-0 w-100 d-none d-md-block">
    <svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
      <path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
        <animate attributeName="d" dur="5s" values="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250;
            M 0 250 C 400 50 400 400 3000 250 L 3000 550 L 0 550 L 0 250; M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250" repeatCount="indefinite"></animate>
      </path>
    </svg>
  </div>
  <div class="container">
    <div class="row extra-very-small-screen align-items-center">
      <div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateX&quot;: [-30, 0], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Educatiion Network</h1>
        <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Get In Touch</h2>
      </div>
    </div>
  </div>
</section>
<!--Contact Hero Section End--> 

<!--Form Section-->
<section class="bg-very-light-gray position-relative">
  <div class="container">
    <div class="row align-items-center mt-2">
      <div class="col-lg-100 appear anime-complete" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="">
        <div class="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
          <div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
          <div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
            <h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px contact-title">Reach Out for Assistance</h3>
            <form action="email-templates/contact-form.php" method="post">
              <div class="row">
                <div class="col-md-6 position-relative form-group mb-30px">
                  <input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required is-invalid" type="text" name="name" placeholder="Full Name*">
                </div>
                <div class="col-md-6 position-relative form-group mb-30px">
                  <select name="city" id="city" class="ps-0 border-radius-0px border-color-extra-medium-gray 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="col-md-6 position-relative form-group mb-30px">
                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required is-invalid" type="email" name="email" placeholder="Email Address*">
                </div>
                <div class="col-md-6 position-relative form-group mb-30px">
                  <input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="tel" name="phone" placeholder="Phone Number*">
                </div>
                <div class="col-md-6 position-relative form-group mb-30px">
                  <select name="type" id="type" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
                    <option value="">Select Office 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="col-md-6 position-relative form-group mb-30px">
                  <select name="incoter" id="incoter" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
                    <option value="">Select Counseling Options</option>
                    <option value="incoter1">In-Person / Visit Office Location</option>
                    <option value="incoter2">Online / Distance Counselling</option>
                  </select>
                </div>
                <div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
                  <textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Your Enquiry Message" rows="3"></textarea>
                  <span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
                  <input type="hidden" name="redirect" value="">
                </div>
                <div class="pt-4">
                  <button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
                </div>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Form Section End--> 

<!--Contact Location-->
<section>
  <div class="container">
    <div class="row" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;:0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
      <h3 class="pb-3 fw-600 alt-font text-dark-gray ls-minus-1px">Our Office Locations</h3>
      
      <!--Location First-->
      <div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Head Office</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> info@accessnepal.net </div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Putalisadak, Kathmandu</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-1-5333014, 9801570070 </div>
      </div>
      <!--Location First--> 
      
      <!--Location Second-->
      <div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Baneshwor Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>baneshwor@accessnepal.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>New Baneshwor, Kathmandu</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-1-479997, 9801570070 </div>
      </div>
      <!--Location Second--> 
      
      <!--Location Third-->
      <div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Butwal Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>butwal@accessedu.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Milan Chowk, Butwal</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i> +977-71-549184, 9801570070</div>
      </div>
      <!--Location Third--> 
      
      <!--Location Fourth-->
      <div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Biratnagar Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>biratnagar@accessedu.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Ganesh Bazar, Biratnagar</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-9860931863,9801570070 </div>
      </div>
      <!--Location Fourth--> 
      
      <!--Location Fifth-->
      <div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Chitwan Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i>chitwan@accessedu.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Sangam Chowk, Narayangarh</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-56-571038, 9801570070</div>
      </div>
      <!--Location Fifth--> 
      
      <!--Location Sisth-->
      <div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Kumaripati Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> lalitpur@accessedu.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Kumaripati, Lalitpur</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-1-5908502, 9801570070</div>
      </div>
      <!--Location Sixth--> 
      
      <!--Location Seventh-->
      <div class="col-md-4 sm-mb-30px pt-4"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Pokhara Branch</span>
        <div class="separator-line-1px bg-extra-medium-gray w-70 mt-20px mb-20px md-w-100"></div>
        <div class="d-block"> <i class="feather icon-feather-mail d-inline-block icon-small me-10px"></i> pokhara@accessedu.net</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i>Siddhartha Chowk, Pokhara</div>
        <div class="d-block mb-5px"> <i class="feather icon-feather-phone d-inline-block icon-small me-10px"></i>+977-061-544034, 9801570070</div>
      </div>
      <!--Location Seventh--> 
      
    </div>
  </div>
</section>
<!--Contact Location End-->

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