home page and footer page changes with about us an team page

This commit is contained in:
sujan 2024-09-09 13:07:27 +05:45
parent 2cfa925b30
commit b6b88b6042
13 changed files with 360 additions and 177 deletions

View File

@ -23,21 +23,29 @@
--> -->
<!--Page Hero section End--> <!--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--> <!--Hero Section Intro-->
<section class="cover-background page-title-big-typography ipad-top-space-margin" style="margin-top: inherit;"> <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="container">
<div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0"> <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; }"> <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>
<h2 class="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>
<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 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>
</div> </div>
</section> </section>
<!--Hero Section Intro-->
<section class="overflow-hidden p-0"> <section class="overflow-hidden p-0">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
@ -47,6 +55,7 @@
</div> </div>
</div> </div>
</section> </section>
<!--Hero Section Intro-->
<!--Inro Section--> <!--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')"> <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')">

View File

@ -1,55 +1,22 @@
<?php include('header.php')?> <?php include('header.php')?>
<!--Page Hero Section--> <!--Page Hero Section-->
<section class="p-0 top-space-margin position-relative overflow-hidden"> <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="container-fluid p-0 h-100 position-relative"> <div class="container">
<div class="row g-0"> <div class="row extra-very-small-screen align-items-center">
<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="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; }">
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px"> <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>
<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;Discover Learn & Grow&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1> <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Blog / Artical</h2>
</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">Get inspired and stay informed with our blog, offering valuable insights and advice to shape your career</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> </div>
</div> </div>
</section> </section>
<!--Page Hero section End--> <!--Page Hero section End-->
<!--Mid Section Title-->
<section class="bg-very-light-gray cover-background page-title-big-typography ipad-top-space-margin">
<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-lg-10 mx-auto text-center">
<h2 class="blog-title text-dark-gray">Explore our blog for insightful articles that help you discover new opportunities, learn from expert advice, and grow both academically and personally on your study abroad journey </h2>
</div>
</div>
</div>
</section>
<!--Mid Section title End-->
<!--Blog--Banner-->
<section class="overflow-hidden position-relative p-0">
<div class="container-fluid">
<div class="row overlap-height">
<div class="col-12 p-0 position-relative overlap-gap-section"> <img src="images/demo-real-estate-blog-title.jpg" alt class="w-100">
<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-minus-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-50px text-white text-outline text-outline-width-3px" data-bottom-top="transform: translate3d(80px, 0px, 0px);" data-top-bottom="transform: translate3d(-280px, 0px, 0px);">Blog</div>
</div>
</div>
</div>
</section>
<!--Blog Banner End-->
<!--Blog Section--> <!--Blog Section-->
<section class="overlap-height sm-pb-50px"> <section class="position-relative">
<div class="container overlap-gap-section"> <div class="h-110px position-absolute w-100 h-100 left-0px right-0px top-minus-70px" style="background-image:url('images/demo-travel-agency-about-bg-02.png')"></div>
<div class="container">
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;"> <ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;">
@ -57,10 +24,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div> <div class="blog-categories"></div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -70,10 +37,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -83,10 +50,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -96,10 +63,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog4.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/blog4.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network's Partner Appreciation Night with Niagara College </a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network's Partner Appreciation Night with Niagara College </a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -109,10 +76,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog5.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/blog5.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Culinary Study Abroad: Savoring the Flavors of Australia, USA, and Canada</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Culinary Study Abroad: Savoring the Flavors of Australia, USA, and Canada</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -122,10 +89,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/blog6.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/blog6.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Affordable higher education abroad, exploring budget friendly universities in the USA </a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Affordable higher education abroad, exploring budget friendly universities in the USA </a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,6 @@
<?php include('header.php');?> <?php include('header.php');?>
<!--Page Hero Section--> <!--Page Hero Section-->
<!--
<section class="p-0 top-space-margin position-relative overflow-hidden"> <section class="p-0 top-space-margin position-relative overflow-hidden">
<div class="container-fluid p-0 h-100 position-relative"> <div class="container-fluid p-0 h-100 position-relative">
<div class="row g-0"> <div class="row g-0">
@ -19,12 +20,104 @@
</div> </div>
</div> </div>
</section> </section>
-->
<!--Page Hero section End--> <!--Page Hero section End-->
<!--ontact Location--> <!--Contact 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="shape-image-animation 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 Educatiion Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Get In Touch</h2>
</div>
</div>
</div>
</section>
<!--Contact Hero Section End-->
<!--Form Section-->
<section class="bg-very-light-gray position-relative">
<div class="container">
<div class="row align-items-center mt-2">
<div class="col-lg-100 appear anime-complete" data-anime="{ &quot;translateY&quot;: [0, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 100, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="">
<div class="row row-cols-1 row-cols-md-2 border-radius-6px overflow-hidden box-shadow-double-large m-0">
<div class="col cover-background sm-h-550px xs-h-450px" style="background-image: url('images/demo-travel-agency-contact-01.jpg')"></div>
<div class="col contact-form-style-03 bg-white p-70px lg-p-35px">
<h3 class="fw-600 alt-font text-dark-gray ls-minus-1px mb-25px contact-title">Reach Out for Assistance</h3>
<form action="email-templates/contact-form.php" method="post">
<div class="row">
<div class="col-md-6 position-relative form-group mb-30px">
<input class="ps-0 border-radius-0px border-color-extra-medium-gray form-control required is-invalid" type="text" name="name" placeholder="Full Name*">
</div>
<div class="col-md-6 position-relative form-group mb-30px">
<select name="city" id="city" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
<option value="">Select Country</option>
<option value="city1">Australia</option>
<option value="city2">USA</option>
<option value="city3">UK</option>
<option value="city4">Canada</option>
<option value="city5">New Zealand</option>
</select>
</div>
<div class="col-md-6 position-relative form-group mb-30px">
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required is-invalid" type="email" name="email" placeholder="Email Address*">
</div>
<div class="col-md-6 position-relative form-group mb-30px">
<input class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control required" type="tel" name="phone" placeholder="Phone Number*">
</div>
<div class="col-md-6 position-relative form-group mb-30px">
<select name="type" id="type" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
<option value="">Select Office Location</option>
<option value="type1">Putalisadak Office</option>
<option value="type2">Baneshwor Office</option>
<option value="type3">Pokhara Office</option>
<option value="type4">Kumaripati Office</option>
<option value="type5">Chitwan Office</option>
<option value="type6">Butwal Office</option>
<option value="type7">Biratnagar Office</option>
<option value="type8">Access Canada Office</option>
<option value="type9">Access New Zealand Office</option>
</select>
</div>
<div class="col-md-6 position-relative form-group mb-30px">
<select name="incoter" id="incoter" class="ps-0 border-radius-0px border-color-extra-medium-gray form-control">
<option value="">Select Counseling Options</option>
<option value="incoter1">In-Person / Visit Office Location</option>
<option value="incoter2">Online / Distance Counselling</option>
</select>
</div>
<div class="position-relative form-group form-textarea mt-15px mb-10px xs-mb-0">
<textarea class="ps-0 border-radius-0px border-bottom border-color-extra-medium-gray form-control" name="comment" placeholder="Your Enquiry Message" rows="3"></textarea>
<span class="form-icon"><i class="bi bi-chat-square-dots"></i></span>
<input type="hidden" name="redirect" value="">
</div>
<div class="pt-4">
<button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Form Section End-->
<!--Contact Location-->
<section> <section>
<div class="container"> <div class="container">
<div class="row" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&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="row" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&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; }">
<h3 class="pb-3 fw-600 alt-font text-dark-gray ls-minus-1px">Our Office Locations</h3>
<!--Location First--> <!--Location First-->
<div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Head Office</span> <div class="col-md-4 sm-mb-30px"> <span class="fs-30 alt-font ls-minus-05px fw-700 text-dark-gray location-title">Head Office</span>
@ -94,83 +187,4 @@
</section> </section>
<!--Contact Location End--> <!--Contact Location End-->
<!--contactform Section-->
<section class="pt-5 pb-5">
<div class="container-fluid p-0">
<div class="row g-0">
<div class="col-xl-6 col-lg-7 cover-background md-h-500px sm-h-400px md-mb-50px" style="background-image:url('images/demo-branding-agency-contact-01.jpg')">
<div class="position-absolute text-center blur-box right-30px bottom-30px sm-right-15px sm-bottom-15px pt-35px pb-35px ps-45px pe-45px sm-p-20px bg-white-transparent counter-style-04 d-flex align-items-center border-radius-6px">
<h2 class="vertical-counter d-inline-flex alt-font text-dark-gray fw-700 mb-0 ls-minus-2px" data-text="+" data-to="353"></h2>
<span class="w-180px text-dark-gray text-start fw-500 lh-24 ms-15px sm-ms-10px">Very satisfied clients around the worldwide.</span> </div>
</div>
<div class="col-xl-6 col-xl-5 col-lg-5 position-relative">
<div class="contact-form-style-03 position-relative ps-15 pe-15 xxl-ps-10 xxl-pe-10 lg-ps-5 lg-pe-5 overflow-hidden last-paragraph-no-margin" 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="mb-10px"> </div>
<h2 class="text-dark-gray alt-font fw-600 xxl-w-100 ls-minus-2px form-title">Reach Out for Assistance</h2>
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Personal Information</label>
<input class="input-name form-control required" type="text" name="name" placeholder="Full Name*">
</div>
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Email Address</label>
<input class="form-control required" type="email" name="email" placeholder="Your email address*">
</div>
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Contact Number</label>
<input class="form-control required" type="tel" name="phone" placeholder="Your phone*">
</div>
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Study Destination</label>
<select name="country" id="city" class="form-control">
<option value="">Select Country</option>
<option value="country1">Australia</option>
<option value="country2">USA</option>
<option value="country3">UK</option>
<option value="country4">Canada</option>
<option value="country5">New Zealand</option>
</select>
</div>
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Ofice Location</label>
<select name="type" id="type" class="form-control">
<option value="">Select Location</option>
<option value="type1">Putalisadak Office</option>
<option value="type2">Baneshwor Office</option>
<option value="type3">Pokhara Office</option>
<option value="type4">Kumaripati Office</option>
<option value="type5">Chitwan Office</option>
<option value="type6">Butwal Office</option>
<option value="type7">Biratnagar Office</option>
<option value="type8">Access Canada Office</option>
<option value="type9">Access New Zealand Office</option>
</select>
</div>
<div class="col-md-6 mb-30px">
<label class="text-dark pb-2">Counceling Oprtions</label>
<select name="incoter" id="incoter" class="form-control">
<option value="">Select Options</option>
<option value="incoter1">In-Person / Visit Office Location</option>
<option value="incoter2">Online / Distance Counselling</option>
</select>
</div>
<div class="col-md-12 mb-30px">
<label class="text-dark pb-2">Enquiry Details</label>
<textarea class="form-control" cols="40" rows="4" name="message" placeholder="Your message"></textarea>
</div>
<div class="col-xl-5 col-md-5 sm-mt-20px">
<input type="hidden" name="redirect" value="">
<button class="btn btn-base-color btn-medium btn-rounded btn-box-shadow submit" type="submit">Send message</button>
</div>
<div class="col-12">
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!--contactform Section End-->
<?php include('footer.php');?> <?php include('footer.php');?>

