<style>
     @media screen and (max-width: 600px) {
        
     
         .customSlider{
            max-height:350px;
         }
         .herotexth1{
        font-size:18px;
        font-weight:600;
        color:#fff;
        margin-top:15px;
    }
     }
     .herotexth1{
        font-size:42px;
        font-weight:900;
        color:#fff;
    }
    .herotexth2{
        font-size:32px;
        font-weight:900;
        color:#fff;
    }
    .section_headings{
        color:#000;
        font-size:30px;
        font-weight:900;
    }
    .homeimg{
        width:100%;
        border-radius:20px;
        /* v-center */
        
    }
    .customSlider{
        height:650px;
    }
</style>
<section id="section-intro" class="text-light no-top no-bottom relative overflow-hidden z-1000">
                <div class="h-30 de-gradient-edge-top op-5 dark z-2"></div>
                 <div class="customSlider relative">

                    <div class="abs abs-centered z-1000 w-100">
                        <div class="container">
                            <div class="row g-4 justify-content-between align-items-center">
                                <div class="col-lg-8">
                                    <h1 class="text-uppercase wow fadeInUp herotexth1" data-wow-delay=".3s">Delivering Innovative Digital Classes </h1>
                                    <p class="col-lg-10 wow fadeInUp" data-wow-delay=".6s">
                                        At SPLV, we provide digital training for all levels. Whether you're a beginner or advance, we have a suitable course for you</p>
                                    <div class="spacer-single"></div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="abs bottom-0 z-1000 w-100 xs-hide">
                        <div class="container pb-lg-5 pb-3">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="bg-blur rounded-1 padding40 py-4 wow fadeInDown" data-wow-delay=".9s">
                                        <div class="row g-4 align-items-center">
                                            <div class="col-md-12">
                                                <div class="d-flex justify-content-between align-items-center">
                                                    <h4 class="mb-0">Digital Courses</h4>
                                                    <div class="">
                                                        
                                                        
                                                        <a class="btn-main" href="<?php echo base_url();?>home/courses">See Courses</a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="swiper">
                      <!-- Additional required wrapper -->
                      <div class="swiper-wrapper">
                        <?php
                    $sliders = $this->db->get_where('tbl_slider')->result_array();
        foreach ($sliders as $slider) {
            ?> 
            
                        <div class="swiper-slide">
                            <div class="swiper-inner" data-bgimage="url(https://topnet.ng/public/uploads/<?php echo $slider['photo']; ?>)">
                                <div class="sw-overlay op-7"></div>
                            </div>
                        </div>
                        <?php } ?>
                      

                      </div>

                    </div>
                </div>
            </section>     
 
 <section class="pb-50">
                <div class="container">
                    <div class="row g-4 align-items-center">
                        <div class="col-lg-6">
                            <div class="relative row">
                            <img src="https://topnet.ng/assets/businessman.jpg" class="shadow homeimg" alt="image">
                           
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="ps-lg-3">
                                <div class="subtitle id-color wow fadeInUp" data-wow-delay=".2s">Digital Learning Platform</div>
                                <h2 class="text-uppercase wow fadeInUp" data-wow-delay=".4s">Learning is FUN <span class="id-color-2">Knowledge is Key</span></h2>
                                <p class="wow fadeInUp" data-wow-delay=".6s">We build bespoke web applications from the ground up, designed to fit your unique business workflows and objectives. From concept to deployment, we ensure seamless integration, high performance, and an intuitive user experience.</p>
                                <a class="btn-main wow fadeInUp" href="<?php echo base_url();?>" data-wow-delay=".6s">Our Services</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

         
             
  <section>
                <div class="container relative z-1">
                    <div class="row g-4 gx-5 align-items-center">

                        <div class="col-lg-3 col-md-6 wow fadeInUp">
                            <div class="relative h-100 bg-color text-light padding30 rounded-1">
                                  <img src="<?php echo base_url();?>assets/icon.png" class="w-50px mb-3" alt="">
                              
                                <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">01</div>
                                <div>
                                    <h4><?php echo $row['name']; ?></h4>
                                    <p class="mb-0">With years of hands-on experience, our team of professional instruictors that bring a wealth of knowledge and experience to class.</p>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 text-center">
                            <div class="subtitle id-color wow fadeInUp" data-wow-delay=".2s">What we do</div>
                            <h2 class="text-uppercase wow fadeInUp" data-wow-delay=".4s">Building <span class="id-color-2">Business Solutions</span></h2>
                            <p class="mb-0">With years of hands-on experience, our team of professional instruictors that bring a wealth of knowledge and experience to class.</p>
                            <a class="btn-main wow fadeInUp" href="<?php echo base_url();?>home/courses" data-wow-delay=".6s">Our Courses</a>
                        </div>

                       <div class="col-lg-3 col-md-6 wow fadeInUp">
                            <div class="relative h-100 bg-color text-light padding30 rounded-1">
                                <img src="<?php echo base_url();?>assets/icon.png" class="w-50px mb-3" alt="">
                                <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">01</div>
                                <div>
                                    <h4><?php echo $row['name']; ?></h4>
                                   <p class="mb-0">With years of hands-on experience, our team of professional instruictors that bring a wealth of knowledge and experience to class.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            
            
            
  <section class="px-4">
                <div class="container-fluid">
                    <div class="row g-4 align-items-center justify-content-center">
                        <div class="col-lg-8 text-center">
                            <div class="subtitle wow fadeInUp">Courses</div>
                            <h2 class="text-uppercase mb-4 wow fadeInUp" data-wow-delay=".2s">Digital <span class="id-color-2">Courses</span></h2>
                        </div>                        
                    </div>


                    <div class="row g-4">
                        <?php $allcourses = $this->db->order_by('id','asc')->get('course');
                        foreach($allcourses->result_array() as $row) {?>
                        
                        
                        <div class="col-lg-4 col-md-6 wow fadeInUp">
                            <div class="relative h-100 bg-color text-light padding30 rounded-1">
                                <div class="abs m-3 top-0 end-0 p-2 rounded-2 mb-3">0<?php echo $row['id']; ?></div>
                                <div>
                                    <h4><?php echo $row['title']; ?></h4>
                                    <p class="mb-0"><?php echo $row['short_description']; ?></p>
                                </div>
                            </div>
                        </div>
                        
                        
                        
                        
                        
                        
                        <?php } ?>
                        <div class="spacer-20"></div>

                        <div class="col-lg-12 text-center">
                            <a class="btn-main wow fadeInUp" href="<?php echo base_url();?>home/courses">View All Courses</a>
                        </div>

                    </div>
                </div>
            </section>
    
            