  <!-- ======= Hero Section ======= -->
  <section id="hero" class="d-flex align-items-center">

    <div class="container">
      <div class="row">
        <div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1" data-aos="fade-up" data-aos-delay="200">
          <h1>Africa Experts Academy</h1>
          <p style="color: #fff;">Our key objective is to deliver balanced services that will impact positively on both our clients and the community around them; achieved through management by objective and strategic management.</p>
          <div class="d-lg-flex">
           <a href="<?php echo base_url('public/allcourses') ;    ?>" class="btn-get-started scrollto">Our Courses</a>&nbsp;&nbsp;
            <a href="<?php echo base_url('public/applytrainer') ;    ?>" class="btn-get-started scrollto">Apply as Trainer</a>&nbsp;&nbsp;
            <a href="<?php echo base_url('public/news') ;    ?>" class="btn-get-started scrollto">News</a>
          </div>
        </div>
        <div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
          <img src="assets/img/hero-img.png" class="img-fluid animated" alt="">
        </div>
      </div>
    </div>

  </section>
  <!-- End Hero -->


 <main id="main">

    <!-- ======= Cliens Section ======= -->
    <section id="cliens" class="cliens section-bg">
      <div class="container">

  <!-- Section -->
    <section>
        <headerr class="majorr">
        <h3><i>Upcoming courses in the next few week <a style="color:#F56A6A;" href="<?php echo base_url('public/allcourses') ; ?>"> ...view all >></a></i></h3>
      </headerr>

      <div class="table-wrapper">
        <table>
          <thead >
            <tr >
              <th style="color:#127CC0">No.</th>
              <th style="color:#127CC0">Course Title </th>
              <th style="color:#127CC0">Duration</th>
              <th style="color:#127CC0">Price</th>
              <th style="color:#127CC0">View Course </th>
            </tr>
          </thead>
          <tbody>
           <?php
           if($schedules)  {
             $i=1;
             foreach ($schedules as $schedule) :


          ?>

            <tr>
              <td><?php  echo $i.'.';       ?></td>
              <td>Training Course on <?php echo $schedule->courseName ;    ?></td>
              <td><?php echo $schedule->duration." ".$schedule->typeName ;    ?></td>
              <td> <?php echo 'KES '. $schedule->feeKshs.', USD '.$schedule->feeUsd ;    ?></td>
              <td><a href="<?php   echo base_url('public/course/'.$schedule->courseID) ;       ?>">View details & Register.. </a></td>

            </tr>

            <?php

            $i++;
           endforeach;

          }

            ?>


          </tbody>
          <tfoot>

          </tfoot>
        </table>
      </div>
    </section>

<!-- Section -->
  <section>
    <headerr class="majorr">
      <h3><i>Courses in 2020 <a style="color:#F56A6A;" href="<?php echo base_url('public/allcourses') ; ?>"> ...view all >></a></i></h3>
    </headerr>
    <div class="posts" style="background:#ffffff;">

      <?php
      if($recents){
        $i=1;
        foreach($recents as $course):
          if($i<5){

      ?>

      <article>
        <a href="<?php echo base_url('public/course/'.$course['courseID']) ; ?>" class="image"><img src="images/courses/<?php echo $course['imgUrl'];  ?>" alt="" /></a>
        <span class="coursetitle" ><a href="<?php echo base_url('public/course/'.$course['courseID']) ; ?>"> <i> Training Course on <?php echo $course['courseName']; ?></i></a></span><br/>
        <i><b>Duration:</b><?php echo $course['duration'].' '.$course['typeName']; ?></i><br/>
        <i><b>Price:</b> KES <?php echo $course['feeKshs'].', USD '.$course['feeUsd']; ?> </i><br/>
         <span class="courselink" ><a href="<?php echo base_url('public/course/'.$course['courseID']) ; ?>"><i>View Course Details and Register</i></a></span><br/>
      </article>


       <?php
     }
      $i++;

     endforeach;
     }

       ?>



    </div>
  </section>


</main>