20
css/style.min.css vendored
View File

@ -18029,7 +18029,7 @@ footer .nav-link {
} }
} }
.form-bg { .form-bg {
background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%)), url(../images/access-image/form-bg.jpg); background-image: linear-gradient(rgb(0 0 0 / 24%), rgb(0 0 0 / 48%)), url("../images/access-image/travel-bg.jpg");
background-size: cover; background-size: cover;
background-position: center; background-position: center;
height: 100%; height: 100%;
@ -18056,8 +18056,24 @@ footer .nav-link {
.form-title { .form-title {
font-size: 45px; font-size: 45px;
} }
.blog-title { .blog-title {
font-size: 30px; font-size: 30px;
} }
.footer-img {
width: 50%;
}
.footer-heading {
font-size: 22px;
padding: 0px 0px 20px 0px;
}
.footer-img {
padding: 0px 0px 20px 0px;
}
.contact-title {
font-size: 40px;
}
.about-title {
font-size: 60px;
line-height: 30px;
}
/*custome css*/ /*custome css*/

View File

@ -1,4 +1,5 @@
<!--Googel Map--> <!--Googel Map-->
<!--
<section class="p-0 m-0"> <section class="p-0 m-0">
<div class="container-fluid"> <div class="container-fluid">
<div class="row"> <div class="row">
@ -8,15 +9,15 @@
</div> </div>
</div> </div>
</section> </section>
-->
<!--Googel Map End--> <!--Googel Map End-->
<footer class="text-white footer-bg"> <footer class="text-white footer-bg">
<div class="container"> <div class="container">
<div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px"> <div class="row justify-content-center fs-17 fw-300 mt-5 mb-4 md-mt-45px md-mb-45px xs-mt-35px xs-mb-35px">
<div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin"> <a href="demo-accounting.html" class="footer-logo mb-15px d-inline-block"><img src="images/access-image/access-inverse-logo.png" data-at2x="images/access-image/access-inverse-logo.png" alt></a> <div class="col-6 col-lg-3 order-sm-1 md-mb-40px xs-mb-30px last-paragraph-no-margin"> <a href="index.php" class="footer-logo footer-img mb-15px d-inline-block"><img src="images/access-image/access-inverse-logo.png" data-at2x="images/access-image/access-inverse-logo.png" alt></a>
<p class="xl-w-95 sm-w-100">Access Education Network: Your trusted partner in navigating global education opportunities with expert guidance and personalized support.</p> <p class="xl-w-95 sm-w-100">Access Education Network: Your trusted partner in navigating global education opportunities with expert guidance and personalized support.</p>
</div> </div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2"> <span class="fs-18 fw-400 d-block text-white mb-5px">Useful Link</span> <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-3 order-lg-2"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Useful Link</span>
<ul class="footer-list"> <ul class="footer-list">
<li><a href="about.php">Company Profile</a></li> <li><a href="about.php">Company Profile</a></li>
<li><a href="destination.php">Study Destination</a></li> <li><a href="destination.php">Study Destination</a></li>
@ -25,7 +26,7 @@
<li><a href="faq.php">Faq's</a></li> <li><a href="faq.php">Faq's</a></li>
</ul> </ul>
</div> </div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3"> <span class="fs-18 fw-400 d-block text-white mb-5px">Services</span> <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-4 order-lg-3"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Services</span>
<ul class="footer-list"> <ul class="footer-list">
<li><a href="service-details.php">Career Councelling</a></li> <li><a href="service-details.php">Career Councelling</a></li>
<li><a href="service-details.php">University Selection</a></li> <li><a href="service-details.php">University Selection</a></li>
@ -33,28 +34,56 @@
<li><a href="service-details.php">Test Prepration Guide</a></li> <li><a href="service-details.php">Test Prepration Guide</a></li>
</ul> </ul>
</div> </div>
<div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-4"> <span class="fs-18 fw-400 d-block text-white mb-5px">Get in touch</span> <div class="col-6 col-lg-2 col-sm-4 xs-mb-30px order-sm-5 order-lg-4"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Get in touch</span>
<p class="mb-5px">Need support?</p> <p class="mb-5px">Need support?</p>
<a href="cdn-cgi/l/email-protection.html#fe9697be9a91939f9790d09d9193" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="dfb7b69fbbb0b2beb6b1f1bcb0b2">[email&#160;protected]</span></a> <a href="cdn-cgi/l/email-protection.html#fe9697be9a91939f9790d09d9193" class="text-white lh-16 d-block mb-15px"><span class="__cf_email__" data-cfemail="dfb7b69fbbb0b2beb6b1f1bcb0b2">[email&#160;protected]</span></a>
<p class="mb-5px">Customer care?</p> <p class="mb-5px">Customer care?</p>
<a href="tel:12345678910" class="text-white lh-16 d-block">+1 234 567 8910</a> </div> <a href="tel:12345678910" class="text-white lh-16 d-block">+1 234 567 8910</a> </div>
<div class="col-lg-3 col-sm-6 md-mb-40px xs-mb-0 order-sm-2 order-lg-5"> <span class="fs-18 fw-400 d-block text-white mb-5px">Subscribe to newsletter</span> <div class="col-lg-3 col-sm-6 md-mb-40px xs-mb-0 order-sm-2 order-lg-5"> <span class="fs-18 fw-600 d-block text-white mb-5px footer-heading">Our Network</span>
<p class="mb-20px">Enter your email and we contact you!</p> <ul class="footer-list">
<div class="d-inline-block w-100 newsletter-style-02 position-relative"> <li><a href="#">Putalisadak</a></li>
<form action="email-templates/subscribe-newsletter.php" method="post" class="position-relative"> <li><a href="service-details.php">Putalisadak </a></li>
<input class="border-color-transparent-white-light bg-transparent border-radius-4px w-100 form-control lg-ps-15px required" type="email" name="email" placeholder="Enter your email" /> <li><a href="#">Baneshwor</a></li>
<input type="hidden" name="redirect" value> <li><a href="#">Pokhara</a></li>
<button class="btn pe-20px submit" aria-label="submit"><i class="bi bi-envelope icon-small text-white"></i></button> <li><a href="#">Kumaripati</a></li>
<div class="form-results border-radius-4px pt-5px pb-5px ps-15px pe-15px fs-14 lh-22 mt-10px w-100 text-center position-absolute d-none"></div> <li><a href="#">Chitwan</a></li>
</form> <li><a href="#">Butwal</a></li>
<li><a href="#">Biratnagar</a></li>
</ul>
</div> </div>
</div> </div>
<div class="row align-items-center fs-16 fw-300 pt-3 pb-3">
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Putalisadak</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Baneshwor</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Pokhara</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Kumaripati</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Chitwan</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
Butwal</div>
<div class="col text-center"> <i class="feather icon-feather-map-pin d-inline-block icon-small me-10px"></i><br>
BIratnagar</div>
</div> </div>
<div class="row align-items-center fs-16 fw-300 border-top pt-2">
<div class="col-md-4 last-paragraph-no-margin order-2 order-md-1 text-center text-md-start">
<p>&COPY; 2024. Access Education Network Pvt. Ltd.</p>
</div>
<div class="col-md-8 text-md-end order-1 order-md-2 text-center text-md-end sm-mb-10px"> <img src="images/access-image/footer-img.jpg" class="footer-img"> </div>
</div>
<!--
<div class="row align-items-center fs-16 fw-300 border-top"> <div class="row align-items-center fs-16 fw-300 border-top">
<div class="col-lg-12 text-center pt-2"> <div class="col-lg-12 text-center pt-2"> <img src="images/access-image/footer-img.jpg" class="footer-img pb-2">
<p>&COPY; 2024. All rights reserved. <a href="index.php" target="_blank" class="text-decoration-line-bottom text-white"> Access Education Network Pvt. Ltd.</a></p> <p>&COPY; 2024. All rights reserved. Access Education Network Pvt. Ltd.</p>
</div> </div>
</div> </div>
-->
</div> </div>
</footer> </footer>
<div class="scroll-progress d-none d-xxl-block"> <a href="#" class="scroll-top" aria-label="scroll"> <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span> </a> </div> <div class="scroll-progress d-none d-xxl-block"> <a href="#" class="scroll-top" aria-label="scroll"> <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span> </a> </div>

View File

@ -51,7 +51,7 @@
<li class="dropdown"><a href="about.php">Company Profile</a></li> <li class="dropdown"><a href="about.php">Company Profile</a></li>
<li class="dropdown"><a href="message.php">Message From MD</a></li> <li class="dropdown"><a href="message.php">Message From MD</a></li>
<li class="dropdown"><a href="network.php">Our Network</a></li> <li class="dropdown"><a href="network.php">Our Network</a></li>
<li class="dropdown"><a href="team.php">Team</a></li> <!-- <li class="dropdown"><a href="team.php">Team</a></li>-->
</ul> </ul>
</li> </li>
<li class="nav-item dropdown simple-dropdown"> <a href="javascript:void(0);" class="nav-link">Service</a> <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i> <li class="nav-item dropdown simple-dropdown"> <a href="javascript:void(0);" class="nav-link">Service</a> <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink3" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
@ -90,7 +90,7 @@
</div> </div>
<div class="col-auto col-lg-2 text-end d-none d-sm-flex"> <div class="col-auto col-lg-2 text-end d-none d-sm-flex">
<div class="header-icon"> <div class="header-icon">
<div class="header-button"> <a href="#" class="btn btn-small btn-rounded btn-base-color btn-box-shadow">Let's discuss</a> </div> <div class="header-button"> <a href="#" class="btn btn-small btn-rounded btn-base-color btn-box-shadow">Apply Now</a> </div>
</div> </div>
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 532 KiB

View File

@ -4,7 +4,7 @@
<?php include('parts/about-intro.php')?> <?php include('parts/about-intro.php')?>
<?php include('parts/service.php')?> <?php include('parts/service.php')?>
<?php include('parts/form.php')?> <?php include('parts/form.php')?>
<?php include('parts/team.php')?> <?php /*?><?php include('parts/team.php')?><?php */?>
<?php include('parts/blog.php')?> <?php include('parts/blog.php')?>
<?php include('parts/apply.php')?> <?php include('parts/apply.php')?>
<?php include('footer.php');?> <?php include('footer.php');?>

102
message.php Normal file
View File

@ -0,0 +1,102 @@
<?php include('header.php')?>
<!--Hero Section Intro-->
<section class="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="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-->
<!--MD Intro Section-->
<section class="position-relative overflow-hidden section-dark">
<div class="container">
<div class="row align-items-center position-relative">
<div class="col-lg-6">
<div class="outside-box-left-20 md-outside-box-left-0 skrollable skrollable-between" data-bottom-top="transform:scale(1.1, 1.1)" data-top-bottom="transform:scale(1, 1)" style="transform: scale(1.07952, 1.07952);"> <img src="images/demo-web-agency-01.jpg" alt="" data-no-retina=""> </div>
</div>
<div class="col-lg-5 offset-lg-1 z-index-9 md-mt-35px 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; }">
<h1 class="text-dark-gray fw-600 mb-40px md-mb-25px outside-box-left-15 md-outside-box-left-0 ls-minus-3px word-break-normal" style="">Simply a better way to learn
</h1>
<p class="lh-34 w-95 mb-30px lg-w-100" style="">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents.
</p>
<a href="demo-web-agency-about.html" class="btn btn-large btn-expand-ltr text-dark-gray btn-rounded fw-700" style=""><span class="bg-base-color"></span>About agency</a>
<div class="outside-box-right-30 position-absolute right-0px bottom-minus-50px xl-outside-box-right-25 md-outside-box-right-0 d-none d-md-inline-block" style="">
<div class="fs-300 xl-fs-250 lg-fs-200 text-base-color fw-600 ls-minus-20px word-break-normal skrollable skrollable-before" data-bottom-top="transform:scale(1, 1) translate3d(0px, 0px, 0px);" data-top-bottom="transform:scale(1, 1) translate3d(-100px, 0px, 0px);" style="transform: scale(1, 1) translate3d(0px, 0px, 0px);">about</div>
</div>
</div>
</div>
</div>
</section>
<!--MD Intro Section End-->
<!--Blog Section-->
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px pb-0">
<div class="container">
<div class="row justify-content-center mb-3">
<div class="col-lg-7 text-center 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; }">
<h3 class="text-dark-gray fw-700 ls-minus-1px" style="">Get Every Single Updates</h3>
</div>
</div>
<div class="row mb-5 sm-mb-7">
<div class="col-12">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-extra-large appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [50, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 1200, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 150, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="position: relative; height: 572.953px;">
<li class="grid-sizer"></li>
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
<!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div>
</div>
<div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div>
</div>
</li>
<!-- end blog item -->
</ul>
</div>
</div>
</div>
</section>
<!--Blog Section End-->
<?php include('footer.php')?>

23
network.php Normal file
View File

@ -0,0 +1,23 @@
<?php include('header.php');?>
<!--Hero Section-->
<section class="p-0 top-space-margin position-relative overflow-hidden" style="margin-top: 94px;">
<div class="container-fluid p-0 h-100 position-relative">
<div class="row g-0">
<div class="col-xl-4 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 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; }">
<div class="vertical-title-center align-items-center justify-content-center flex-shrink-0 w-75px sm-w-50px" style="">
<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 appear" 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;contact us&quot;], &quot;duration&quot;: 400, &quot;delay&quot;: 0, &quot;speed&quot;: 50, &quot;easing&quot;: &quot;easeOutQuad&quot; }"><span class="anime-text words chars splitting" data-splitting="true" style="--word-total: 2; --char-total: 9;"><span class="word" data-word="contact" style="--word-index: 0;"><span class="char" data-char="c" style="--char-index: 0; opacity: 1; transform: translateY(0px); filter: blur(0px);">c</span><span class="char" data-char="o" style="--char-index: 1; opacity: 1; transform: translateY(0px); filter: blur(0px);">o</span><span class="char" data-char="n" style="--char-index: 2; opacity: 1; transform: translateY(0px); filter: blur(0px);">n</span><span class="char" data-char="t" style="--char-index: 3; opacity: 1; transform: translateY(0px); filter: blur(0px);">t</span><span class="char" data-char="a" style="--char-index: 4; opacity: 1; transform: translateY(0px); filter: blur(0px);">a</span><span class="char" data-char="c" style="--char-index: 5; opacity: 1; transform: translateY(0px); filter: blur(0px);">c</span><span class="char" data-char="t" style="--char-index: 6; opacity: 1; transform: translateY(0px); filter: blur(0px);">t</span></span><span class="whitespace"> </span><span class="word" data-word="us" style="--word-index: 1;"><span class="char" data-char="u" style="--char-index: 7; opacity: 1; transform: translateY(0px); filter: blur(0px);">u</span><span class="char" data-char="s" style="--char-index: 8; opacity: 1; transform: translateY(0px); filter: blur(0px);">s</span></span></span></h1>
</div>
<div class="border-start border-color-extra-medium-gray ps-40px sm-ps-20px position-relative z-index-9" style="">
<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">We're here to here answer &amp; question you may have.</h2>
</div>
</div>
<div class="col-xl-8 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 appear" 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 }" style="position: relative;"> <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" data-no-retina="" style="transform: translateY(-17.6872px) scale(1.019); opacity: 1;"> </div>
</div>
</div>
</div>
</div>
</section>
<!--Hero Section End-->
<?php include('footer.php');?>

View File

@ -13,10 +13,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 0%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/gokul.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"></div> <div class="blog-categories"></div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access Education Network Lights Up Pokhara Street Festival</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -26,10 +26,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 33.3298%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/access.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Access at 19: A Logo for the Legacy, A Vision for Tomorrow</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>
@ -38,10 +38,10 @@
<!-- start blog item --> <!-- start blog item -->
<li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;"> <li class="grid-item" style="position: absolute; left: 66.6597%; top: 0px; transition: none;">
<div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover"> <div class="card border-0 border-radius-5px box-shadow-quadruple-large box-shadow-quadruple-large-hover">
<div class="blog-image"> <a href="demo-corporate-blog-single-clean.html" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a> <div class="blog-image"> <a href="blog-details.php" class="d-block"><img src="images/access-image/tech.jpg" alt="" data-no-retina=""></a>
<div class="blog-categories"> </div> <div class="blog-categories"> </div>
</div> </div>
<div class="card-body p-8"> <a href="demo-corporate-blog-single-clean.html" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a> <div class="card-body p-8"> <a href="blog-details.php" class="card-title mb-15px fw-700 fs-19 text-dark-gray d-inline-block md-w-100">Be the strong willed one the public relationship.</a>
<div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div> <div class="blog-btn"><a href="blog-details.php" class="btn btn-link btn-hover-animation-switch btn-large fw-700 text-base-color d-table d-lg-inline-block xl-mb-15px md-mx-auto"> <span> <span class="btn-text">Read More</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a></div>
</div> </div>
</div> </div>

View File

@ -1,5 +1,28 @@
<?php include('header.php');?> <?php include('header.php');?>
<!--Tteam Section--> <!--Hero Section-->
<section class="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-5 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px lg-pe-10px 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; }">
<h1 class="text-base-color" style="">Meet our exclusive team</h1>
<h2 class="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="">Greater trusted <span class="fw-700 text-highlight d-inline-block">agents<span class="bg-base-color h-10px bottom-10px opacity-3 separator-animation"></span></span> for you.</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"> <span class="d-block w-85 lg-w-100 appear words lines splitting anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;lines&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style="--word-total: 20; --line-total: 3;"><span class="d-inline" style="will-change: inherit;">Online property marketplace to buy, sell, and rent</span> <span class="d-inline" style="will-change: inherit;">residential and commercial properties. Used by</span> <span class="d-inline" style="will-change: inherit;">millions of renters to find property.</span></span> </div>
</div>
</div>
</section>
<section class="overflow-hidden position-relative p-0">
<div class="container-fluid">
<div class="row overlap-height">
<div class="col-12 p-0 position-relative overlap-gap-section"> <img src="images/demo-real-estate-agents-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-minus-0px bottom-minus-80px md-bottom-minus-60px xs-bottom-minus-50px 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(36.5899px, 0px, 0px);">agents</div>
</div>
</div>
</div>
</section>
<!--Hero Section-->
<!--Team Section-->
<section> <section>
<div class="container"> <div class="container">
<div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2"> <div class="row row-cols-1 row-cols-lg-4 row-cols-sm-2">