Access_New/service-details.php

<?php include('header.php')?>
<!--Hero Section-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(images/access-image/service-bg.jpg); margin-top: 140.984px;">
  <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" ><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
        <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" >Career Counceling</h2>
      </div>
    </div>
  </div>
</section>
<!--Hero Section End--> 
<!--Details-Page-->
<section class="position-relative">
  <div class="h-110px position-absolute w-100 h-100 left-0px right-0px top-minus-70px" style="background-image:url('images/demo-travel-agency-about-bg-02.png')"></div>
  <div class="container">
    <div class="row">
      <div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" > <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span>
          <ul class="p-0 m-0 list-style-02">
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Career Counceling</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">University Selection</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#"> Abroad Stuidy Handbook</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Test Prepration Guide</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Mock Test Regristration</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">IELTS Available Date</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Post Departure Guide</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">SOP Sample Format</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
            <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Documentation Guidance</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
            <li><a href="#">Australian Education System</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
          </ul>
        </div>
        <div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" >
          <div class="feature-box feature-box-left-icon-middle">
            <div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-yellow rounded-box"> <i class="bi bi-telephone-outbound icon-extra-medium text-white"></i> </div>
            <div class="feature-box-content last-paragraph-no-margin"> <a href="tel:9801570070" class="text-white fs-20 fw-500 lh-22">+977-9801570070</a> </div>
          </div>
        </div>
      </div>
      <div class="col-lg-8 order-1 order-lg-2 md-mb-50px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
        <h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" >Career Counceling</h4>
        <p >We help the students to find what is best for their career to them who are in the state of dilemma and are confused in selecting courses as per their academics and career goal.</p>
        <img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" >
       

      </div>
    </div>
  </div>
</section>
<!--Details-Page End-->
<?php include('footer.php')?>