<section class="banner-wrapper">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6 col-md-12">
                        <div class="wrapper-content">
                            <h1>A Better Place to Learn Tech Skills</h1>
                            <p>SPLV supports students by collaborating with prodessional instructors that offers, internships, trainings and research experiences for students home and abroad.</p>
                            <form>
                                <input type="text" class="input-search" placeholder="What do you want to learn?">
                                <button type="button">Search</button>
                            </form>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12">
                        <div class="banner-courses-category">
                            <ul>
                                <li>
                                    <a href="#">
                                        <i class='bx bx-shape-triangle'></i>
                                        HTML/CSS
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-font-family'></i>
                                        Python
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bxs-drink'></i>
                                        Django
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-first-aid'></i>
                                        React
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-bar-chart-alt-2'></i>
                                        Mobile App
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-briefcase-alt-2'></i>
                                        PHP
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-book-reader'></i>
                                        Math
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-target-lock'></i>
                                        Marketing
                                    </a>
                                </li>

                                <li>
                                    <a href="#">
                                        <i class='bx bx-desktop'></i>
                                        Design
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        
        
        <section class="about-area ptb-100">
            <div class="container">
                <div class="row align-items-center">
                    
                    
                    <div class="col-lg-6 col-md-12">
                        <div class="about-image">
                            <img src="<?php echo base_url();?>assets/landing/images/elearningimg.jpg" class="shadow" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-12">
                        <div class="about-content">
                            <h2>Access to highly demanded tech skills and professional Mentorship</h2>
                            <p>In today's digital age, fast, reliable, and secure internet connectivity is no longer a luxury, but a necessity.</p>
                            <p>With the rise of remote work, online learning, and digital entertainment, having a robust internet connection is crucial for staying connected, productive, and entertained. This is where Starlink, the revolutionary satellite internet constellation, comes into play.</p>
                            <a href="#" class="default-btn"><i class='bx bx-move-horizontal icon-arrow before'></i><span class="label">Read more</span><i class="bx bx-move-horizontal icon-arrow after"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="courses-area pb-70">
            <div class="container">
                <div class="section-title text-left">
                    <span class="sub-title">Discover Courses</span>
                    <h2>Most Recent Courses</h2>
                    <a href="<?php echo base_url();?>home/my_courses" class="default-btn"><i class='bx bx-show-alt icon-arrow before'></i><span class="label">View More</span><i class="bx bx-show-alt icon-arrow after"></i></a>
                </div>

                <div class="row">
                    
                     <?php $allcourses = $this->db->order_by('id','asc')->get('course');
                        foreach($allcourses->result_array() as $row) {
                        
                        $lessons = $this->crud_model->get_lessons('course', $row['id']);
                    $instructor_details = $this->user_model->get_all_user($row['creator'])->row_array();
                    $course_duration = $this->crud_model->get_total_duration_of_lesson_by_course_id($row['id']);
                    $total_rating =  $this->crud_model->get_ratings('course', $row['id'], true)->row()->rating;
                    $number_of_ratings = $this->crud_model->get_ratings('course', $row['id'])->num_rows();
                    if ($number_of_ratings > 0) {
                        $average_ceil_rating = ceil($total_rating / $number_of_ratings);
                    } else {
                        $average_ceil_rating = 0;
                    }?>
                    <div class="col-lg-4 col-md-6">
                        <div class="single-courses-box without-box-shadow mb-30">
                            <div class="courses-image">
                                <a href="#" class="d-block"><img src="<?php echo base_url();?>assets/landing/images/courses.jpg" alt="image"></a>

                                <div class="courses-tag">
                                    <a href="#" class="d-block"><?php echo $row['title']; ?></a>
                                </div>
                            </div>

                            <div class="courses-content">
                                

                                <h3><a href="#" class="d-inline-block"><?php echo $row['short_description']; ?></a></h3>

                                <div class="courses-rating">
                                     <div class="review-stars-rated">
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bxs-star'></i>
                                        <i class='bx bx-star'></i>
                                    </div>
                                    <div class="review-stars-rated">
                                        
                                          <i class="bx bxs-star <?php if($number_of_ratings > 0) echo 'filled'; ?>"></i>
                                       
                                       
                                    </div>

                                    <div class="rating-total">
                                        <?php echo $average_ceil_rating; ?> (<?php echo $number_of_ratings; ?> <?php echo get_phrase('Reviews') ?>)
                                    </div>
                                </div>
                            </div>

                            <div class="courses-box-footer">
                                <ul>
                                    <li class="students-number">
                                        <i class='bx bx-user'></i> 10 students
                                    </li>

                                    <li class="courses-lesson">
                                        <i class='bx bx-book-open'></i> <?php echo $this->crud_model->get_lessons('course', $row['id'])->num_rows() . ' ' . site_phrase('lessons'); ?>
                                    </li>

                                    <li class="courses-price">
                                        <?php echo currency($top_course['price']); ?>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
        <?php } ?> 
                    
                </div>
            </div>
        </section> 
<section class="become-instructor-partner-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6 col-md-6">
                        <div class="become-instructor-partner-content bg-color">
                            <h2>Become an Instructor</h2>
                            <p>Choose from hundreds of free courses, or get a degree or certificate at a breakthrough price. Learn at your own pace.</p>
                            <a href="<?php echo base_url();?>login" class="default-btn"><i class='bx bx-plus-circle icon-arrow before'></i><span class="label">Apply Now</span><i class="bx bx-plus-circle icon-arrow after"></i></a>
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6">
                        <div class=" bg-image1 jarallax" data-jarallax='{"speed": 0.3}'>
                            <img src="<?php echo base_url();?>assets/landing/images/instructor.jpg" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6">
                        <div class="bg-image2 jarallax" data-jarallax='{"speed": 0.3}'>
                             <img src="<?php echo base_url();?>assets/landing/images/instructor.jpg" alt="image">
                        </div>
                    </div>

                    <div class="col-lg-6 col-md-6">
                        <div class="become-instructor-partner-content">
                            <h2>Become a Partner</h2>
                            <p>Choose from hundreds of free courses, or get a degree or certificate at a breakthrough price. Learn at your own pace.</p>
                            <a href="<?php echo base_url();?>login" class="default-btn"><i class='bx bx-plus-circle icon-arrow before'></i><span class="label">Contact Us</span><i class="bx bx-plus-circle icon-arrow after"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        