Access_New/contact.php

<?php include('header.php');?>
<!--Contact Hero Section-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/contact-bg.jpg); 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--> 

<!--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-->

<!--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--> 

<!--Googel Map-->
<section class="p-0 m-0">
  <div class="container-fluid">
    <div class="row">
      <div class="col-lg-12">
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3532.485757003823!2d85.31959247614095!3d27.702284525713484!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39eb19a8f722023d%3A0xf104fa00bbe44d21!2sAccess%20Education%20Network%20(P.)%20Ltd.!5e0!3m2!1sen!2snp!4v1725172708306!5m2!1sen!2snp" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
      </div>
    </div>
  </div>
</section>
<!--Googel Map End-->
<?php include('footer.php');?>