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

@ -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-->
@ -42,5 +51,60 @@
<section class="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% 230px;"></div>
</section>
<!--Slide Image End-->
<!--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');?>