<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="<?php echo get_settings('app_name');?> - <?php echo get_settings('description');?>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo get_settings('app_name');?> - <?php echo get_settings('description');?></title>
   <?php $assets = base_url().'assets/landing/';
   $logoURL = site_url('uploads/system/'.get_frontend_settings('dark_logo'));
   ?>
   <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">

<link rel="stylesheet" href="<?php echo $assets;?>css/bootstrap.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/boxicons.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/flaticon.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>/css/owl.carousel.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/owl.theme.default.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/odometer.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/meanmenu.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/animate.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/nice-select.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/viewer.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/slick.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/magnific-popup.min.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/style.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/dark.css?ver=<?php echo time();?>">
        <link rel="stylesheet" href="<?php echo $assets;?>css/responsive.css?ver=<?php echo time();?>">
        
  
    <header class="header-area">

            <div class="top-header">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-8">
                            <ul class="top-header-contact-info">
                                <li>
                                    <i class='bx bx-phone-call'></i>
                                    <span>Contact support</span>
                                    <a href="tel:23491XXXXXXX">+23491XXXXXXX</a>
                                </li>
                               
                                <li>
                                    <i class='bx bx-envelope'></i>
                                    <span>Contact email</span>
                                    <a href=""><span class="" data-cfemail="">info@splv.com.ng</span></a>
                                </li>
                            </ul>
                        </div>

                        <div class="col-lg-4">
                            <div class="top-header-btn">
                                <a href="<?php echo base_url();?>login" class="default-btn"><i class='bx bx-log-in icon-arrow before'></i><span class="label">Log In</span><i class="bx bx-log-in icon-arrow after"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Start Navbar Area -->
            <div class="navbar-area">
                <div class="raque-responsive-nav">
                    <div class="container">
                        <div class="raque-responsive-menu">
                            <div class="logo">
                                <a href="<?php echo base_url();?>">
                                    <!--
                                    <img src="<?php echo $logoURL;?>" class="black-logo" alt="logo">
                                    <img src="<?php echo $logoURL;?>" class="white-logo" alt="logo">
                                    -->
                                    
                                </a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="raque-nav bg-transparent">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">
                            <a class="navbar-brand" href="<?php echo base_url();?>">
                               <!-- <img src="<?php echo $logoURL;?>" class="black-logo" alt="logo">
                                <img src="<?php echo $logoURL;?>" class="white-logo" alt="logo">
                                 -->
                            </a>

                            <div class="collapse navbar-collapse mean-menu">
                                <ul class="navbar-nav">
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link active">Home </a>
                                        
                                    </li>

                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">About us</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>home/my_courses" class="nav-link">Courses</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">Blog</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">Contact</a></li>
                                </ul>

                                <div class="others-option">
                                  

                                    <div class="search-box d-inline-block">
                                        <i class='bx bx-search'></i>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- End Navbar Area -->

            <!-- Start Sticky Navbar Area -->
            <div class="navbar-area header-sticky">
                <div class="raque-nav">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">
                            <a class="navbar-brand" href="index-7.html">
                               <!--  <img src="assets/img/black-logo.png" class="black-logo" alt="logo">
                                    <img src="assets/img/logo.png" class="white-logo" alt="logo">
                                    
                            -->
                            
                            </a>

                            <div class="collapse navbar-collapse">
                                <ul class="navbar-nav">
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link active">Home </a>
                                        
                                    </li>

                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">About us</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>home/my_courses" class="nav-link">Courses</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">Blog</a></li>
                                    <li class="nav-item"><a href="<?php echo base_url();?>" class="nav-link">Contact</a></li>
                                    </ul>

                                <div class="others-option">
                                    <div class="dropdown language-switcher d-inline-block">
                                       
                                    </div>

                                    <a href="cart.html" class="cart-wrapper-btn d-inline-block">
                                        <i class='bx bx-cart-alt'></i>
                                        <span>01</span>
                                    </a>

                                    <div class="search-box d-inline-block">
                                        <i class='bx bx-search'></i>
                                    </div>
                                </div>
                            </div>
                        </nav>
                    </div>
                </div>
            </div>
            <!-- End Sticky Navbar Area -->
            
        </header>
   <div class="search-overlay">
            <div class="d-table">
                <div class="d-table-cell">
                    <div class="search-overlay-layer"></div>
                    <div class="search-overlay-layer"></div>
                    <div class="search-overlay-layer"></div>
                    
                    <div class="search-overlay-close">
                        <span class="search-overlay-close-line"></span>
                        <span class="search-overlay-close-line"></span>
                    </div>

                    <div class="search-overlay-form">
                        <form>
                            <input type="text" class="input-search" placeholder="Search here...">
                            <button type="submit"><i class='bx bx-search-alt'></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
  <?php include ''.$page_name.'.php';?>  
  
  
    <footer class="footer-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="single-footer-widget mb-30">
                            <h3>Contact Us</h3>

                            <ul class="contact-us-link">
                                <li>
                                    <i class='bx bx-map'></i>
                                    <a href="#" target="_blank">2750 Quadra Street Victoria Road, New York, USA</a>
                                </li>
                                <li>
                                    <i class='bx bx-phone-call'></i>
                                    <a href="#">+1 (123) 456 7890</a>
                                </li>
                                <li>
                                    <i class='bx bx-envelope'></i>
                                    <a href="#"><span class="__cf_email__" data-cfemail="1d75787171725d6f7c6c6878337e7270">[email&#160;protected]</span></a>
                                </li>
                            </ul>

                            <ul class="social-link">
                                <li><a href="#" class="d-block" target="_blank"><i class='bx bxl-facebook'></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class='bx bxl-twitter'></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class='bx bxl-instagram'></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class='bx bxl-linkedin'></i></a></li>
                                <li><a href="#" class="d-block" target="_blank"><i class='bx bxl-pinterest-alt'></i></a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="single-footer-widget mb-30">
                            <h3>Support</h3>

                            <ul class="support-link">
                                <li><a href="#">Privacy</a></li>
                                <li><a href="#">FAQ's</a></li>
                                <li><a href="#">Support</a></li>
                                <li><a href="#">Terms</a></li>
                                <li><a href="#">Condition</a></li>
                                <li><a href="#">Policy</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-2 col-md-6 col-sm-6">
                        <div class="single-footer-widget mb-30">
                            <h3>Useful Link</h3>

                            <ul class="useful-link">
                                <li><a href="#">Web Design</a></li>
                                <li><a href="#">UI/UX Design</a></li>
                                <li><a href="#">WP Development</a></li>
                                <li><a href="#">App</a></li>
                                <li><a href="#">Whitepaper</a></li>
                                <li><a href="#">Web Development</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-lg-4 col-md-6 col-sm-6">
                        <div class="single-footer-widget mb-30">
                            <h3>Newsletter</h3>

                            <div class="newsletter-box">
                                <p>To get the latest news and latest updates from us.</p>

                                <form class="newsletter-form" data-bs-toggle="validator">
                                    <label>Your e-mail address:</label>
                                    <input type="email" class="input-newsletter" placeholder="Enter your email" name="EMAIL" required autocomplete="off">
                                    <button type="submit">Subscribe</button>
                                    <div id="validator-newsletter" class="form-result"></div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="footer-bottom-area">
                <div class="container">
                    <div class="logo">
                            <!--<a href="<?php echo base_url();?>" class="d-inline-block"><img src="<?php echo $logoURL;?>" class="customLogo" alt="image"></a> -->
                 
                    </div>
                          <p><i class='bx bx-copyright'></i> <script data-cfasync="false" src=""></script><script>document.write(new Date().getFullYear())</script> <a href="#" target="_blank"><?php echo get_settings('app_name');?></a> | All rights reserved.</p>
          
                </div>
            </div>
        </footer>
        
        
        
  <script src="<?php echo $assets;?>js/jquery.min.js"></script>
        <script src="<?php echo $assets;?>js/bootstrap.bundle.min.js"></script>
        <script src="<?php echo $assets;?>js/owl.carousel.min.js"></script>
        <script src="<?php echo $assets;?>js/mixitup.min.js"></script>
        <script src="<?php echo $assets;?>js/parallax.min.js"></script>
        <script src="<?php echo $assets;?>js/jquery.appear.min.js"></script>
        <script src="<?php echo $assets;?>js/odometer.min.js"></script>
        <script src="<?php echo $assets;?>js/particles.min.js"></script>
        <script src="<?php echo $assets;?>js/meanmenu.min.js"></script>
        <script src="<?php echo $assets;?>js/jquery.nice-select.min.js"></script>
        <script src="<?php echo $assets;?>js/viewer.min.js"></script>
        <script src="<?php echo $assets;?>js/slick.min.js"></script>
        <script src="<?php echo $assets;?>js/jquery.magnific-popup.min.js"></script>
        <script src="<?php echo $assets;?>js/jquery.ajaxchimp.min.js"></script>
        <script src="<?php echo $assets;?>js/form-validator.min.js"></script>
        <script src="<?php echo $assets;?>js/contact-form-script.js"></script>
        <script src="<?php echo $assets;?>js/main.js"></script>
     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
       
       <script>
  AOS.init();
</script>   
       
