Access_New/about.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; Building Success Together &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">Explore our company profile to see how we build success together</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-->

<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>Our company</h1>
        <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">About crafto accounto</h2>
      </div>
    </div>
  </div>
</section>

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

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