ielts page added with about page changes

This commit is contained in:
sujan 2024-09-10 13:59:37 +05:45
parent 2749142c41
commit 5cdbbe81f4
6 changed files with 224 additions and 15 deletions

View File

@ -18,7 +18,7 @@
<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="about-title alt-font text-dark-gray fw-500 mb-0 ls-minus-1px shadow-none shadow-in" data-shadow-animation="true" data-animation-delay="700" style="">Transforming Ambitions into Achievements</h2>
</div> </div>
<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>
@ -86,10 +86,10 @@
<div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden"> <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative"> <a href="ielts.php"><img src="images/access-image/ielts-img.jpg" alt="" data-no-retina=""></a> </div> <div class="position-relative"> <a href="ielts.php"><img src="images/access-image/ielts-img.jpg" alt="" data-no-retina=""></a> </div>
<div class="bg-white"> <div class="bg-white">
<div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="ielts.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">IELTS</a> <div class="p-6"> <a href="ielts.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">IELTS</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p> <p>IELTS stands for The International English Language Testing System. It is a standardized English proficiency test that is primarily structured for non-native English speakers. It is the most widely used English assessment test for higher education and global migration.</p>
</div> </div>
<div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="ielts.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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="border-top border-color-extra-medium-gray p-6"> <a href="ielts.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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>
<!-- end services box style --> <!-- end services box style -->
@ -99,10 +99,10 @@
<div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden"> <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative"> <a href="pte.php"><img src="images/access-image/pte-img.jpg" alt="" data-no-retina=""></a></div> <div class="position-relative"> <a href="pte.php"><img src="images/access-image/pte-img.jpg" alt="" data-no-retina=""></a></div>
<div class="bg-white"> <div class="bg-white">
<div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="pte.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">PTE</a> <div class="p-6"> <a href="pte.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">PTE</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p> <p>The full form of PTE is Pearson Test of English. PTE is a computerized language assessment test that is accepted by universities and colleges from around the world. It is designed for students and candidates who wish to pursue further study in abroad.</p>
</div> </div>
<div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="pte.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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="border-top border-color-extra-medium-gray p-6"> <a href="pte.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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>
<!-- end services box style --> <!-- end services box style -->
@ -112,10 +112,10 @@
<div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden"> <div class="box-shadow-quadruple-large box-shadow-quadruple-large-hover services-box-style-03 last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative"> <a href="toefl.php"><img src="images/access-image/toefl-img.jpg" alt="" data-no-retina=""></a></div> <div class="position-relative"> <a href="toefl.php"><img src="images/access-image/toefl-img.jpg" alt="" data-no-retina=""></a></div>
<div class="bg-white"> <div class="bg-white">
<div class="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="toefl.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">TOEFL</a> <div class="p-6"> <a href="toefl.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">TOEFL</a>
<p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p> <p>The official term for the test is TOEFL, which stands for Test of English as a Foreign Language. In terms of reading, speaking, listening, and writing, TOEFL assesses the ability to speak and understand English. </p>
</div> </div>
<div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="toefl.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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="border-top border-color-extra-medium-gray p-6"> <a href="toefl.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore 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>
<!-- end services box style --> <!-- end services box style -->
@ -124,5 +124,4 @@
</div> </div>
</section> </section>
<!--Class Section End--> <!--Class Section End-->
<?php include('footer.php');?>
<?php include('footer.php');?>

3
css/style.min.css vendored
View File

