About Message and Network Page Changes

This commit is contained in:
sujan 2024-09-11 16:51:48 +05:45
parent 6f18335410
commit 6697b11daf
5 changed files with 181 additions and 21 deletions

View File

@ -50,35 +50,57 @@
<!--Inro Section-->
<!--Banner Section-->
<section class="pt-0 pb-0 position-relative overflow-hidden">
<section class="pt-3 pb-3 position-relative overflow-hidden">
<div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% -20px;"></div>
</section>
<!--Banner Section End-->
<!--Mission vision Section-->
<!--
<section>
<div class="container">
<div class="row">
<div class="col-lg-5 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;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="position-sticky top-100px" > <span class="fs-70 xl-fs-65 lg-fs-55 fw-700 mb-45px d-inline-block text-black ls-minus-3px xs-ls-minus-2px">We are committed to deliver unique <span class="alt-font font-style-italic">digital media solutions.</span></span> </div>
</div>
<div class="col-lg-5 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;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }"> </div>
<div class="col-lg-7 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;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" > <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Mission</span>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin">
<h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Our Mission</h2>
<p>Access is a prominent institution delivering service in the sector of education consultation. It is a prime entity which is committed to keep its good name in the Nepalese community. We are committed to present ourselves in a responsible and accountable manner while rendering service to the students. We are motivated to provide appropriate solutions to the problems of the students regarding the selection of institutions and provide right assistance for documentation and visa application submission. There exist numerous issues that create anxiety in the students while application processing. Access stands strong and bold for resolving such problems for the students. We are on a pious mission of keeping the name of the consultancy and extending it far and wide. We are carefully executing the services to put ourselves as the epitome of success and reliability.</p>
</div>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin" > <span class="d-inline-block fs-15 text-uppercase fw-700 text-black mb-5px">Our Vission</span>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin">
<h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Our Vission</h2>
<p>Access, an ambitious institution for career counseling, has a prominent vision of rendering quality service to the students for admitting them in the University of their Desire. We have set a visionary goal of making us count as the incomparable institution in the field of consultation service-providing and career counseling.</p>
</div>
</div>
</div>
</div>
</section>
-->
<section class="full-screen sm-h-auto position-relative">
<div class="primary-bg h-100 lg-w-100 position-absolute top-0 left-0 skrollable skrollable-after" data-bottom-top="width:20%" data-center-top="width:100%;" style="width: 100%;"></div>
<div class="container position-relative h-100">
<div class="row justify-content-center align-items-center h-100">
<div class="col-lg-5 appear anime-complete" data-anime="{ &quot;scale&quot;:[1.1,1], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 500, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }" style=""> </div>
<div class="col-lg-7">
<div class="mb-60px sm-mb-30px last-paragraph-no-margin">
<h2 class="form-title fw-700 alt-font text-white ls-minus-2px">Our Mission</h2>
<p class="text-white">Access is a prominent institution delivering service in the sector of education consultation. It is a prime entity which is committed to keep its good name in the Nepalese community. We are committed to present ourselves in a responsible and accountable manner while rendering service to the students. We are motivated to provide appropriate solutions to the problems of the students regarding the selection of institutions and provide right assistance for documentation and visa application submission. There exist numerous issues that create anxiety in the students while application processing. Access stands strong and bold for resolving such problems for the students. We are on a pious mission of keeping the name of the consultancy and extending it far and wide. We are carefully executing the services to put ourselves as the epitome of success and reliability.</p>
</div>
<div class="mb-60px sm-mb-30px last-paragraph-no-margin">
<h2 class="form-title fw-700 alt-font text-white ls-minus-2px">Our Vission</h2>
<p class="text-white">Access, an ambitious institution for career counseling, has a prominent vision of rendering quality service to the students for admitting them in the University of their Desire. We have set a visionary goal of making us count as the incomparable institution in the field of consultation service-providing and career counseling.</p>
</div>
</div>
</div>
</div>
</section>
<!--Mission vision Section End-->
<!--Class Section-->
<section class="bg-very-light-gray">
<div class="container">
<div class="row text-center pt-5 pb-5">
<div class="row text-center pb-5">
<div class="col-lg-6 col-12 mx-auto">
<div class="wpo-section-title">
<h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Get Ready for Success</h2>

12
css/style.min.css vendored
View File

