 <?php  include "header.php"; 
 
 //display errors
error_reporting(E_ALL);
ini_set("display_errors", 1);
 
 
 
 ?>

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

<head>

</head>

<body>


   <main>


      <!-- banner-area -->
      <!-- slider-a  rea -->
      <section class="slider-area " >
         <div class="slider-active slider-arrow">
            <div class=" slider-item slider-bg-height d-flex align-items-center p-relative " data-background="assets/img/slide/1.jpg">

               <div class="container">
                  <div class="row">
                     <div class="col-xl-7 col-lg-7 col-12">
                        <div class="slider-content">
                           <span class="slider-text mb-15" >Where Knowledge Meets Passion</span>
                           <h2 class="slider-title mb-65 " style="z-index:10000">Unlock Your Potential with St. Catherine's</h2>
                           <div class="slider-btn">
                              <a class="tp-btn mr-5" href="our-programmes.php">Our Programmes</a>
                              <a class="tp-s-border-btn" href="application-form.php">Apply Now</a>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-5 col-lg-5 d-none d-lg-block">
                        <div class="slider-info-list">
                           <ul>
                              <li>
                                 <span><?= $year_count; ?>  +</span>Years Experience
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="slider-item slider-bg-height d-flex align-items-center p-relative" data-background="assets/img/slide/2.jpg">
               <div class="container">
                  <div class="row">
                     <div class="col-xl-7 col-lg-7 col-12">
                        <div class="slider-content">
                           <span class="slider-text mb-15">Expert Faculty and Cutting-Edge Curriculum</span>
                           <h2 class="slider-title mb-65">A World-Class Education at Your Fingertips</h2>
                           <div class="slider-btn">
                              <a class="tp-btn mr-5" href="our-programmes.php">Our Programmes</a>
                              <a class="tp-s-border-btn" href="about.php">About Us</a>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-5 col-lg-5 d-none d-lg-block">
                        <div class="slider-info-list">
                           <ul>
                                 <span>4.7 <i class="fi fi-ss-star"></i> </span>Global Review
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="slider-item slider-bg-height d-flex align-items-center p-relative" data-background="assets/img/slide/3.jpg">
               <div class="container">
                  <div class="row">
                     <div class="col-xl-7 col-lg-7 col-12">
                        <div class="slider-content">
                           <span class="slider-text mb-15">Unleashing Creativity and Potential</span>
                           <h2 class="slider-title mb-65">Empowering the Next Generation of Leaders.</h2>
                           <div class="slider-btn">
                              <a class="tp-btn mr-5" href="our-programmes.php">Our Programmes</a>
                              <a class="tp-s-border-btn" href="contact.php">Contact Us</a>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-5 col-lg-5 d-none d-lg-block">
                        <div class="slider-info-list">
                           <ul>
                              <li>
                                 <span>4.7 <i class="fi fi-ss-star"></i> </span>Global Review
                              </li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
            <div class="slider-item slider-bg-height d-flex align-items-center p-relative" data-background="assets/img/slide/4.jpg">
               <div class="container">
                  <div class="row">
                     <div class="col-xl-7 col-lg-7">
                        <div class="slider-content">
                           <span class="slider-text mb-15">Inspiring a Love of Learning for Life</span>
                           <h2 class="slider-title mb-65">The Path to Success Starts at St. Catherine's</h2>
                           <div class="slider-btn">
                              <a class="tp-btn mr-5" href="our-programmes.php">Our Programmes</a>
                              <a class="tp-s-border-btn" href="application-form.php">Apply Now</a>
                           </div>

                        </div>
                     </div>
                     <div class="col-xl-5 col-lg-5 d-none d-lg-block">
                        <div class="slider-info-list">
                           <ul>
                              <li>
                                 <span>4.7 <i class="fi fi-ss-star"></i> </span>Global Review
                              </li>
                           </ul>
                        </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- slider-area-end -->


      <!-- about-area -->
      <section class="tp-about-area pt-120 pb-90">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xxl-7 col-xl-6 col-lg-6 col-md-6">
                  <div class="tp-about-img p-relative pb-30 ml-10">
                     <img src="assets/img/alevels/school.jpg" alt="about-img">
                     <div class="tp-about-line-shape d-none d-md-block">
                        <img src="assets/img/about/about-shape-03.png" alt="about-shape" class="tp-aline-one">
                        <img src="assets/img/about/about-shape-04.png" alt="about-shape" class="tp-aline-two">
                        <img src="assets/img/about/about-shape-05.png" alt="about-shape" class="tp-aline-three">
                     </div>
                     <div class="tp-about-shape  d-none d-xl-block">
                        <img src="assets/img/alevels/13.jpg" alt="about-shape" class="a-shape-one" style="width:50%">
                        <img src="assets/img/alevels/8.jpg" alt="about-shape" class="a-shape-two" style="width:25%">
                     </div>
                  </div>
               </div>
               <div class="col-xxl-5 col-xl-6 col-lg-6 col-md-6">
                  <div class="tp-about-content pb-30 ml-80">
                     <div class="section-title mb-55">
                        <span class="tp-sub-title mb-20">About Our Institution</span>
                        <h2 class="tp-section-title mb-15 "><?= $website_name; ?></h2>
                        <p>Welcome to <?= $website_name; ?> , welcome to the world of opportunities and actualization of purpose, it is said a journey of a thousand miles begins with a step …</p>
                     </div>
                     <div class="about-btn">
                        <a href="about.php" class="tp-btn">Read More</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- about-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 -->

            <!-- course-area -->
      <section class="course-area mb-80">
         <div class="container">
            <div class="row">
               <div class="col-md-12">
                  <div class="section-title mb-65">
                     <span class="tp-sub-title mb-20">Programmes We Offer</span>
                     <h2 class="tp-section-title mb-20">Quality International Exams</h2>
                     <p style="width:600px">We are specialists in preparing Students who are willing  to study abroad and who wish to gain admission directly to  200 Level in any Nigerian Universities.</p>
                  </div>
               </div>
            </div>
            <div class="row">

              <?php
                $sliced = array_slice($programmes, 0 ,3);
               foreach($sliced as $i):
               ?>
               <div class="col-xl-4 col-lg-6 col-md-6">
                  <div class="tpcourse mb-40">
                     <div class="tpcourse__thumb p-relative w-img fix">
                        <a href="single-programme.php?id=<?=  $i['id']; ?>"><img src="<?= $i['image']; ?>" alt="course-thumb"></a>
                        <div class="tpcourse__tag">
                           <a href="single-programme.php?id=<?=  $i['id']; ?>"><i class="fi fi-rr-heart"></i></a>
                        </div>
                        <div class="tpcourse__img-icon">
                           <img src="<?= $i['logo']; ?>" alt="course-avata" style="width:80px">
                        </div>
                     </div>
                     <div class="tpcourse__content-2">
                        <div class="tpcourse__category mb-10">

                        </div>
                        <div class="tpcourse__ava-title mb-15">
                           <h4 class="tpcourse__title tp-cours-title-color"><a href="single-programme.php?id=<?=  $i['id']; ?>"><?=  $i['name']; ?></a></h4>
                        </div>
                        <div class="tpcourse__meta tpcourse__meta-gap pb-15 mb-15">
                           <p><?= $i['excerpt']; ?></p>
                           <a href="single-programme.php?id=<?=  $i['id']; ?>" class="readmore-btn">Learn More</a>

                        </div>

                        <div class="tpcourse__rating d-flex align-items-center justify-content-between">
                           <div class="tpcourse__rating-icon hidden" >
                           <h5 class="price-title">₦<?=  number_format($i['price']); ?> /<small>Per <?=  $i['price_range']; ?> </small></h5>
                           </div>
                           <div class="tpcourse__pricing">


                           </div>

                        </div>

                     </div>
                  </div>
               </div>
              <?php endforeach; ?>




 <div class="row text-center">
      <div class="col-lg-12">
      <div class="course-btn mt-20"><a class="tp-btn" href="our-programmes.php">View All <?= count($programmes); ?> Programmes </a></div>
      </div>


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




      <!-- choose-area -->
      <section class="choose-area pb-90">
         <div class="container">
            <div class="row align-items-center">
               <div class="col-xl-7 col-lg-6 col-md-6">
                  <div class="tp-choose-img p-relative mb-30 ml-25">
                     <img src="assets/img/alevels/23.jpg" alt="choose-img">
                     <div class="tpchoose-img-text d-none d-md-block">
                        <ul>
                           <li>
                              <i> <span class="yearCount"><?= $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 class="col-xl-5 col-lg-6 col-md-6">
                  <div class="tp-choose-content mb-30">
                     <div class="section-title mb-25">
                        <h3>Why Choose Us</h3>
                        <h2 class="tp-section-title mb-20">Discover the St. Catherine's Difference</h2>
                        <p>We seamlessly merge two key components – Academic Excellence and Socio-Ethical Development. 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 mb-35">
                        <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>
                           <li><i class="fa-light fa-check"></i>Integrated Innovations</li>
                        </ul>
                     </div>
                     <div class="choose-btn">
                        <a href="application-form.php" class="tp-btn">Join the Community</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- choose-area-end -->

      <!-- counter-area -->
      <section class="tp-counter-area bg-bottom grey-bg pt-120 pb-60" data-background="assets/img/bg/shape-bg-1.png">
         <div class="container">
            <div class="row">
               <div class="col-xl-3 col-md-6">
                  <div class="counter-item mb-60 text-center">
                     <div class="counter-item__icon mb-25">
                        <i class="fi fi-rr-user"></i>
                     </div>
                     <div class="counter-item__content">
                        <h4 class="counter-item__title"><span class="counter">120</span>+</h4>
                        <p>Past Students</p>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-md-6">
                  <div class="counter-item mb-60 text-center">
                     <div class="counter-item__icon mb-25">
                        <i class="fi fi-rr-document"></i>
                     </div>
                     <div class="counter-item__content">
                        <h4 class="counter-item__title"><span class="counter yearCount"><?= $year_count; ?></span>+</h4>
                        <p>Years Experience</p>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-md-6">
                  <div class="counter-item mb-60 text-center">
                     <div class="counter-item__icon mb-25">
                        <i class="fi fi-rr-apps"></i>
                     </div>
                     <div class="counter-item__content">
                        <h4 class="counter-item__title"><span class="counter">20</span>+</h4>
                        <p>Professional Lecturers</p>
                     </div>
                  </div>
               </div>
               <div class="col-xl-3 col-md-6">
                  <div class="counter-item mb-60 text-center">
                     <div class="counter-item__icon mb-25">
                        <i class="fi fi-rr-star"></i>
                     </div>
                     <div class="counter-item__content">
                        <h4 class="counter-item__title"><span class="counter">5</span>+</h4>
                        <p>Countries</p>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- counter-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/animated.gif" alt="about-img">
                     <div class="tp-about-class-info">
                        <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">
                        <h2 class="tp-section-title mb-25">Building Qualitative Future Professionals with 21st Century Tools</h2>
                        <p>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-about-list mb-65">
                     <h3>Our Admission Procedures</h3>
                        <ul>
                           <li>
                              <i class="fa-light fa-check"></i>Fill Our Application here on our website
                           </li>
                           <li>
                              <i class="fa-light fa-check"></i>Print Your Application Form
                           </li>
                           <li>
                              <i class="fa-light fa-check"></i>Proceed to Admission for to complete your application
                           </li>
                        </ul>
                     </div>
                     <div class="tp-about-btn-3">
                        <a href="application-form.php" class="tp-btn">Begin Your Application</a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- about-area-end -->



      <!-- testimonial-area -->
      <section class="testimonial-area bg-bottom pt-110 pb-90 " data-background="assets/img/bg/shape-bg-1.png">
         <div class="container">
            <div class="row justify-content-between">
               <div class="col-xl-6 col-lg-8 col-md-8 col-12">
                  <div class="section-title mb-65">
                  <h3>Unleashing Potentials</h3>
                     <h2 class="tp-section-title mb-20">Our Students' Success Stories</h2>
                  </div>
               </div>
               <div class="col-xl-6 col-lg-4 col-md-4 col-6">
                  <div class="tp-section-arrow d-flex justify-content-md-end mb-40"></div>
               </div>
            </div>
            <div class="testimonial-active tp-slide-space">
              <?php foreach($reviews as $review): ?>

               <div class="tp-test-slide-item">
                  <div class="tp-testi p-relative mt-65">
                     <div class="tp-testi__avatar">
                        <img  src="<?= $review['image']?>" class="profile-picture" alt="student-picture">
                     </div>
                     <div class="tp-testi__rating pb-5">
                        <ul class="d-flex align-items-center justify-content-end mr-5 mb-25">
                           <li><i class="fi fi-ss-star"></i></li>
                           <li><i class="fi fi-ss-star"></i></li>
                           <li><i class="fi fi-ss-star"></i></li>
                           <li><i class="fi fi-ss-star"></i></li>
                           <li><i class="fi fi-rs-star"></i></li>
                        </ul>
                     </div>
                     <div class="tp-testi__avainfo">
                        <p>"<?= $review['text']?>"</p>
                        <h3 class="tp-testi__title"><?= $review['name']?></h3>
                        <i><?= $review['title']?></i>
                     </div>
                  </div>
               </div>

