Access_New/about.php

<?php include('header.php');?>
<!--Page 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="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></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 Education Network</h1>
        <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">About Access</h2>
      </div>
    </div>
  </div>
</section>
<!--Page Hero section End--> 

<!--Hero Section Intro-->
<section class="pb-3 pt-3 cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;">
  <div class="container">
    <div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
      <div class="col-xxl-7 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px md-mt-auto appear anime-child anime-complete" 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; }">
        <h2 class="about-title text-center alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Transforming Ambitions into Achievements</h2>
      </div>
      <div class="col-lg-5 offset-xxl-2 offset-xl-1 border-start border-2 border-color-base-color ps-40px sm-ps-25px md-mb-auto"></div>
    </div>
  </div>
</section>
<section class="pt-0 pb-0 position-relative overflow-hidden">
  <div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% -20px;"></div>
</section>

<!--Hero Section Intro--> 

<!--Inro Section-->
<section class="full-screen magic-cursor round-cursor position-relative lg-h-auto overflow-hidden background-position-center-top" style="background-image: url('images/demo-seo-agency-vertical-line-bg.svg')">
  <div id="particles-style-04" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;:{&quot;number&quot;:{&quot;value&quot;:10,&quot;density&quot;:{&quot;enable&quot;:true,&quot;value_area&quot;:800}},&quot;color&quot;:{&quot;value&quot;: &quot;#dc3131&quot;},&quot;shape&quot;:{&quot;type&quot;:&quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;},&quot;polygon&quot;:{&quot;nb_sides&quot;:5},&quot;image&quot;:{&quot;src&quot;:&quot;img/github.svg&quot;,&quot;width&quot;:100,&quot;height&quot;:100}},&quot;opacity&quot;:{&quot;value&quot;:1,&quot;random&quot;:false,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:1,&quot;opacity_min&quot;:0.1,&quot;sync&quot;:false}},&quot;size&quot;:{&quot;value&quot;:6,&quot;random&quot;:true,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:40,&quot;size_min&quot;:0.1,&quot;sync&quot;:false}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:150,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;:{&quot;enable&quot;:true,&quot;speed&quot;:6,&quot;direction&quot;:&quot;none&quot;,&quot;random&quot;:false,&quot;straight&quot;:false,&quot;out_mode&quot;:&quot;out&quot;,&quot;bounce&quot;:false,&quot;attract&quot;:{&quot;enable&quot;:false,&quot;rotateX&quot;:600,&quot;rotateY&quot;:1200}}},&quot;interactivity&quot;:{&quot;detect_on&quot;:&quot;canvas&quot;,&quot;events&quot;:{&quot;onhover&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;repulse&quot;},&quot;onclick&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;push&quot;},&quot;resize&quot;:true},&quot;modes&quot;:{&quot;grab&quot;:{&quot;distance&quot;:400,&quot;line_linked&quot;:{&quot;opacity&quot;:1}},&quot;bubble&quot;:{&quot;distance&quot;:400,&quot;size&quot;:40,&quot;duration&quot;:2,&quot;opacity&quot;:8,&quot;speed&quot;:3},&quot;repulse&quot;:{&quot;distance&quot;:200,&quot;duration&quot;:0.4},&quot;push&quot;:{&quot;particles_nb&quot;:4},&quot;remove&quot;:{&quot;particles_nb&quot;:2}}},&quot;retina_detect&quot;:true}">
    <canvas class="particles-js-canvas-el" width="1903" height="953" style="width: 100%; height: 100%;"></canvas>
  </div>
  <div class="container h-100">
    <div class="row h-100 align-items-center text-sm-start position-relative">
      <div class="col-12 md-mb-70px sm-mb-50px xs-mb-20px">
        <div class="fw-700 text-dark-gray fs-180 md-fs-160 sm-fs-100 ls-minus-8px xs-ls-minus-5px text-uppercase overflow-hidden">
          <div data-bottom-top="transform: translate3d(-20px, 0px, 0px);" data-top-bottom="transform: translate3d(20px, 0px, 0px);" class="skrollable skrollable-between" style="transform: translate3d(2.20653px, 0px, 0px);">Since 2005</div>
        </div>
      </div>
      <div class="col-12 mb-auto">
        <div class="row align-items-end appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
          <div class="col-xl-4 col-lg-5 offset-xl-1 md-mb-15px" style="">
            <div class="fw-600 text-dark-gray fs-20 mb-5px ls-minus-05px"></div>
          </div>
          <div class="col-lg-7 pt-5">
            <p>Access Education Network (AEN) is a leading educational consultation service providing organization. It is brought into operation in Nepal by formal registration. It has initiated its service with a motive of rendering educational consultation service to the students willing to pursue quality education that would be acknowledged by the world. </p>
            <p>The desire of students always remains high. They always intend to achieve the utmost in the field they indulge in. Their intention to kiss the apex of success is evident. For this they need to get acquainted with the policy and rules regarding the provision of visa to international students which keeps on changing. Getting the updated information regarding the changes may be tiresome and difficult. In such a scenario, we have stepped forward to render such service to the students in order to ease their path and submit the application to the educational institution of their interest. We have stepped forward to help them complete the necessary criteria required for getting admitted into the dream institution. This organization is a group of experienced and responsible individuals who wish to present themselves as the ones capable of providing a complete solution to the problems of the students as far as the achievement of their dream is concerned. </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
<!--Inro Section--> 

<!--Banner Section-->
<section class="overflow-hidden p-0">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 p-0 position-relative"> <img src="images/demo-real-estate-about-01.jpg" alt="" class="w-100" data-no-retina="">
        <div class="alt-font fw-600 fs-350 lg-fs-275 md-fs-250 xs-fs-160 ls-minus-5px xs-ls-minus-2px position-absolute right-minus-50px lg-right-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-40px text-white text-outline text-outline-width-3px skrollable skrollable-between" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);" style="transform: translate3d(59.8157px, 0px, 0px);">about</div>
      </div>
    </div>
  </div>
</section>
<!--Banner Section End--> 

<!--Class Section-->
<section class="background-position-left-top background-no-repeat-y background-size-auto-100 pt-5 md-pt-0" style="background-image: url('images/demo-charity-causes-bg.jpg')">
  <div class="container">
    <div class="row justify-content-center pt-5 pb-5">
      <div class="col-lg-6 col-12">
        <div class="wpo-section-title">
          <h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Get Ready for Success</h2>
        </div>
      </div>
    </div>
    <div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-3 appear anime-child anime-complete" 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;: 100, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
      <div class="col mb-30px" style=""> 
        <!-- start services box style -->
        <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
          <div class="position-relative"> <a href="ielts.php"><img src="images/access-image/ielts-img.jpg" alt="" data-no-retina=""></a> </div>
          <div class="bg-white">
            <div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="ielts.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">IELTS</a>
              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
            </div>
            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="ielts.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
          </div>
        </div>
        <!-- end services box style --> 
      </div>
      <div class="col mb-30px" style=""> 
        <!-- start services box style -->
        <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
          <div class="position-relative"> <a href="pte.php"><img src="images/access-image/pte-img.jpg" alt="" data-no-retina=""></a></div>
          <div class="bg-white">
            <div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="pte.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">PTE</a>
              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
            </div>
            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="pte.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
          </div>
        </div>
        <!-- end services box style --> 
      </div>
      <div class="col mb-30px" style=""> 
        <!-- start services box style -->
        <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
          <div class="position-relative"> <a href="toefl.php"><img src="images/access-image/toefl-img.jpg" alt="" data-no-retina=""></a></div>
          <div class="bg-white">
            <div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="toefl.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">TOEFL</a>
              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
            </div>
            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="toefl.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
          </div>
        </div>
        <!-- end services box style --> 
      </div>
    </div>
  </div>
</section>
<!--Class Section End-->

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