about pages changes

about.php

@@ -59,7 +59,6 @@
 <!--Inro Section--> 
 
 <!--Banner Section-->
-
 <section class="overflow-hidden p-0">
   <div class="container-fluid">
     <div class="row">
@@ -69,6 +68,61 @@
     </div>
   </div>
 </section>
-<!--Banner Section End-->
+<!--Banner Section End--> 
+
+<!--Class Section-->
+<section class="background-position-left-top background-no-repeat-y background-size-auto-100 pt-5 md-pt-0" style="background-image: url('images/demo-charity-causes-bg.jpg')">
+  <div class="container">
+    <div class="row justify-content-center pt-5 pb-5">
+      <div class="col-lg-6 col-12">
+        <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" style=""> 
+        <!-- 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="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="ielts.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">IELTS</a>
+              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
+            </div>
+            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="ielts.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
+          </div>
+        </div>
+        <!-- end services box style --> 
+      </div>
+      <div class="col mb-30px" style=""> 
+        <!-- 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="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="pte.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">PTE</a>
+              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
+            </div>
+            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="pte.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
+          </div>
+        </div>
+        <!-- end services box style --> 
+      </div>
+      <div class="col mb-30px" style=""> 
+        <!-- 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="ps-50px pe-50px pt-20px pb-30px xl-ps-20px xl-pe-20px text-center progress-bar-style-01"> <a href="toefl.php" class="d-inline-block fs-20 fw-500 text-dark-gray text-dark-gray-hover mb-5px ls-minus-05px">TOEFL</a>
+              <p>Lorem ipsum dolor consectetur adipiscing eiusmod tempor.</p>
+            </div>
+            <div class="border-top border-color-extra-medium-gray pt-15px pb-20px text-center"> <a href="toefl.php" class="btn btn-link btn-hover-animation-switch btn-large text-dark-gray"> <span> <span class="btn-text">Explore more</span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> <span class="btn-icon"><i class="fa-solid fa-arrow-right"></i></span> </span> </a> </div>
+          </div>
+        </div>
+        <!-- end services box style --> 
+      </div>
+    </div>
+  </div>
+</section>
+<!--Class Section End-->
 
 <?php include('footer.php');?>