<?php  //include_once("includes/programmes-content.php");
      include_once("includes/alevel.php");
      include_once("database/database.php");
      include_once("controllers/functions.php");
      include_once("database/retrieve-data.php");
      shuffle($programmes);

 ?>
<!doctype html>
<html class="no-js" lang="en-US">

<head>

 <meta charset="utf-8">
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Welcome to St. Catherine's A' Levels School - 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">
   <link rel="stylesheet" href="assets/css/unique.css">
</head>

<body>



   <!-- pre loader area start -->
   <div id="loading">
      <div id="loading-center">
         <div id="loading-center-absolute">
            <!-- loading content here -->
         </div>
      </div>
   </div>
   <!-- pre loader area end -->

   <!-- back to top start -->
   <div class="progress-wrap">
      <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
         <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
      </svg>
   </div>
   <!-- back to top end -->

   <!-- header area start -->
   <header class="header__transparent">
      <div class="header__area pl-220 pr-220 pt-30">
         <div class="main-header" id="header-sticky">
            <div class="container-fluid">
               <div class="row align-items-center">
                  <div class="col-xxl-3 col-xl-3 col-lg-5 col-md-6 col-6">
                     <div class="logo-area d-flex align-items-center">
                        <div class="logo">
                           <a href="/">
                              <img src="assets/img/alevels/logo.png" style="width:100px" alt="logo">
                           </a>
                        </div>
                        <div class="header-cat-menu ml-40 d-none d-md-block">
                           <nav>
                              <ul>
                                 <li><a href="our-programmes.php"> Programmes <span><i class="arrow_carrot-down"></i></span></a>
                                    <ul class="sub-menu">
                                    <li><a href="our-programmes.php">All Programmes</a></li>
                                    <?php  foreach($programmes as $i): ?>
                                 <li><a href="single-programme.php?id=<?=  $i['id']; ?>"><?=  $i['name']; ?></a></li>

                                 <?php endforeach; ?>
                                    </ul>
                                 </li>
                              </ul>
                           </nav>
                        </div>
                     </div>
                  </div>
                  <div class="col-xxl-9 col-xl-9 col-lg-7 col-md-6 col-6 d-flex align-items-center justify-content-end">
                     <div class="main-menu d-flex justify-content-end mr-15">
                        <nav id="mobile-menu">
                           <ul>
                              <li>
                                 <a href="/">Home</a>
                              </li>
                              <li class="has-dropdown">
                                 <a href="">About Us</a>
                                 <ul class="submenu">
                                    <li><a href="about.php">About Our Institution</a></li>
                                    <li><a href="error.php">Why Choose Us</a></li>
                                    <li><a href="faq.html">FAQs</a></li>



                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="">Admissions</a>
                                 <ul class="submenu">
                                 <li><a href="application-form.php">Application Form</a></li>
                                    <li><a href="requirement.html">Requirements</a></li>
                                    <li><a href="error.php">FAQs</a></li>
                                    <li><a href="error.php">Tuition Fees</a></li>
                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="our-programmes.php">Our Programmes</a>
                                 <ul class="submenu">
                                    <li><a href="our-programmes.php">View All Programmes </a></li>
                                    <?php  foreach($programmes as $programme): ?>
                                 <li><a  href="single-programme.php?id=<?=  $programme['id']; ?>"><?=  $programme['name']; ?></a></li>

                                 <?php endforeach; ?>
                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="">Forms</a>
                                 <ul class="submenu">
                                    <li><a href="application-form.php">Application Form</a></li>
                                    <li><a href="error.php">Undertaken Form</a></li>
                                    <li><a href="error.php">Student Examination Details</a></li>
                                 </ul>
                              </li>
                              <li class="has-dropdown">
                                 <a href="">Contacts</a>
                                 <ul class="submenu">
                                    <li><a href="contact.php">Contact Us</a></li>
                                    <li><a href="error.php">Book an Appointment</a></li>
                                    <li><a href="error.php">FAQs</a></li>
                                    <li><a href="https://wa.me/+2349090909979"><i class="fa-brands fa-whatsapp"></i> Chat Now</a></li>
                                 </ul>
                              </li>

                              <li class="has-dropdown">
                                 <a href="contact.php">More </a>
                                 <ul class="submenu">
                                    <li><a href="https://stcblog.com.ng/" target="_blank">Our Blog</a></li>
                                    <li><a href="error.php">Our Gallery</a></li>

                                 </ul>
                              </li>


                           </ul>
                        </nav>
                     </div>
                     <div class="header-right d-md-flex align-items-center">

                        <div class="header-meta">
                           <ul>
                              <li><a href="error.php" class="d-none d-md-block"><i class="fi fi-rr-user"></i></a></li>
                              <li><a href="error.php" class="d-none d-md-block"><i class="	 fi fi-rr-shopping-bag"></i></a></li>
                              <li><a href="#" class="tp-menu-toggle d-xl-none"><i class="icon_ul"></i></a></li>
                           </ul>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </header>
   <!-- header area end -->
   <div class="tp-sidebar-menu">
      <button class="sidebar-close"><i class="icon_close"></i></button>
      <div class="side-logo mb-30">
         <a  href="index.html"><img class="bw-logo" src="assets/img/alevels/logo.png" alt="logo"></a>
      </div>
      <div class="mobile-menu"></div>
      <div class="sidebar-info">
         <h4 class="mb-15">Contact Info</h4>
         <ul class="side_circle">
            <li>Plot 3 & 5 Alesinloye GRA, Beside Alesinloye Market, Off Jericho, Dugbe, Ibadan, Oyo State Nigeria.</li>
            <li><a href="tel:+2349090909979">+234 (909) 090 9979</a></li>
            <li><a href="mailto:enquiries@stcatherineschools.com.ng">enquiries@stcatherineschools.com.ng</a></li>
         </ul>
         <div class="side-social">
            <a href="#"><i class="fab fa-facebook-f"></i></a>
            <a href="#"><i class="fab fa-twitter"></i></a>
            <a href="#"><i class="fab fa-linkedin"></i></a>
            <a href="#"><i class="fab fa-instagram"></i></a>
         </div>
      </div>
   </div>
   <div class="body-overlay"></div>

</body>

</html>
