home page changes with testimonials and location added

This commit is contained in:
sujan 2024-09-10 11:02:46 +05:45
parent a313b04108
commit f2733e5854
6 changed files with 159 additions and 27 deletions

15
css/style.min.css vendored
View File

@ -3012,7 +3012,7 @@ b, strong {
background-color: var(--tropical-blue) background-color: var(--tropical-blue)
} }
.bg-cornflower-blue { .bg-cornflower-blue {
background-color: var(--cornflower-blue) background-color: #b61b5c;
} }
.bg-camarone { .bg-camarone {
background-color: var(--camarone) background-color: var(--camarone)
@ -18076,10 +18076,15 @@ footer .nav-link {
font-size: 60px; font-size: 60px;
line-height: 30px; line-height: 30px;
} }
.md-title { .md-title {
color: #b61b5c; color: #b61b5c;
font-size: 32px; font-size: 32px;
font-weight: 600; font-weight: 600;
}
.service-icon {
background: #f67830 !important;
}
.service-radius {
border-radius: 60px;
} }
/*custome css*/ /*custome css*/

View File

@ -5,6 +5,8 @@
<?php include('parts/service.php')?> <?php include('parts/service.php')?>
<?php include('parts/form.php')?> <?php include('parts/form.php')?>
<?php /*?><?php include('parts/team.php')?><?php */?> <?php /*?><?php include('parts/team.php')?><?php */?>
<?php include('parts/testimonials.php')?>
<?php include('parts/location.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');?>

View File

@ -1,12 +1,12 @@
<!--Blog Section--> <!--Blog Section-->
<section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px pb-0"> <section class="bg-gradient-quartz-white border-radius-6px lg-border-radius-0px bg-very-light-gray">
<div class="container"> <div class="container">
<div class="row justify-content-center mb-3"> <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; }"> <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> <h3 class="text-dark-gray fw-700 ls-minus-1px" style="">Get Every Single Updates</h3>
</div> </div>
</div> </div>
<div class="row mb-5 sm-mb-7"> <div class="row sm-mb-7">
<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;">
<li class="grid-sizer"></li> <li class="grid-sizer"></li>

36
parts/location.php Normal file
View File

@ -0,0 +1,36 @@
<!--Office Location-->
<section class="bg-cornflower-blue pt-25px pb-25px">
<div class="container-fluid">
<div class="row position-relative">
<div class="col swiper swiper-width-auto text-cente feather-shadow swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: &quot;auto&quot;, &quot;spaceBetween&quot;:0, &quot;centeredSlides&quot;: true, &quot;speed&quot;: 8000, &quot;loop&quot;: true, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination-2&quot;, &quot;clickable&quot;: false }, &quot;allowTouchMove&quot;: false, &quot;autoplay&quot;: { &quot;delay&quot;:1, &quot;disableOnInteraction&quot;: false }, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.slider-four-slide-next-2&quot;, &quot;prevEl&quot;: &quot;.slider-four-slide-prev-2&quot; }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper marquee-slide" style="transition-duration: 8000ms; transform: translate3d(-1098.87px, 0px, 0px);" id="swiper-wrapper-b9bb9e054c89e74e" aria-live="off">
<div class="swiper-slide swiper-slide-next" role="group" aria-label="1 / 7" data-swiper-slide-index="0">
<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>
<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>
<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>
<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>
<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>
<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>
<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>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</section>
<!--Office Location End-->

View File

