ielts page added with about page changes

about.php

@@ -18,7 +18,7 @@
   <div class="container">
     <div class="row align-items-center align-items-lg-end justify-content-center extra-very-small-screen g-0">
       <div class="col-xxl-7 col-xl-6 col-lg-7 position-relative page-title-extra-small md-mb-30px md-mt-auto appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 600, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
-        <h2 class="about-title 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 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>
@@ -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="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="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 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>
         <!-- 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="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="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 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>
         <!-- 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="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="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 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>
         <!-- end services box style --> 
@@ -124,5 +124,4 @@
   </div>
 </section>
 <!--Class Section End-->
-
+<?php include('footer.php');?>
-<?php include('footer.php');?>

css/style.min.css

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

demos/accounting/accounting.css

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

header.php

@@ -51,7 +51,7 @@
                 <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="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>
             </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>
@@ -90,7 +90,7 @@
       </div>
       <div class="col-auto col-lg-2 text-end d-none d-sm-flex">
         <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>

ielts.php

@@ -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')?>