service page added

This commit is contained in:
sujan 2024-09-10 17:26:50 +05:45
parent 8525fb7d12
commit 04f9093a57
7 changed files with 236 additions and 124 deletions

View File

@ -4,8 +4,8 @@
<div class="container"> <div class="container">
<div class="row extra-very-small-screen align-items-center"> <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; }"> <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> <h1 class="mb-20px text-white text-shadow-medium" ><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Career Counceling</h2> <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" >Class</h2>
</div> </div>
</div> </div>
</div> </div>
@ -16,59 +16,61 @@
<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="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="container">
<div class="row"> <div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px 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; }"> <div class="col-lg-4 pe-5 order-2 order-lg-2 lg-pe-3 md-pe-15px 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; }">
<div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" style=""> <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span> <div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" > <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Additional Information</span>
<ul class="p-0 m-0 list-style-02"> <ul class="p-0 m-0 list-style-02">
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Career Counceling</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Why IELTS at Access?</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">University Selection</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">Why IELTS</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#"> Abroad Stuidy Handbook</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Major Elements of IELTS</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Test Prepration Guide</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">IELTS Scores</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Mock Test Regristration</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">IELTS Available Date</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Post Departure Guide</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">SOP Sample Format</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Documentation Guidance</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
<li><a href="#">Australian Education System</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
</ul> </ul>
</div> </div>
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" style=""> <div class="pt-4 tab-style-07 md-mb-20px appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [30, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 300, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="feature-box feature-box-left-icon-middle"> <h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" >Study Destination</h4>
<div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-yellow rounded-box"> <i class="bi bi-telephone-outbound icon-extra-medium text-white"></i> </div> <ul class="nav nav-tabs justify-content-center border-0 text-left alt-font fw-500" role="tablist" >
<div class="feature-box-content last-paragraph-no-margin"> <span class="fs-19 lh-22 mb-5px d-block text-white opacity-6 fw-300">Customer care?</span> <a href="tel:9801570070" class="text-white fs-20 fw-500 lh-22">+977-9801570070</a> </div> <li class="nav-item" role="presentation"> <a data-bs-toggle="tab" href="#tab_seven1" class="nav-link fs-18 p-5 active" aria-selected="true" role="tab"> <span>UK</span> <span class="bg-hover bg-base-color"></span> </a> </li>
</div> <li class="nav-item" role="presentation"> <a class="nav-link fs-18 p-5" data-bs-toggle="tab" href="#tab_seven2" aria-selected="false" tabindex="-1" role="tab"> <span>USA</span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link fs-18 p-5" data-bs-toggle="tab" href="#tab_seven3" aria-selected="false" tabindex="-1" role="tab"> <span>Canada</span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link fs-18 p-5" data-bs-toggle="tab" href="#tab_seven4" aria-selected="false" tabindex="-1" role="tab"> <span>Australia</span> <span class="bg-hover bg-base-color"></span> </a> </li>
<li class="nav-item" role="presentation"> <a class="nav-link fs-18 p-5" data-bs-toggle="tab" href="#tab_seven5" aria-selected="false" tabindex="-1" role="tab"> <span>New Zealand</span> <span class="bg-hover bg-base-color"></span> </a> </li>
</ul>
</div> </div>
</div> </div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px 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; }"> <div class="col-lg-8 order-1 order-lg-1 md-mb-50px 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; }">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" style="">Investment consulting services</h4> <h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" >Why IELTS at Access?</h4>
<p style="">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p >If you're considering taking the IELTS (International English Language Testing System) exam, look no further than Access Education Network for your preparation needs. We are committed to empowering learners like you with the knowledge, skills, and confidence necessary to achieve exceptional results in the IELTS test. Here's why preparing for IELTS from Access can make all the difference:</p>
<img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" style=""> <img src="images/access-image/class-banner.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" >
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px" style=""> <div class="row" >
<div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Return assumptions</span> <div class="col">
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> <ol>
</div> <li>
<div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Volatility expectations</span> <p>Expert Educators: At Access, we take pride in our team of expert educators. Our instructors are not only highly qualified but also experienced in guiding students through their IELTS journey. They possess in-depth knowledge of the IELTS exam format and assessment criteria, and they are dedicated to helping you reach your full potential.</p>
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> </li>
</div> <li>
</div> <p>Personalized Learning: We recognize that every learner is unique, and their learning needs may vary. Our approach is tailored to cater to individual strengths and areas of improvement. Through personalized attention and feedback, we ensure that you receive the support necessary to excel in all four sections of the IELTS exam.</p>
<div class="cover-background p-7 border-radius-6px mb-60px md-mb-40px d-flex justify-content-end align-items-end sm-h-500px" style="background-image: url(&quot;images/demo-accounting-services-details-02.jpg&quot;);"> </li>
<div class="bg-white box-shadow-quadruple-large border-radius-4px w-50 lg-w-55 sm-w-100 overflow-hidden"> <li>
<div class="p-40px lg-p-25px last-paragraph-no-margin"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Investment advice</span> <p>Comprehensive Curriculum: Our well-structured and comprehensive curriculum covers all aspects of the IELTS exam. From mastering test strategies to honing language skills, we leave no stone unturned in preparing you for success. You'll have access to a wide range of resources, including mock tests and practice materials, to gauge your progress and boost your confidence.</p>
<p class="w-95 lg-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore magna aliqua.</p> </li>
</div> <li>
<div class="bg-yellow p-15px text-center"> <a href="demo-accounting-contact.html" class="text-dark-gray text-dark-gray-hover fw-600"><i class="feather icon-feather-mail me-10px"></i>Talk with our team</a> </div> <p>Innovative Learning Methods: Access Education Network leverages the latest educational technology and teaching methodologies to make learning engaging and effective. Our interactive virtual classrooms, AI-driven learning tools, and gamified exercises add excitement to the preparation process, making your IELTS journey enjoyable.</p>
</div> </li>
</div> <li>
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block" style="">Benefits of working with us</h4> <p>Inclusive Learning Environment: We believe in fostering an inclusive and supportive learning environment where every student feels valued and encouraged. No matter your background or proficiency level, Access welcomes you to be a part of our diverse community, where you can learn from each other's experiences and perspectives.</p>
<div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden" style=""> </li>
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0"><span class="fw-600 text-dark-gray">Great client service: </span>We genuinely care about our customers lives and the experience we give them. That's why we put your best interests first.</p> <li>
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0 bg-solitude-blue"><span class="fw-600 text-dark-gray">Investment strategy: </span>You can expect our advisors to keep your needs in the forefront and focus on your overall experience before creating a plan.</p> <p>Proven Track Record: Over the years, Access has helped countless students achieve their IELTS goals. Our success stories speak for themselves, and we take pride in being a trusted name in IELTS preparation.</p>
<p class="ps-30px pe-30px pt-25px pb-25px mb-0"><span class="fw-600 text-dark-gray">Internal expertise: </span>Our team of investment advisors has advanced knowledge of the most current markets and the ability to navigate them effortlessly.</p> </li>
</div> <li>
<div class="row align-items-center justify-content-center g-0" style=""> <p>Flexibility and Convenience: We understand that many learners have busy schedules and other commitments. That's why we offer flexible learning options, including both online and offline classes, so you can prepare for IELTS at your own pace and convenience.</p>
<div class="col-auto d-block d-sm-flex align-items-center text-center text-sm-start"> <img src="images/demo-pizza-parlor-about-03.png" alt="" data-no-retina=""> </li>
<div class="lh-28 last-paragraph-no-margin text-dark-gray ps-15px xs-ps-0 xs-mt-15px"> <li>
<p>Save your time and effort spent for finding a solution. <a href="demo-accounting-contact.html" class="text-decoration-line-bottom fw-500 text-dark-gray">Contact us now</a></p> <p>Comprehensive Support: Preparing for IELTS can be both exciting and challenging. At Access, we are here to support you at every step of your journey. Whether you need assistance with exam registration, study planning, or even test-day tips, our team is here to guide you throughout the process.</p>
</div> </li>
<li>
<p>Beyond IELTS: Access Education Network is not just about preparing you for IELTS. We believe in holistic development and offer a range of additional educational programs and resources to nurture your overall growth.</p>
</li>
</ol>
</div> </div>
</div> </div>
</div> </div>