@ -10,11 +10,11 @@
<div class="row g-0 bg-very-light-gray"> <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"> <div class="col-xl-3 col-lg-4 col-md-5 tab-style-07 d-flex align-items-start align-items-xl-center">
<ul class="nav nav-tabs justify-content-center border-0 text-left fs-24 alt-font" role="tablist"> <ul class="nav nav-tabs justify-content-center border-0 text-left fs-24 alt-font" role="tablist">
<li class="nav-item" role="presentation"> <a data-bs-toggle="tab" href="#tab_seven1" class="nav-link" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">01</span>Career Counceling</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li> <li class="nav-item" role="presentation"> <a data-bs-toggle="tab" href="#tab_seven1" class="nav-link" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">01</span>Career Counceling</span> <span class="service-icon number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color service-radius"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven2" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">02</span>University Selection</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven2" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">02</span>University Selection</span> <span class="service-icon number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color service-radius"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven3" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">03</span>Abroad Study Handbook</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven3" aria-selected="false" role="tab" tabindex="-1"> <span><span class="primary-font me-10px fs-18 fw-600">03</span>Abroad Study Handbook</span> <span class="service-icon number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color service-radius"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link active" data-bs-toggle="tab" href="#tab_seven4" aria-selected="true" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">04</span>Australian Education System</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link active" data-bs-toggle="tab" href="#tab_seven4" aria-selected="true" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">04</span>Australian Education System</span> <span class="service-icon number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color service-radius service-radius"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven5" aria-selected="false" tabindex="-1" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">05</span>Test Prepration</span> <span class="number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color"></span> </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" data-bs-toggle="tab" href="#tab_seven5" aria-selected="false" tabindex="-1" role="tab"> <span><span class="primary-font me-10px fs-18 fw-600">05</span>Test Prepration</span> <span class="service-icon number-box d-flex justify-content-center align-items-center rounded-circle h-70px w-70px bg-base-color text-white"><i class="bi bi-arrow-right icon-extra-medium"></i></span> <span class="bg-hover bg-base-color service-radius"></span> </a> </li>
</ul> </ul>
</div> </div>
<div class="col-xl-9 col-lg-8 col-md-7"> <div class="col-xl-9 col-lg-8 col-md-7">
@ -23,8 +23,8 @@
<div class="tab-pane fade in h-100" id="tab_seven1" role="tabpanel"> <div class="tab-pane fade in h-100" id="tab_seven1" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto"> <div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/career.jpg)"> <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/career.jpg)">
<!-- <!--
<div class="position-absolute right-0px bottom-0 d-flex"> <div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center"> <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div> <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
@ -32,7 +32,7 @@
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br> <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div> now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div> </div>
--> -->
</div> </div>
</div> </div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8"> <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
@ -49,8 +49,8 @@
<div class="tab-pane fade in h-100" id="tab_seven2" role="tabpanel"> <div class="tab-pane fade in h-100" id="tab_seven2" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto"> <div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/university.jpg)"> <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/university.jpg)">
<!-- <!--
<div class="position-absolute right-0px bottom-0 d-flex"> <div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center"> <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div> <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
@ -58,7 +58,7 @@
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br> <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div> now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div> </div>
--> -->
</div> </div>
</div> </div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8"> <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
@ -75,8 +75,8 @@
<div class="tab-pane fade in h-100" id="tab_seven3" role="tabpanel"> <div class="tab-pane fade in h-100" id="tab_seven3" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto"> <div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/sop.jpg)"> <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/sop.jpg)">
<!-- <!--
<div class="position-absolute right-0px bottom-0 d-flex"> <div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center"> <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div> <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
@ -84,7 +84,7 @@
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br> <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div> now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div> </div>
--> -->
</div> </div>
</div> </div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8"> <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
@ -101,8 +101,8 @@
<div class="tab-pane fade in h-100 active show" id="tab_seven4" role="tabpanel"> <div class="tab-pane fade in h-100 active show" id="tab_seven4" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto"> <div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/australia-day.jpg)"> <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/australia-day.jpg)">
<!-- <!--
<div class="position-absolute right-0px bottom-0 d-flex"> <div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center"> <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div> <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
@ -110,7 +110,7 @@
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br> <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div> now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div> </div>
--> -->
</div> </div>
</div> </div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8"> <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">
@ -127,8 +127,8 @@
<div class="tab-pane fade in h-100" id="tab_seven5" role="tabpanel"> <div class="tab-pane fade in h-100" id="tab_seven5" role="tabpanel">
<div class="row g-0 h-100 lg-h-auto"> <div class="row g-0 h-100 lg-h-auto">
<div class="col-xl-6"> <div class="col-xl-6">
<div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/test.jpg)"> <div class="h-100 lg-h-400px cover-background position-relative" style="background-image: url(images/access-image/test.jpg)">
<!-- <!--
<div class="position-absolute right-0px bottom-0 d-flex"> <div class="position-absolute right-0px bottom-0 d-flex">
<div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center"> <div class="ps-40px pe-40px h-110px bg-white d-flex align-items-center">
<div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div> <div class="fs-30 fw-700 text-dark-gray"><span class="fs-16 fw-500 d-table lh-22 text-medium-gray">Starting from</span>$50.00</div>
@ -136,7 +136,7 @@
<div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br> <div class="ps-40px pe-40px xs-ps-30px xs-pe-30px h-110px bg-dark-gray d-flex align-items-center"> <a href="demo-hotel-and-resort-contact.html" class="d-flex align-items-center text-white"> <span class="fs-18 fw-600 lh-22 text-uppercase me-15px">Book<br>
now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div> now</span><span class="w-55px h-55px bg-white-transparent-extra-light border-radius-100 text-white position-relative"><i class="bi bi-arrow-right-short icon-extra-medium absolute-middle-center lh-0px"></i></span> </a> </div>
</div> </div>
--> -->
</div> </div>
</div> </div>
<div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8"> <div class="col-xl-6 bg-very-light-gray pt-6 pb-6 ps-8 pe-8">

