<!doctype html>
<html class="no-js" lang="zxx">

<head>
   <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Welcome to St. Catherine's A' Levels Schools! - We Offer outstanding A' Level programs, facilities, and extracurricular activities. Discover the unique advantages of studying at St. Catherine's A' Levels Schools and join our community of motivated and successful students</title>
   <meta name="description" content="">
   <meta name="viewport" content="width=device-width, initial-scale=1">

   <!-- Place favicon.ico in the root directory -->
   <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png">

   <!-- CSS here -->
   <link rel="stylesheet" href="assets/css/bootstrap.css">
   <link rel="stylesheet" href="assets/css/meanmenu.css">
   <link rel="stylesheet" href="assets/css/animate.css">
   <link rel="stylesheet" href="assets/css/slick.css">
   <link rel="stylesheet" href="assets/css/backtotop.css">
   <link rel="stylesheet" href="assets/css/magnific-popup.css">
   <link rel="stylesheet" href="assets/css/nice-select.css">
   <link rel="stylesheet" href="assets/css/ui-icon.css">
   <link rel="stylesheet" href="assets/css/elegentfonts.css">
   <link rel="stylesheet" href="assets/css/font-awesome-pro.css">
   <link rel="stylesheet" href="assets/css/spacing.css">
   <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
   <?php  include "header.php" ?>

   <main>

      <!-- breadcrumb-area -->
      <section class="breadcrumb__area include-bg pt-150 pb-150 breadcrumb__overlay top-menu-img" data-background="assets/img/alevels/21.jpeg" >
         <div class="container">
            <div class="row">
               <div class="col-xxl-12">
                  <div class="breadcrumb__content p-relative z-index-1">
                     <h3 class="breadcrumb__title mb-20">About Us</h3>
                     <div class="breadcrumb__list">
                        <span><a href="index.html">Home</a></span>
                        <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                        <span><a href="about.html">Pages</a></span>
                        <span class="dvdr"><i class="fa-regular fa-angle-right"></i></span>
                        <span class="sub-page-black">About Us</span>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- breadcrumb-area-end -->

      <!-- feature-area -->
      <section class="tp-feature-area grey-bg pt-115 pb-90 pl-205 pr-205 bg-bottom" data-background="assets/img/bg/shape-bg-1.png">
         <div class="container-fluid">
            <div class="row text-center">
               <div class="col-lg-12">
                  <div class="section-title mb-60">
                     <span class="tp-sub-title mb-20">Our Core Values</span>
                     <h2 class="tp-section-title">Commitment to Academic Excellence</h2>
                  </div>
               </div>
            </div>
            <div class="tp-feature-cn">
               <div class="row">
                  <div class="col-xl-3 col-lg-6 col-md-6">
                     <div class="tpfea mb-30">
                        <div class="tpfea__icon mb-25">
                           <i class="fi fi-rr-paper-plane"></i>
                        </div>
                        <div class="tpfea__text">
                           <h5 class="tpfea__title mb-20">Our Mission</h5>
                           <p>To provide a comprehensive and challenging A Level education, fostering academic excellence and personal growth in our students.</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-6">
                     <div class="tpfea mb-30">
                        <div class="tpfea__icon mb-25">
                           <i class="fi fi-rr-user"></i>
                        </div>
                        <div class="tpfea__text">
                           <h5 class="tpfea__title mb-20">Our Vision</h5>
                           <p>To be a leading A Level institution, recognized for our commitment to student success and the development of well-rounded individuals.</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-6">
                     <div class="tpfea mb-30">
                        <div class="tpfea__icon mb-25">
                           <i class="fi fi-rr-document"></i>
                        </div>
                        <div class="tpfea__text">
                           <h5 class="tpfea__title mb-20">Our Focus</h5>
                           <p>To offer a rigorous curriculum that prepares students for university and future careers, while promoting critical thinking, creativity, and a lifelong love of learning.</p>
                        </div>
                     </div>
                  </div>
                  <div class="col-xl-3 col-lg-6 col-md-6">
                     <div class="tpfea mb-30">
                        <div class="tpfea__icon mb-25">
                           <i class="fi fi-rr-calendar"></i>
                        </div>
                        <div class="tpfea__text">
                           <h5 class="tpfea__title mb-20">Our Core Values</h5>
                           <p>We value academic excellence, personal growth, diversity, integrity, and community. We promote inclusivity to help students reach their full potential.</p>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- feature-area-end -->
      <!-- about-area -->
      <section class="tp-about-area pb-70">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xxl-7 col-xl-7 col-lg-6 col-md-12 col-12">
                  <div class="tp-about-class p-relative pb-50">
                     <img src="assets/img/alevels/20.jpg" alt="about-img">
                     <div class="tp-about-class-info tp-sub-about-info d-none d-md-block">
                        <ul>
                           <li><span>75%</span>Academic Strength</li>
                           <li><span>4.7<i class="fi fi-ss-star"></i></span>Global Review</li>
                           <li><span>91%</span>Hospitality & Security</li>
                        </ul>
                     </div>
                  </div>
               </div>
               <div class="col-xxl-5 col-xl-5 col-lg-6 col-md-12 col-12">
                  <div class="tp-about-class-content mb-50 ml-75">
                     <div class="section-title mb-35">
                        <span class="tp-sub-title-box mb-15">About Us</span>
                        <h2 class="tp-section-title mb-25">Welcome to <?= $website_name; ?></h2>
                        <h4>It is said a journey of a thousand miles begins with a step.</h4>
                        <p>Our goals are geared towards assisting you to reach a certain
                         destination and help transform you in your academics to move on
                          to a greater height in life. Ordinary lives have been transformed
                          tremendously, mediocrity replaced with excellence and competence
                          in academics, in morals, and discipline. <br> Our programmes are focused on getting
                          student into top universities in the world,
                          we welcome you to start with us and finish at a higher level.</p>
                     </div>
                     <div class="tp-about-list mb-65">
                         <ul>
                           <li><i class="fa-light fa-check"></i>Conducive Environment</li>
                           <li><i class="fa-light fa-check"></i>Qualified Teachers</li>
                           <li><i class="fa-light fa-check"></i>Medical Services</li>
                           <li ><i class="fa-light fa-check"></i>Extra-Curricular Activities</li>
                           <li><i class="fa-light fa-check"></i>Hostel Facilities</li>
                        </ul>
                     </div>
                     <div class="tp-about-btn-3">
                        <a href="application-form.html" class="tp-btn">Begin Your Application</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- about-area-end -->

      <!-- video-area -->
      <section class="video-area pb-120">
         <div class="container">
            <div class="row text-center">
               <div class="col-lg-12 col-md-12">
                  <div class="section-title mb-65">
                     <span class="tp-sub-title-box mb-15">Our Falilities</span>
                     <h2 class="tp-section-title mb-20">Fully equiped Exam hall <br> with Projector System</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-md-12">
                  <div class="video-bg p-relative text-center">
                     <img src="assets/img/alevels/17.jpeg" alt="video-bg">
                     <div class="video-text video-run-time">
                        <i>Live Soon<span>00:00:00</span></i>
                     </div>
                     <div class="video-shape-area">
                        <img class="video-shape" src="assets/img/about/shape-2-img-2.png" alt="video-shape">
                        <img class="video-shape-2 d-none d-md-block" src="assets/img/about/video-2-shape-2.png" alt="video-shape">
                        <img class="video-shape-3 d-none d-md-block" src="assets/img/alevels/certified.png" alt="video-shape">
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- video-area-end -->

      <!-- choose-area -->
      <section class="choose-area bg-bottom pb-120">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-5 col-lg-6 col-md-12">
                  <div class="tp-choose-content mb-30">
                     <div class="section-title mb-25">
                        <span class="tp-sub-title-box mb-15">Why Choose Us</span>
                        <h2 class="tp-section-title mb-20">Building Qualitative Future Professionals with 21st Century Tools</h2>
                        <p><?= $website_name; ?> has
                        consistently been ranked among the adequate
                        educational centre with the best tutorial materials,
                        excellent tutors and caring coordinator who do not
                        limit their focus to academics. It’s Cambridge – Accredited
                        and affiliated to various universities for the JUPEB Examination.
                        Our French programmes is second to none; here we offer trainings
                         in French language similar to what you obtains in pronounced
                         French Institute but with a big difference. Our graduates can testify to this.</p>
                     </div>
                     <div class="tp-choose-list tp-choose-bg mb-60">
                     <h3>Our Admission Procedures</h3>
                        <ul>
                           <li>
                              <div class="tp-list-bg choose-sub-color">
                                 <i class="fa-light fa-check"></i>Fill Our Application here on our website
                              </div>
                           </li>
                           <li>
                              <div class="tp-list-bg choose-sub-color">
                                 <i class="fa-light fa-check"></i>Print Your Application Form
                              </div>
                           </li>
                           <li>
                              <div class="tp-list-bg choose-sub-color">
                                 <i class="fa-light fa-check"></i>Proceed to Admission for to complete your application
                              </div>
                           </li>
                        </ul>
                     </div>
                     <div class="choose-btn">
                        <a href="./forms/" class="tp-btn">Begin Your Application</a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-7 col-lg-6 col-md-12">
                  <div class="tp-choose-img tp-choose-img-2 p-relative mb-30 mr-50 text-end">
                     <img src="assets/img/alevels/13.jpg" alt="choose-img">
                     <div class="tpchoose-img-text tp-chose-shape d-none d-md-block">
                        <ul>
                           <li>
                              <i><span><?= $year_count; ?></span> +</i>
                              <p>Years Experiences</p>
                           </li>
                           <li>
                              <i class="fa-light fa-check"></i>
                              <p>Fully Safe & Secure</p>
                           </li>

                        </ul>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- choose-area-end -->

      <!-- testimonial-area -->
      <section class="testimonial-area bg-bottom pt-120 pb-90 " data-background="assets/img/bg/shape-bg-1.png">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="section-title text-center mb-65">
                     <span class="tp-sub-title-box mb-15">Unleashing Potentials</span>
                     <h2 class="tp-section-title mb-20">Our Students' Success Stories</h2>
                  </div>
               </div>
            </div>
            <div class="testimonial-active-box tp-slide-space-white">
              <?php foreach($reviews as $review): ?>
               <div class="tp-test-s-item">
                  <div class="tp-testi tp-testi-round p-relative">
                     <div class="tp-testi__ava testi-ava-border d-flex align-items-center mb-20 pb-20">
                        <img  src="<?= $review['image']; ?>" class="profile-picture" alt="student-picture">
                        <div class="tp-testi__avainfo ml-20">
                           <h3 class="tp-testi__title tp-title-meta mt-5"><?= $review['name']; ?></h3>
                           <i><?= $review['title']; ?></i>
                        </div>
                     </div>
                     <p>"<?= $review['text']; ?>"</p>
                     <div class="tp-testi__rating mb-5">
                        <i class="fi fi-ss-star"></i>
                        <i class="fi fi-ss-star"></i>
                        <i class="fi fi-ss-star"></i>
                        <i class="fi fi-ss-star"></i>
                        <i class="fi fi-rs-star"></i>
                        <span><?= $review['date']; ?></span>
                     </div>
                     <div class="testi-quote">
                        <i class="fa-solid fa-quote-right"></i>
                     </div>
                  </div>
               </div>

  <?php endforeach; ?>


            </div>
         </div>
      </section>
      <!-- testimonial-area-end -->



   </main>

 <!-- footer-area -->
          <?php  include "footer.php" ?>
      <!-- footer-area-end -->




   <!-- JS here -->
</body>

</html>
