Button Changes

This commit is contained in:
sujan
2024-09-15 13:39:27 +05:45
parent 8532208b1f
commit 9c8d4ce674
8 changed files with 26 additions and 44 deletions

View File

@ -1,10 +1,11 @@
<!--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="{ &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 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="{ &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>
@ -13,3 +14,4 @@
</div>
</div>
</section>
<!--About Section Intro End-->

View File

@ -7,9 +7,7 @@
<div class="col-xl-6 col-lg-7 md-mb-25px sm-mb-15px position-relative text-center text-lg-start">
<h3 class="pb-4 alt-font fw-500 text-white ls-minus-1px mb-10px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700">Secure Your <span class="fw-700 text-highlight d-inline-block">Future Today<span class="bg-white h-10px bottom-1px opacity-3 separator-animation"></span></span></h3>
<span class="fs-20 text-white">"Take the first step towards achieving your academic and career goals—apply now and secure your future with Access Education Network."</span> </div>
<div class="col-lg-5 offset-xl-1 text-center"> <a href="contact.php" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600" style="">Apply Now<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a> </div>
<div class="col-lg-5 offset-xl-1 text-center"> <a href="contact.php" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600" style="">Apply Now<span class="bg-base-color text-white"><i class="bi bi-arrow-right-short icon-extra-medium"></i></span></a> </div>
</div>
<!-- end newsletter -->
</div>

View File

@ -8,25 +8,25 @@
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> "Your Nearest Education Partner"</div>
</div>
<div class="swiper-slide" role="group" aria-label="2 / 7" data-swiper-slide-index="1">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Putalisadak</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Putalisadak</div>
</div>
<div class="swiper-slide" role="group" aria-label="3 / 7" data-swiper-slide-index="2">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Baneshwor</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Baneshwor</div>
</div>
<div class="swiper-slide" role="group" aria-label="4 / 7" data-swiper-slide-index="3">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Pokhara</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Pokhara</div>
</div>
<div class="swiper-slide" role="group" aria-label="5 / 7" data-swiper-slide-index="4">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Kumaripati</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Kumaripati</div>
</div>
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="6 / 7" data-swiper-slide-index="5">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Chitwan</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Chitwan</div>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="7 / 7" data-swiper-slide-index="6">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Butwal</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Butwal</div>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="8 / 7" data-swiper-slide-index="6">
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> Biratnagar</div>
<div class="fs-20 text-white fw-500"><span class="w-10px h-10px border border-2 border-radius-100 border-color-transparent-white-very-light d-inline-block align-middle ms-50px me-50px"></span> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i> Biratnagar</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>

View File

@ -5,7 +5,7 @@
<div class="col-lg-5 mx-auto">
<h2 class="custom-title pb-4">How Can we Help</h2>
<p class="pb-4">We help all the students who wish to Study Abroad in the reputed Universities. We make it possible for the students who are searching for respectful academic career.</p>
<a href="service.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<span class="bg-orient-blue text-white"><i class="feather icon-feather-arrow-right icon-small"></i></span></a> </div>
<a href="service.php" class="btn btn-large btn-rounded with-rounded btn-base-color btn-round-edge btn-box-shadow">Our Services<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="row g-0 bg-very-light-gray">
<div class="col-xl-3 col-lg-4 col-md-5 tab-style-07 d-flex align-items-start align-items-xl-center">