89
parts/testimonials.php Normal file
View File

@ -0,0 +1,89 @@
<!--Testimonials Section-->
<section class="big-section position-relative">
<!--animation particals-->
<div id="particles-01" data-particle="true" data-particle-options="{&quot;particles&quot;: {&quot;number&quot;: {&quot;value&quot;: 10,&quot;density&quot;: {&quot;enable&quot;: true,&quot;value_area&quot;: 1000}},&quot;color&quot;:{&quot;value&quot;:[&quot;#ff5b74&quot;, &quot;#820f89&quot;]},&quot;shape&quot;: {&quot;type&quot;: &quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;}},&quot;opacity&quot;: {&quot;value&quot;: 0.7,&quot;random&quot;: false,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;speed&quot;: 2,&quot;sync&quot;: false}},&quot;size&quot;: {&quot;value&quot;: 7,&quot;random&quot;: true,&quot;anim&quot;: {&quot;enable&quot;: false,&quot;sync&quot;: true}},&quot;move&quot;: {&quot;enable&quot;: true,&quot;speed&quot;:2,&quot;direction&quot;: &quot;right&quot;,&quot;random&quot;: false,&quot;straight&quot;: false}},&quot;interactivity&quot;: {&quot;detect_on&quot;: &quot;canvas&quot;,&quot;events&quot;: {&quot;onhover&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;repulse&quot;},&quot;onclick&quot;: {&quot;enable&quot;: false,&quot;mode&quot;: &quot;push&quot;},&quot;resize&quot;: true}},&quot;retina_detect&quot;: false}" class="position-absolute top-0px left-0px w-100 z-index-minus-1">
<canvas class="particles-js-canvas-el" width="1903" height="952" style="width: 100%; height: 100%;"></canvas>
</div>
<!--animation particals-->
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-7 col-xl-8 col-lg-10 col-md-11 text-center">
<h3 class="text-dark-gray custom-title alt-font ls-minus-2px xs-mb-35px">What Our Students Say</h3>
</div>
</div>
<div class="row">
<div class="col-12 text-center appear anime-complete" data-anime="{ &quot;rotateX&quot;: [-40, 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="swiper swiper-horizontal-3d pt-8 pb-5 lg-pt-10 lg-pb-10 md-pt-12 sm-pt-15 sm-pb-11 swiper-pagination-bottom testimonials-style-04 magic-cursor swiper-coverflow swiper-3d swiper-initialized swiper-horizontal swiper-watch-progress" data-slider-options="{ &quot;loop&quot;: true, &quot;slidesPerView&quot;: 1,&quot;centeredSlides&quot;:true,&quot;effect&quot;:&quot;coverflow&quot;,&quot;coverflowEffect&quot;:{&quot;rotate&quot;:0,&quot;stretch&quot;:100,&quot;depth&quot;:150,&quot;modifier&quot;:1.5,&quot;slideShadows&quot;:true}, &quot;navigation&quot;: { &quot;nextEl&quot;: &quot;.swiper-button-next-nav.slider-navigation-style-04&quot;, &quot;prevEl&quot;: &quot;.swiper-button-previous-nav.slider-navigation-style-04&quot; }, &quot;autoplay&quot;: { &quot;delay&quot;: 5000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.swiper-pagination-04&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: true }, &quot;breakpoints&quot;: { &quot;768&quot;: { &quot;slidesPerView&quot;: 2 } } }">
<div class="swiper-wrapper" id="swiper-wrapper-10d101ac1e847e71a2" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-892.5px, 0px, 0px); transition-delay: 0ms;">
<!-- start testimonial item -->
<!-- end testimonial item -->
<!-- start testimonial item -->
<!-- end testimonial item -->
<!-- start testimonial item -->
<!-- end testimonial item -->
<!-- start testimonial item -->
<!-- end testimonial item -->
<div class="swiper-slide bg-white border-radius-4px" role="group" aria-label="3 / 4" data-swiper-slide-index="2" style="width: 595px; transition-duration: 0ms; transform: translate3d(300px, 0px, -450px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -2;">
<div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-26.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
<div class="testimonials-content">
<p class="mb-25px">"New Zealand was my dream destination for studies, and ACCESS EDUCATION Network played a pivotal role in making it happen. Their team's dedication is truly commendable." </p>
</div>
<div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Nabin Shrestha</div>
<div class="testimonials-position fs-15 lh-20">New Zealand</div>
</div>
<div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 3; transition-duration: 0ms;"></div>
<div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
</div>
<div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-prev" role="group" aria-label="4 / 4" data-swiper-slide-index="3" style="width: 595px; transition-duration: 0ms; transform: translate3d(150px, 0px, -225px) rotateX(0deg) rotateY(0deg) scale(1); z-index: -1;">
<div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-25.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
<div class="testimonials-content">
<p class="mb-25px">"Studying in Canada seemed like a distant dream, but ACCESS EDUCATION Network's comprehensive guidance and excellent counseling paved the way for my successful application." </p>
</div>
<div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Pita Dhungana</div>
<div class="testimonials-position fs-15 lh-20">Canada</div>
</div>
<div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 1.5; transition-duration: 0ms;"></div>
<div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
</div>
<div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-fully-visible swiper-slide-active" role="group" aria-label="1 / 4" data-swiper-slide-index="0" style="width: 595px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 1;">
<div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-24.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
<div class="testimonials-content">
<p class="mb-25px">"ACCESS EDUCATION Network's team is a group of dedicated professionals who genuinely care about your success. Their guidance led me to a top university in Australia." </p>
</div>
<div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Binod Karki</div>
<div class="testimonials-position fs-15 lh-20">Australia</div>
</div>
<div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
<div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
</div>
<div class="swiper-slide bg-white border-radius-4px swiper-slide-visible swiper-slide-next" role="group" aria-label="2 / 4" data-swiper-slide-index="1" style="width: 595px; transition-duration: 0ms; transform: translate3d(-150px, 0px, -225px) rotateX(0deg) rotateY(0deg) scale(1); z-index: 0;">
<div class="position-relative ps-13 pe-13 md-ps-10 md-pe-10 sm-ps-7 sm-pe-7 pt-20 pb-10 lg-pt-22 md-pt-30 sm-pt-20"> <img alt="" src="images/avtar-25.jpg" class="absolute-middle-center top-0px rounded-circle w-150px xs-w-100px border border-color-white box-shadow-extra-large border-8" data-no-retina="">
<div class="testimonials-content">
<p class="mb-25px">"I'm so thankful for ACCESS EDUCATION Network's constant guidance, from selecting the right course to getting my visa. They made my UK education dream a reality." </p>
</div>
<div class="testimonials-author fs-18 mb-5px text-gradient-fast-blue-purple fw-600 d-inline-block">Sabina Rai</div>
<div class="testimonials-position fs-15 lh-20">UK</div>
</div>
<div class="swiper-slide-shadow-left swiper-slide-shadow-coverflow" style="opacity: 0; transition-duration: 0ms;"></div>
<div class="swiper-slide-shadow-right swiper-slide-shadow-coverflow" style="opacity: 1.5; transition-duration: 0ms;"></div>
</div>
</div>
<!-- start slider pagination -->
<!-- <div class="swiper-pagination slider-four-slide-pagination-1 swiper-pagination-style-4 swiper-pagination-clickable swiper-pagination-bullets"></div>-->
<!-- end slider pagination -->
<!-- start slider navigation -->
<!-- <div class="swiper-button-previous-nav swiper-button-prev icon-extra-medium slider-navigation-style-04 rounded-circle"><i class="icon feather icon-feather-arrow-left"></i></div>
<div class="swiper-button-next-nav swiper-button-next icon-extra-medium slider-navigation-style-04 rounded-circle"><i class="icon feather icon-feather-arrow-right"></i></div>-->
<!-- end slider navigation -->
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
</div>
</div>
</section>
<!--Testimonials Section End-->