17 lines
3.4 KiB
PHP
17 lines
3.4 KiB
PHP
<!--About Section Intro-->
|
|
<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="{ "el": "childs", "opacity": [0, 1], "rotateY": [-90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 800, "delay": 200, "easing": "easeOutCirc" }"> <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 inverse-btn"><i class="feather icon-feather-arrow-right icon-small inverse-icon"></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="{ "opacity": [0,1], "duration": 600, "delay": 1500, "staggervalue": 300, "easing": "easeOutQuad" }" 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="{ "effect": "slide", "color": "#A0875B", "direction":"rl", "easing": "easeOutQuad", "duration": 600, "delay":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="{ "effect": "slide", "color": "#ffffff", "direction":"lr", "easing": "easeOutQuad", "duration": 600, "delay":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>
|
|
<!--About Section Intro End--> |