Access_New/parts/about-intro.php

<section class="background-position-center background-repeat" style="background-image: url('images/vertical-center-line-bg.svg')">
  <div class="container">
    <div class="row align-items-center mb-12 md-mb-17 xs-mb-25">
      <div class="col-lg-6 md-mb-50px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;rotateY&quot;: [-90, 0], &quot;rotateZ&quot;: [-10, 0], &quot;translateY&quot;: [80, 0], &quot;translateZ&quot;: [50, 0], &quot;staggervalue&quot;: 200, &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;easing&quot;: &quot;easeOutCirc&quot; }"> <span class="mb-10px text-base-color fw-500 d-block" style="">Access Education Network</span>
        <h2 class="alt-font text-dark-gray ls-minus-2px custom-title pt-4 pb-4">Committed to Your Academic Success </h2>
        <p class="w-80 xl-w-100 mb-35px xs-mb-10px" style="">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>
        <div class="d-inline-block w-100"> <a href="about.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Explore More<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
      </div>
      <div class="col-lg-6 position-relative"> <span class="fs-90 position-absolute left-60px md-left-100px sm-left-70px xs-left-10px top-90px xs-top-50px text-dark-gray fw-700 z-index-1 skrollable skrollable-between appear anime-complete" data-bottom-top="transform: translateY(50px) scale(1,1)" data-top-bottom="transform: translateY(-50px) scale(1,1)" data-anime="{ &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 1500, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="transform: translateY(-12.2285px) scale(1, 1);"><span class="fs-15 fw-600 d-table lh-16 text-uppercase text-medium-gray">Since</span>2005</span>
        <div class="w-75 overflow-hidden position-relative xs-w-80 border-radius-4px float-end appear" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#A0875B&quot;, &quot;direction&quot;:&quot;rl&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;duration&quot;: 600, &quot;delay&quot;:400}" style="position: relative;"> <img class="w-100" src="images/access-image/hero-intro1.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
        <div class="position-absolute left-minus-70px md-left-15px bottom-minus-50px w-55 overflow-hidden skrollable skrollable-between appear" data-bottom-top="transform: translateY(50px)" data-top-bottom="transform: translateY(-50px)" data-anime="{ &quot;effect&quot;: &quot;slide&quot;, &quot;color&quot;: &quot;#ffffff&quot;, &quot;direction&quot;:&quot;lr&quot;, &quot;easing&quot;: &quot;easeOutQuad&quot;, &quot;duration&quot;: 600, &quot;delay&quot;:500}" style="transform: translateY(10.1708px); position: relative;"> <img class="w-100 border-radius-4px" src="images/access-image/hero-intro2.jpg" alt="" data-no-retina="" style="opacity: 1;"> </div>
      </div>
    </div>
  </div>
</section>