View File

@ -75,7 +75,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3"> <div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog8.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Major Elements of IELTS</h3> <h3 class="card-title text-dark-gray pb-4">Major Elements of IELTS</h3>
@ -87,7 +87,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3"> <div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog9.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">IELTS Scores</h3> <h3 class="card-title text-dark-gray pb-4">IELTS Scores</h3>
@ -99,7 +99,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3"> <div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog8.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog9.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Why IELTS?</h3> <h3 class="card-title text-dark-gray pb-4">Why IELTS?</h3>

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

17
pte.php
View File

@ -29,7 +29,6 @@
<div class="row justify-content-center pt-5 pb-5"> <div class="row justify-content-center pt-5 pb-5">
<div class="col-12"><img src="images/access-image/pte1.jpg" class="w-100" alt></div> <div class="col-12"><img src="images/access-image/pte1.jpg" class="w-100" alt></div>
</div> </div>
</div> </div>
</section> </section>
<!--Content Section End--> <!--Content Section End-->
@ -58,7 +57,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3"> <div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog8.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Major Elements of PTE</h3> <h3 class="card-title text-dark-gray pb-4">Major Elements of PTE</h3>
@ -70,7 +69,7 @@
</div> </div>
<div class="col-lg-4 col-md-6 col-12"> <div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3"> <div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog9.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">PTE Scores</h3> <h3 class="card-title text-dark-gray pb-4">PTE Scores</h3>
@ -80,18 +79,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog8.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Why IELTS?</h3>
<p class="pt-0 mb-0">Proven, trusted, and recognized globally, IELTS is your pathway to success. Start your journey today.</p>
</div>
<div class="border-top border-color-extra-medium-gray p-6"> <a href="class-details.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> </div>
</div> </div>
</section> </section>