@ -18097,4 +18097,16 @@ footer .nav-link {
.blog-heading {
font-size: 22px;
}
.primary-bg {
background: #b61b5c;
}
.md-message {
font-size: 20px;
line-height: 30px
}
.message-title {
font-size: 140px;
line-height: 160px;
font-weight: 600;
}
/*custome css*/

Binary file not shown.

After

Width:  |  Height:  |  Size: 88 KiB

View File

@ -22,19 +22,28 @@
<!--Page Hero section End-->
<!--Message Section-->
<section>
<div class="container">
<div class="row appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateY&quot;: [15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 500, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-12 col-lg-5" style="">
<h2 class="alt-font text-dark-gray fw-400 ls-minus-1px"><span class="fw-600">Leading with Purpose and Passion</span></h2>
<section class="full-screen magic-cursor round-cursor position-relative lg-h-auto overflow-hidden background-position-center-top" style="background-image: url('images/demo-seo-agency-vertical-line-bg.svg')">
<div id="particles-style-04" class="position-absolute h-100 top-0 left-0 w-100" data-particle="true" data-particle-options="{&quot;particles&quot;:{&quot;number&quot;:{&quot;value&quot;:10,&quot;density&quot;:{&quot;enable&quot;:true,&quot;value_area&quot;:800}},&quot;color&quot;:{&quot;value&quot;: &quot;#dc3131&quot;},&quot;shape&quot;:{&quot;type&quot;:&quot;circle&quot;,&quot;stroke&quot;:{&quot;width&quot;:0,&quot;color&quot;:&quot;#000000&quot;},&quot;polygon&quot;:{&quot;nb_sides&quot;:5},&quot;image&quot;:{&quot;src&quot;:&quot;img/github.svg&quot;,&quot;width&quot;:100,&quot;height&quot;:100}},&quot;opacity&quot;:{&quot;value&quot;:1,&quot;random&quot;:false,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:1,&quot;opacity_min&quot;:0.1,&quot;sync&quot;:false}},&quot;size&quot;:{&quot;value&quot;:6,&quot;random&quot;:true,&quot;anim&quot;:{&quot;enable&quot;:false,&quot;speed&quot;:40,&quot;size_min&quot;:0.1,&quot;sync&quot;:false}},&quot;line_linked&quot;:{&quot;enable&quot;:false,&quot;distance&quot;:150,&quot;color&quot;:&quot;#ffffff&quot;,&quot;opacity&quot;:0.4,&quot;width&quot;:1},&quot;move&quot;:{&quot;enable&quot;:true,&quot;speed&quot;:6,&quot;direction&quot;:&quot;none&quot;,&quot;random&quot;:false,&quot;straight&quot;:false,&quot;out_mode&quot;:&quot;out&quot;,&quot;bounce&quot;:false,&quot;attract&quot;:{&quot;enable&quot;:false,&quot;rotateX&quot;:600,&quot;rotateY&quot;:1200}}},&quot;interactivity&quot;:{&quot;detect_on&quot;:&quot;canvas&quot;,&quot;events&quot;:{&quot;onhover&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;repulse&quot;},&quot;onclick&quot;:{&quot;enable&quot;:true,&quot;mode&quot;:&quot;push&quot;},&quot;resize&quot;:true},&quot;modes&quot;:{&quot;grab&quot;:{&quot;distance&quot;:400,&quot;line_linked&quot;:{&quot;opacity&quot;:1}},&quot;bubble&quot;:{&quot;distance&quot;:400,&quot;size&quot;:40,&quot;duration&quot;:2,&quot;opacity&quot;:8,&quot;speed&quot;:3},&quot;repulse&quot;:{&quot;distance&quot;:200,&quot;duration&quot;:0.4},&quot;push&quot;:{&quot;particles_nb&quot;:4},&quot;remove&quot;:{&quot;particles_nb&quot;:2}}},&quot;retina_detect&quot;:true}">
<canvas class="particles-js-canvas-el" width="1903" height="953" style="width: 100%; height: 100%;"></canvas>
</div>
<div class="container h-100">
<div class="row h-100 align-items-center text-sm-start text-center position-relative">
<div class="col-12 md-mb-70px sm-mb-50px xs-mb-20px">
<div class="message-title text-dark-gray md-fs-160 sm-fs-100 ls-minus-8px xs-ls-minus-5px text-uppercase overflow-hidden">
<div data-bottom-top="transform: translate3d(-20px, 0px, 0px);" data-top-bottom="transform: translate3d(20px, 0px, 0px);" class="skrollable skrollable-between" style="transform: translate3d(-1.21801px, 0px, 0px);">Message from Leadership</div>
</div>
</div>
<div class="col-12 col-lg-7 last-paragraph-no-margin" style="">
<div class="alt-font text-dark-gray mb-15px fs-20"><span class="text-highlight">MD. Access Education Network<span class="bg-base-color h-8px bottom-0px"></span></span></div>
<p>Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents. </p>
<p>For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
<div class="col-12 mb-auto">
<div class="row align-items-end appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;translateX&quot;: [-15, 0], &quot;opacity&quot;: [0,1], &quot;duration&quot;: 800, &quot;delay&quot;: 200, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col-lg-9 pt-5">
<p class="md-message text-dark-gray">Education is essential for the continuation of a person's growth. In this highly competitive educational scenario it is important to keep abreast. With higher education you dont just keep abreast, you move ahead. Your choice of education will shape your future. Education is the building block of human experience. It is not just an integral part of your professional life but greatly influences your overall personality. Our three- fold mission is that of “Mentoring” the youth of this country to dream “Motivating” them towards greater hopes and aspiration and “Guiding” them on the right track to realize those ambitions. We at Access Education are with you every step of the way to make the best choices to enhance your inherent talents. </p>
<p>For students going abroad, a sound knowledge and understanding of the educational opportunities is vital. Many students require personal guidance in finding a suitable course, school, college or university. We believe in setting high standards in the quality of service provided to students to ensure that their stay abroad is safe, successful and enjoyable. Access Education Network will help you to make the right choice. Our educational background and exposure to international studentship have equipped us with an appreciation of students needs and ability to empathies with parents who are so far from their children. I invite you very warmly to experience the benefits of our service and find out for yourself what is considered to be special about Access. </p>
</div>
</div>
</div>
</div>
</div>
<div class="position-absolute bottom-0px right-minus-100px skrollable skrollable-between" data-bottom-top="transform: rotate(0deg) translateY(50px)" data-top-bottom="transform:rotate(10deg) translateY(-50px)" style="transform: rotate(5.45053deg) translateY(-4.5053px);"> <img src="images/access-image/experience-small.png" class="" alt="" data-no-retina=""> </div>
</section>
<!--Message Section End-->
@ -43,4 +52,59 @@
<div class="one-third-screen md-h-600px sm-h-350px skrollr-parallax magic-cursor round-cursor mx-auto skrollable skrollable-after" data-bottom-top="width: 54%" data-center-top="width: 86%;" data-parallax-background-ratio="0.5" style="background-image: url(&quot;images/demo-scattered-portfolio-about-06.jpg&quot;); width: 86%; background-position: 50% 230px;"></div>
</section>
<!--Slide Image End-->
<!--Class Section-->
<section class="bg-very-light-gray">
<div class="container">
<div class="row text-center pt-5 pb-5">
<div class="col-lg-6 col-12 mx-auto">
<div class="wpo-section-title">
<h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Get Ready for Success</h2>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-3 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;: 100, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col mb-30px" >
<!-- start services box style -->
<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="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>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 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 -->
</div>
<div class="col mb-30px">
<!-- start services box style -->
<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="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>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 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 -->
</div>
<div class="col mb-30px">
<!-- start services box style -->
<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="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>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 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 -->
</div>
</div>
</div>
</section>
<!--Class Section End-->
<?php include('footer.php');?>

View File

@ -1,12 +1,20 @@
<?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="shape-image-animation bottom-0 p-0 w-100 d-none d-md-block">
<svg xmlns="http://www.w3.org/2000/svg" widht="3000" height="400" viewBox="0 180 2500 200" fill="#ffffff">
<path class="st1" d="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250">
<animate attributeName="d" dur="5s" values="M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250;
M 0 250 C 400 50 400 400 3000 250 L 3000 550 L 0 550 L 0 250;
M 0 250 C 1200 400 1200 50 3000 250 L 3000 550 L 0 550 L 0 250" repeatCount="indefinite"></animate>
</path>
</svg>
</div>
<div class="container">
<div class="row extra-very-small-screen align-items-center">
<div class="col-lg-5 col-sm-8 position-relative page-title-extra-small appear anime-child anime-complete" data-anime="{ &quot;el&quot;: &quot;childs&quot;, &quot;opacity&quot;: [0, 1], &quot;translateX&quot;: [-30, 0], &quot;duration&quot;: 800, &quot;delay&quot;: 0, &quot;staggervalue&quot;: 300, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<h1 class="mb-20px text-white text-shadow-medium" style=""><span class="w-30px h-2px bg-yellow d-inline-block align-middle position-relative top-minus-2px me-10px"></span>Access Education Network</h1>
<h2 class="text-white text-shadow-medium fw-500 ls-minus-2px mb-0" style="">Access Network</h2>
<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" >Our Network</h2>
</div>
</div>
</div>
@ -123,4 +131,58 @@
</section>
<!--Faq's Section End-->
<!--Class Section-->
<section class="bg-very-light-gray">
<div class="container">
<div class="row text-center pb-5">
<div class="col-lg-6 col-12 mx-auto">
<div class="wpo-section-title">
<h2 class="form-title fw-700 alt-font text-dark-gray ls-minus-2px">Get Ready for Success</h2>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-lg-3 row-cols-md-2 justify-content-center mb-3 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;: 100, &quot;staggervalue&quot;: 200, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<div class="col mb-30px" >
<!-- start services box style -->
<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="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>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 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 -->
</div>
<div class="col mb-30px">
<!-- start services box style -->
<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="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>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 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 -->
</div>
<div class="col mb-30px">
<!-- start services box style -->
<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="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>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 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 -->
</div>
</div>
</div>
</section>
<!--Class Section End-->
<?php include('footer.php')?>