<?php endforeach;?>

            </div>
         </div>
      </section>
      <!-- testimonial-area-end -->
   <!-- choose-area -->
      <section class="choose-area bg-bottom grey-bg pt-120 pb-90" data-background="assets/img/bg/shape-bg-1.png">
         <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">
                        <h3>Our Value Edge</h3>
                        <h2 class="tp-section-title mb-20">We do not have to be the best, we do have to give our best ability to learn.</h2>
                        <p>We seamlessly merge two key components – Academic Excellence and Socio-Ethical Development.</p>
                     </div>
                     <div class="tp-choose-list tp-choose-bg mb-60">
                        <ul>
                           <li>
                              <div class="tp-list-bg">
                                 <i class="fa-light fa-check"></i>High Standard of Professionalism & Integrity
                              </div>
                           </li>
                           <li>
                              <div class="tp-list-bg">
                                 <i class="fa-light fa-check"></i>Establishment of Academic Standard
                              </div>
                           </li>
                        </ul>
                     </div>
                     <div class="choose-btn">
                        <a href="application-form.php" 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 -->
      <!-- blog-area -->
      <section class="blog-area pt-110 pb-110">
         <div class="container">
            <div class="row">
               <div class="col-lg-12">
                  <div class="section-title mb-65 text-center">
                  <h3>Campus Chronicles</h3>
                     <h2 class="tp-section-title mb-20"> Keeping You Up-to-Date</h2>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-xl-4 col-md-6">
                  <div class="tp-blog mb-60">
                     <div class="tp-blog__thumb p-relative">
                        <div class="tp-blog__timg fix">
                           <a href="error.php"><img src="assets/img/alevels/13.jpg" alt="blog-img"></a>
                        </div>
                        <div class="tp-blog__icon"><a href="error.php"><i class="fi fi-rs-angle-right"></i></a></div>
                     </div>
                     <div class="tp-blog__content">
                        <div class="tp-blog__meta mb-10">
                           <a href="error.php">Education</a> <span>-</span>
                           <a href="error.php">Jan 21 , 2023</a>
                        </div>
                        <h3 class="tp-blog__title mb-15"><a href="blog-details.html">Why <?= $website_name; ?> is the Right Choice for Your Child</a></h3>
                        <p>In this blog, you will learn about the many reasons why St. Catherine's A-Levels is the ideal choice for your child. From the</p>
                     <a href="error.php" class="readmore-btn-blog">Read More</a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-md-6">
                  <div class="tp-blog mb-60">
                     <div class="tp-blog__thumb p-relative">
                        <div class="tp-blog__timg fix">
                           <a href="error.phptails.html"><img src="assets/img/programmes/1.jpg" alt="blog-img"></a>
                        </div>
                        <div class="tp-blog__icon"><a href="#"><i class="fi fi-rs-angle-right"></i></a></div>
                     </div>
                     <div class="tp-blog__content">
                        <div class="tp-blog__meta mb-10">
                           <a href="error.php">Education</a> <span>-</span>
                           <a href="error.php">Jul 28 , 2022</a>
                        </div>
                        <h3 class="tp-blog__title mb-15"><a href="error.php">The Importance of Small Class Sizes at <?= $website_name; ?></a></h3>
                        <p>Small class sizes are a defining feature of St. Catherine's A-Levels, and they play a crucial role in providing students with a high-quality </p>
                       <a href="error.php" class="readmore-btn-blog">Read More</a>
                     </div>
                  </div>
               </div>
               <div class="col-xl-4 col-md-6">
                  <div class="tp-blog mb-60">
                     <div class="tp-blog__thumb p-relative">
                        <div class="tp-blog__timg fix">
                           <a href="error.php"><img src="assets/img/alevels/17.jpeg" alt="blog-img"></a>
                        </div>
                        <div class="tp-blog__icon"><a href="#"><i class="fi fi-rs-angle-right"></i></a></div>
                     </div>
                     <div class="tp-blog__content">
                        <div class="tp-blog__meta mb-10">
                           <a href="error.php">Education</a> <span>-</span>
                           <a href="error.php">Aug 21 , 2022</a>
                        </div>
                        <h3 class="tp-blog__title mb-15"><a href="blog-details.html">Fostering Creativity and Innovation at <?= $website_name; ?></a></h3>
                        <p><?= $website_name; ?> is dedicated to fostering creativity and innovation in its students. This is because creativity  </p>
                    <a href="error.php" class="readmore-btn-blog">Read More</a>
                     </div>
                  </div>
               </div>
            </div>
            <div class="row">
               <div class="col-lg-12">
                  <div class="blog-btn text-center">
                     <a href="error.php" class="tp-btn">Real All Blogs</a>
                  </div>
               </div>
            </div>
         </div>
      </section>
      <!-- blog-area-end -->



   </main>

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


   <!-- JS here -->

</body>

</html>