View File

@ -4,8 +4,8 @@
<div class="container"> <div class="container">
<div class="row extra-very-small-screen align-items-center"> <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; }"> <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> <h1 class="mb-20px text-white text-shadow-medium" ><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Career Counceling</h2> <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" >Career Counceling</h2>
</div> </div>
</div> </div>
</div> </div>
@ -17,7 +17,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px 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; }"> <div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px 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; }">
<div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" style=""> <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span> <div class="bg-very-light-gray border-radius-6px p-45px lg-p-25px mb-25px" > <span class="fs-20 ls-minus-05px alt-font text-dark-gray fw-600 mb-20px d-inline-block">Accounting services</span>
<ul class="p-0 m-0 list-style-02"> <ul class="p-0 m-0 list-style-02">
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Career Counceling</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark"><a href="#">Career Counceling</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
<li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">University Selection</a><i class="feather icon-feather-arrow-right ms-auto"></i></li> <li class="pb-10px mb-10px border-bottom border-color-transparent-dark text-dark-gray"><a href="#" class="text-dark-gray text-dark-gray-hover">University Selection</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
@ -31,7 +31,7 @@
<li><a href="#">Australian Education System</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li> <li><a href="#">Australian Education System</a><i class="feather icon-feather-arrow-right lh-32 ms-auto"></i></li>
</ul> </ul>
</div> </div>
<div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" style=""> <div class="bg-dark-gray border-radius-6px ps-35px pb-25px pt-25px lg-ps-25px mb-25px" >
<div class="feature-box feature-box-left-icon-middle"> <div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-yellow rounded-box"> <i class="bi bi-telephone-outbound icon-extra-medium text-white"></i> </div> <div class="feature-box-icon feature-box-icon-rounded w-65px h-65px me-20px lg-me-15px rounded-circle bg-yellow rounded-box"> <i class="bi bi-telephone-outbound icon-extra-medium text-white"></i> </div>
<div class="feature-box-content last-paragraph-no-margin"> <span class="fs-19 lh-22 mb-5px d-block text-white opacity-6 fw-300">Customer care?</span> <a href="tel:9801570070" class="text-white fs-20 fw-500 lh-22">+977-9801570070</a> </div> <div class="feature-box-content last-paragraph-no-margin"> <span class="fs-19 lh-22 mb-5px d-block text-white opacity-6 fw-300">Customer care?</span> <a href="tel:9801570070" class="text-white fs-20 fw-500 lh-22">+977-9801570070</a> </div>
@ -39,10 +39,10 @@
</div> </div>
</div> </div>
<div class="col-lg-8 order-1 order-lg-2 md-mb-50px 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; }"> <div class="col-lg-8 order-1 order-lg-2 md-mb-50px 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; }">
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" style="">Investment consulting services</h4> <h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-20px d-block" >Career Counceling</h4>
<p style="">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p> <p >We help the students to find what is best for their career to them who are in the state of dilemma and are confused in selecting courses as per their academics and career goal.</p>
<img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" style=""> <img src="images/demo-accounting-services-details.jpg" class="mt-30px md-mt-15px mb-60px md-mb-40px border-radius-6px" alt="" data-no-retina="" >
<div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px" style=""> <div class="row row-cols-1 row-cols-md-2 mb-30px md-mb-15px" >
<div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Return assumptions</span> <div class="col"> <span class="fs-24 alt-font text-dark-gray ls-minus-05px fw-700 mb-10px d-block">Return assumptions</span>
<p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p> <p class="w-90 sm-w-100">Lorem ipsum dolor sit amet conseetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
</div> </div>
@ -58,13 +58,13 @@
<div class="bg-yellow p-15px text-center"> <a href="demo-accounting-contact.html" class="text-dark-gray text-dark-gray-hover fw-600"><i class="feather icon-feather-mail me-10px"></i>Talk with our team</a> </div> <div class="bg-yellow p-15px text-center"> <a href="demo-accounting-contact.html" class="text-dark-gray text-dark-gray-hover fw-600"><i class="feather icon-feather-mail me-10px"></i>Talk with our team</a> </div>
</div> </div>
</div> </div>
<h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block" style="">Benefits of working with us</h4> <h4 class="text-dark-gray fw-700 ls-minus-1px alt-font mb-40px lg-mb-30px d-block" >Benefits of working with us</h4>
<div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden" style=""> <div class="border border-color-extra-medium-gray border-radius-6px mb-40px xs-mb-30px overflow-hidden" >
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0"><span class="fw-600 text-dark-gray">Great client service: </span>We genuinely care about our customers lives and the experience we give them. That's why we put your best interests first.</p> <p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0"><span class="fw-600 text-dark-gray">Great client service: </span>We genuinely care about our customers lives and the experience we give them. That's why we put your best interests first.</p>
<p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0 bg-solitude-blue"><span class="fw-600 text-dark-gray">Investment strategy: </span>You can expect our advisors to keep your needs in the forefront and focus on your overall experience before creating a plan.</p> <p class="ps-30px pe-30px pt-25px pb-25px border-bottom border-1 border-color-extra-medium-gray mb-0 bg-solitude-blue"><span class="fw-600 text-dark-gray">Investment strategy: </span>You can expect our advisors to keep your needs in the forefront and focus on your overall experience before creating a plan.</p>
<p class="ps-30px pe-30px pt-25px pb-25px mb-0"><span class="fw-600 text-dark-gray">Internal expertise: </span>Our team of investment advisors has advanced knowledge of the most current markets and the ability to navigate them effortlessly.</p> <p class="ps-30px pe-30px pt-25px pb-25px mb-0"><span class="fw-600 text-dark-gray">Internal expertise: </span>Our team of investment advisors has advanced knowledge of the most current markets and the ability to navigate them effortlessly.</p>
</div> </div>
<div class="row align-items-center justify-content-center g-0" style=""> <div class="row align-items-center justify-content-center g-0" >
<div class="col-auto d-block d-sm-flex align-items-center text-center text-sm-start"> <img src="images/demo-pizza-parlor-about-03.png" alt="" data-no-retina=""> <div class="col-auto d-block d-sm-flex align-items-center text-center text-sm-start"> <img src="images/demo-pizza-parlor-about-03.png" alt="" data-no-retina="">
<div class="lh-28 last-paragraph-no-margin text-dark-gray ps-15px xs-ps-0 xs-mt-15px"> <div class="lh-28 last-paragraph-no-margin text-dark-gray ps-15px xs-ps-0 xs-mt-15px">
<p>Save your time and effort spent for finding a solution. <a href="demo-accounting-contact.html" class="text-decoration-line-bottom fw-500 text-dark-gray">Contact us now</a></p> <p>Save your time and effort spent for finding a solution. <a href="demo-accounting-contact.html" class="text-decoration-line-bottom fw-500 text-dark-gray">Contact us now</a></p>