@ -18087,4 +18087,7 @@ footer .nav-link {
.service-radius { .service-radius {
border-radius: 60px; border-radius: 60px;
} }
.text-heading {
font-size: 40px;
}
/*custome css*/ /*custome css*/

View File

@ -356,7 +356,7 @@ footer ul li {
} }
@media(max-width:1199px) { @media(max-width:1199px) {
header .btn.btn-rounded.btn-small { header .btn.btn-rounded.btn-small {
padding: 9px 18px /* padding: 9px 18px*/
} }
} }
@media(max-width:991px) { @media(max-width:991px) {

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">Apply Now</a> </div> <div class="header-button"> <a href="#" class="btn btn-small btn-rounded btn-dark-gray btn-medium btn-switch-text btn-box-shadow text-transform-none"> <span> <span class="btn-double-text" data-text="Apply Now">Apply Now</span> </span> </a></div>
</div> </div>
</div> </div>
</div> </div>

207
ielts.php Normal file
View File

@ -0,0 +1,207 @@
<?php include('header.php')?>
<!--Page Hero Section-->
<section class="top-space-margin page-title-big-typography cover-background magic-cursor round-cursor" style="background-image: url(&quot;images/demo-accounting-company-title-bg.jpg&quot;); margin-top: 141px;">
<div class="background-position-center-bottom background-size-100 background-no-repeat position-absolute bottom-0 left-0px w-100 h-250px z-index-1" style="background-image: url('images/demo-seo-agency-about-bottom-bg.png');"></div>
<div class="container">
<div class="row extra-very-small-screen align-items-center">
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateX&quot;: [-30, 0], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">IELTS</h2>
</div>
</div>
</div>
</section>
<!--Page Hero section End-->
<!--Content Section-->
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="offset-lg-1 col-md-10 last-paragraph-no-margin text-center text-md-start">
<h3 class="alt-font fw-600 text-dark-gray">IELTS Preprations</h3>
<p>IELTS stands for The International English Language Testing System. It is a standardized English proficiency test that is primarily structured for non-native English speakers. It is the most widely used English assessment test for higher education and global migration.</p>
</div>
</div>
</div>
</div>
<div class="row justify-content-center pt-5 pb-5">
<div class="col-12"><img src="images/access-image/ielts1.jpg" class="w-100" alt></div>
</div>
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="offset-lg-1 col-md-10 last-paragraph-no-margin text-center text-md-start">
<div class="pb-3 text-center text-md-start">
<h3 class="pb-0 alt-font fw-600 text-dark-gray text-heading">IELTS is an abbreviated form of International English Language Testing System which is:-</h3>
</div>
<ul class="list-group">
<li class="list-group-item">A widely recognized English Language proficiency test.</li>
<li class="list-group-item">A reliable means of evaluating the English language ability.</li>
<li class="list-group-item">Jointly managed by university of Cambridge ESOL Examinations, the British Council and IDP Education Pty Limited.</li>
<li class="list-group-item">Accepted by almost all Australian, British, Canadian, Irish, New Zealand and more than 1800 US academic institutions.</li>
<li class="list-group-item">Is the only acceptable English test for immigration to Australian.</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--Content Section End-->
<!--Additional INformation Blog-->
<section class="background-repeat overflow-hidden" style="background-image:url('images/demo-spa-salon-home-bg-01.jpg');">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 text-center">
<h3 class="fw-600 text-dark-gray ls-minus-1px">Additional information</h3>
</div>
</div>
<div class="row">
<div class="col-md-12 position-relative">
<div class="outside-box-right-20 sm-outside-box-left-0 sm-outside-box-right-0 appear anime-complete" data-anime="{ &quot;translateY&quot;: [0, 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="">
<div class="swiper magic-cursor swiper-initialized swiper-horizontal swiper-backface-hidden" data-slider-options="{ &quot;slidesPerView&quot;: 1, &quot;spaceBetween&quot;: 30, &quot;loop&quot;: true, &quot;autoplay&quot;: { &quot;delay&quot;: 4000, &quot;disableOnInteraction&quot;: false }, &quot;pagination&quot;: { &quot;el&quot;: &quot;.slider-four-slide-pagination&quot;, &quot;clickable&quot;: true, &quot;dynamicBullets&quot;: false }, &quot;keyboard&quot;: { &quot;enabled&quot;: true, &quot;onlyInViewport&quot;: true }, &quot;breakpoints&quot;: { &quot;1400&quot;: { &quot;slidesPerView&quot;: 4 }, &quot;992&quot;: { &quot;slidesPerView&quot;: 3 }, &quot;768&quot;: { &quot;slidesPerView&quot;: 2 }, &quot;320&quot;: { &quot;slidesPerView&quot;: 1 } }, &quot;effect&quot;: &quot;slide&quot; }">
<div class="swiper-wrapper pt-20px pb-20px" id="swiper-wrapper-557aed274bd9f568" aria-live="off" style="transition-duration: 0ms; transform: translate3d(-1604px, 0px, 0px); transition-delay: 0ms;">
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<!-- start slider item -->
<!-- end slider item -->
<div class="swiper-slide" role="group" aria-label="1 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="0">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-02.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Why IELTS at Access?</a>
<p>Look no further than Access Education Network for your preparation needs. We are committed to empowering learners like you.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="2 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="1">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-03.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Why IELTS?</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$240</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="3 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="2">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-04.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Meditation classes</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$100</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-prev" role="group" aria-label="4 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="3">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-05.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Sound therapy</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$270</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-active" role="group" aria-label="5 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="4">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-06.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Nadabrahma yoga</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$310</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide swiper-slide-next" role="group" aria-label="6 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="5">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-02.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Kundalini yoga</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$220</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="7 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="6">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-03.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Aerial yoga</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$240</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
<div class="swiper-slide" role="group" aria-label="8 / 8" style="width: 371px; margin-right: 30px;" data-swiper-slide-index="7">
<div class="box-shadow-extra-large services-box-style-01 hover-box last-paragraph-no-margin border-radius-4px overflow-hidden">
<div class="position-relative box-image"> <img src="images/demo-yoga-and-meditation-home-04.jpg" alt="" data-no-retina=""> </div>
<div class="bg-white">
<div class="p-8 sm-p-35px sm-pb-0"> <a href="#" class="d-inline-block fs-19 primary-font fw-600 text-dark-gray mb-5px">Meditation classes</a>
<p>Lorem ipsum dolor eiusmod adipiscing lit tempor.</p>
</div>
<div class="border-top border-color-extra-medium-gray pt-20px pb-20px ps-50px pe-50px mt-30px sm-ps-35px sm-pe-35px position-relative">
<div class="fs-17"><span class="text-dark-gray alt-font fs-26 fw-600 me-5px">$100</span>Per month</div>
<a href="#" class="d-flex justify-content-center align-items-center w-55px h-55px lh-55 rounded-circle bg-dark-gray position-absolute right-40px top-minus-30px"><i class="bi bi-arrow-right-short text-white icon-very-medium"></i></a> </div>
</div>
</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
</div>
<!-- start slider pagination -->
<!--<div class="swiper-pagination slider-four-slide-pagination swiper-pagination-style-2 swiper-pagination-clickable swiper-pagination-bullets"></div>-->
<!-- end slider pagination -->
</div>
</div>
</div>
</section>
<!--Additional INformation Blog End-->
<?php include('footer.php')?>

Binary file not shown.

After

Width:  |  Height:  |  Size: 133 KiB