country page added

This commit is contained in:
sujan
2024-09-11 15:17:13 +05:45
parent 13a5343e2b
commit 6f18335410
17 changed files with 268 additions and 138 deletions

View File

@ -1,34 +1,25 @@
<?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="shape-image-animation bottom-0 p-0 w-100 d-none d-md-block">
<svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
<path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
<animate attributeName="d" dur="5s" values="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250;
M 0 250 C 400 50 400 400 3000 250 L 3000 550 L 0 550 L 0 250;
M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250" repeatCount="indefinite"></animate>
</path>
</svg>
</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>
<h1 class="mb-20px text-white text-shadow-medium" ><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" >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 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-->
<!--Page Hero section End-->
<!--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')">
@ -44,7 +35,7 @@
</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="col-xl-4 col-lg-5 offset-xl-1 md-mb-15px" >
<div class="fw-600 text-dark-gray fs-20 mb-5px ls-minus-05px"></div>
</div>
<div class="col-lg-7 pt-5">
@ -59,14 +50,8 @@
<!--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 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>
<!--Banner Section End-->
@ -75,13 +60,13 @@
<div class="container">
<div class="row">
<div class="col-lg-5 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;: 300, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="position-sticky top-100px" style=""> <span class="fs-70 xl-fs-65 lg-fs-55 fw-700 mb-45px d-inline-block text-black ls-minus-3px xs-ls-minus-2px">We are committed to deliver unique <span class="alt-font font-style-italic">digital media solutions.</span></span> </div>
<div class="position-sticky top-100px" > <span class="fs-70 xl-fs-65 lg-fs-55 fw-700 mb-45px d-inline-block text-black ls-minus-3px xs-ls-minus-2px">We are committed to deliver unique <span class="alt-font font-style-italic">digital media solutions.</span></span> </div>
</div>
<div class="col-lg-7 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;: 300, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" style=""> <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Mission</span>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" > <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Mission</span>
<p>Access is a prominent institution delivering service in the sector of education consultation. It is a prime entity which is committed to keep its good name in the Nepalese community. We are committed to present ourselves in a responsible and accountable manner while rendering service to the students. We are motivated to provide appropriate solutions to the problems of the students regarding the selection of institutions and provide right assistance for documentation and visa application submission. There exist numerous issues that create anxiety in the students while application processing. Access stands strong and bold for resolving such problems for the students. We are on a pious mission of keeping the name of the consultancy and extending it far and wide. We are carefully executing the services to put ourselves as the epitome of success and reliability.</p>
</div>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" style=""> <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Vission</span>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" > <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Vission</span>
<p>Access, an ambitious institution for career counseling, has a prominent vision of rendering quality service to the students for admitting them in the University of their Desire. We have set a visionary goal of making us count as the incomparable institution in the field of consultation service-providing and career counseling.</p>
</div>
</div>
@ -91,17 +76,17 @@
<!--Mission vision 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')">
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center pt-5 pb-5">
<div class="col-lg-6 col-12">
<div class="row text-center pt-5 pb-5">
<div class="col-lg-6 col-12 mx-auto">
<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="">
<div class="col mb-30px" >
<!-- 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>
@ -114,7 +99,7 @@
</div>
<!-- end services box style -->
</div>
<div class="col mb-30px" style="">
<div class="col mb-30px">
<!-- 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>
@ -127,7 +112,7 @@
</div>
<!-- end services box style -->
</div>
<div class="col mb-30px" style="">
<div class="col mb-30px">
<!-- 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>