View File

@ -6,7 +6,7 @@
<div class="row extra-very-small-screen align-items-center"> <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; }"> <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> <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> <h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">TOEFL</h2>
</div> </div>
</div> </div>
</div> </div>
@ -20,33 +20,16 @@
<div class="col-lg-10"> <div class="col-lg-10">
<div class="row"> <div class="row">
<div class="offset-lg-1 col-md-10 last-paragraph-no-margin text-center text-md-start"> <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> <h3 class="alt-font fw-600 text-dark-gray">TOEFL 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> <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> </div>
</div> </div>
</div> </div>
<div class="row justify-content-center pt-5 pb-5"> <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 class="col-12"><img src="images/access-image/toefl1.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>
</div> </div>
</section> </section>
<!--Content Section End--> <!--Content Section End-->
@ -66,8 +49,8 @@
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Why IELTS at Access ?</h3> <h3 class="card-title text-dark-gray pb-4">Why TOEFL ?</h3>
<p class="pt-0 mb-0">Look no further than Access Education Network for your preparation needs. We are committed to empowering learners like you.</p> <p class="pt-0 mb-0">TOEFL (Test of English as a Foreign Language) is widely recognized and accepted by educational institutions worldwide for English language</p>
</div> </div>
<div class="border-top border-color-extra-medium-gray p-6"> <a href="class-details.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="class-details.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>
@ -78,8 +61,8 @@
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Major Elements of IELTS</h3> <h3 class="card-title text-dark-gray pb-4">The Component of TOEFL</h3>
<p class="pt-0 mb-0">Understanding these elements is crucial for achieving your desired score and unlocking countless opportunities.</p> <p class="pt-0 mb-0">The TOEFL iBT ® test has 4 sections: Reading, Listening, Speaking, and Writing. The total test takes just under</p>
</div> </div>
<div class="border-top border-color-extra-medium-gray p-6"> <a href="class-details.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="class-details.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>
@ -90,25 +73,14 @@
<div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div> <div class="image"> <a href="#"> <img src="images/access-image/blog7.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative"> <div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light"> <div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">IELTS Scores</h3> <h3 class="card-title text-dark-gray pb-4">TOEFL Scores</h3>
<p class="pt-0 mb-0">It's a gateway to academic pursuits, career opportunities, and even immigration prospects in English-speaking countries</p> <p class="pt-0 mb-0">iBT: 0 to 30 (in 1 point increments) on each of the 4 sections. So total of 0 to 120.</p>
</div>
<div class="border-top border-color-extra-medium-gray p-6"> <a href="class-details.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 class="col-lg-4 col-md-6 col-12">
<div class="blog-card-s3">
<div class="image"> <a href="#"> <img src="images/access-image/blog8.jpg" alt="" data-no-retina=""> </a> </div>
<div class="bg-white position-relative">
<div class="p-8 xl-ps-25px xl-pe-25px border-bottom border-color-transparent-dark-very-light">
<h3 class="card-title text-dark-gray pb-4">Why IELTS?</h3>
<p class="pt-0 mb-0">Proven, trusted, and recognized globally, IELTS is your pathway to success. Start your journey today.</p>
</div> </div>
<div class="border-top border-color-extra-medium-gray p-6"> <a href="class-details.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="class-details.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>
</div> </div>
</div> </div>
</div> </div>
</section> </section>

155
uk.php
View File

@ -24,7 +24,6 @@
</div> </div>
</div> </div>
</section> </section>
<!--Intro Section End--> <!--Intro Section End-->
<!--Country Image Section--> <!--Country Image Section-->
@ -39,8 +38,160 @@
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<!--Country Image Section End--> <!--Country Image Section End-->
<!--Blog Details-->
<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"> <span class="fs-15 alt-font fw-600 text-tussock-yellow text-uppercase ls-2px">Popular classes</span>
<h3 class="fw-600 text-dark-gray ls-minus-1px">Find what you love</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="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="ps-50px pe-50px pt-35px 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" 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="ps-50px pe-50px pt-35px 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" 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="ps-50px pe-50px pt-35px 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 swiper-slide-prev" 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="ps-50px pe-50px pt-35px 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 swiper-slide-active" 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="ps-50px pe-50px pt-35px 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-next" 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="ps-50px pe-50px pt-35px 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="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="ps-50px pe-50px pt-35px 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="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="ps-50px pe-50px pt-35px 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>
<!--Blog Details End-->
<?php include('footer.php')?> <?php include('footer.php')?>