File: /home/bibuzptr/tvetelearning.bibu-edu.us/current elearning/index.php
<?php
session_start();
include_once('includes/db_connect.php');
//check student logged in
if(isset($_SESSION["OpenUniS^###DHSG"])){
$email = $_SESSION["OpenUniS^###DHSG"];
$chkuser = mysqli_query($con,"SELECT * FROM students WHERE email='$email'");
while($row = mysqli_fetch_assoc($chkuser)){
$id = $row["id"];
$name = $row["name"];
}
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
<title>Breakthrough Open University</title>
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/fontawesome.min.css">
<link rel="stylesheet" href="assets/plugins/fontawesome/css/all.min.css">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<link rel="stylesheet" href="assets/plugins/slick/slick.css">
<link rel="stylesheet" href="assets/plugins/slick/slick-theme.css">
<link rel="stylesheet" href="assets/plugins/select2/css/select2.min.css">
<link rel="stylesheet" href="assets/plugins/aos/aos.css">
<link rel="stylesheet" href="assets/css/style.css">
<!-- Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</head>
<body>
<div class="main-wrapper">
<?php include_once("includes/header.php") ?>
<div id="carouselExampleIndicators" style="margin-top:5%;width:100%;" class="home-slide carousel slide" data-ride="carousel">
<!--<ol class="carousel-indicators">-->
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>-->
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>-->
<!-- <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>-->
<!--</ol>-->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="assets/img/scroll1.jpeg" class="d-block w-100" alt="Slide 1">
<div class="carousel-caption">
<h1 style="color:#fff">Affordable education to people from all walks of life</h1>
<p>Open University provides flexible, affordable education to people from all walks of life, enabling them to realize their full potential. With a focus on lifelong learning, it offers a diverse range of programs and courses.</p>
</div>
</div>
<div class="carousel-item">
<img src="assets/img/scroll2.jpeg" class="d-block w-100" alt="Slide 3">
<div class="carousel-caption">
<h1 style="color:#fff">Affordable education to people from all walks of life</h1>
<p>Open University provides flexible, affordable education to people from all walks of life, enabling them to realize their full potential. With a focus on lifelong learning, it offers a diverse range of programs and courses.</p>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<section style="display:none" class="home-slide d-flex1 align-items-center">
<div class="container">
<div class="row ">
<div class="col-md-7">
<div style="display:none" class="home-slide-face aos" data-aos="fade-up">
<div class="home-slide-text ">
<h5> </h5>
<h1>Affordable education to people from all walks of life</h1>
<p>Open University provides flexible, affordable education to people from all walks of life, enabling them to realize their full potential. With a focus on lifelong learning, it offers a diverse range of programs and courses.</p>
</div>
<div class="banner-content">
<form class="form" action="">
<div class="form-inner">
<div class="input-group">
<i class="fa-solid fa-magnifying-glass search-icon"></i>
<input type="text" class="form-control" placeholder="Search for a course...">
<button class="btn btn-primary sub-btn" type="submit"><i class="fas fa-arrow-right"></i></button>
</div>
</div>
</form>
</div>
<div class="trust-user">
<p>Trusted by over 15K Users <br>worldwide since 2023</p>
<div class="trust-rating d-flex align-items-center">
<div class="rate-head">
<h2><span>1000</span>+</h2>
</div>
<div class="rating d-flex align-items-center">
<h2 class="d-inline-block average-rating">4.4</h2>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-5 d-flex align-items-center">
<div style="display:none" class="girl-slide-img aos" data-aos="fade-up">
<img src="assets/img/cover.jfif" alt>
</div>
</div>
</div>
</div>
</section>
<section class="section student-course">
<div style="margin-top: 60px;" class="container">
<div class="course-widget">
<div class="row">
<div class="col-lg-4 col-md-6">
<div class="course-full-width">
<div class="blur-border course-radius align-items-center aos" data-aos="fade-up">
<div class="online-course d-flex align-items-center">
<div class="course-img">
<img src="assets/img/icons-tuition.svg" alt>
</div>
<div class="course-inner-content">
<h4><span>Tuition-Free</span></h4>
<p>As a tuition-free, online university there’s no cost for instruction, books or campus fees.</p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="course-full-width">
<div class="blur-border course-radius aos" data-aos="fade-up">
<div class="online-course d-flex align-items-center">
<div class="course-img">
<img src="assets/img/American-Accredited.webp" alt>
</div>
<div class="course-inner-content">
<h4><span>Accredited</span></h4>
<p>Breakthrough Open University is fully accredited 100% online university</p>
<p> </p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 d-flex">
<div class="course-full-width">
<div class="blur-border course-radius aos" data-aos="fade-up">
<div class="online-course d-flex align-items-center">
<div class="course-img">
<img src="assets/img/flexible.webp" alt>
</div>
<div class="course-inner-content">
<h4><span>Flexible</span></h4>
<p>Since Breakthrough Open University is 100% online you can study to fit your schedule anytime, anywhere.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section master-skill">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="section-header aos" data-aos="fade-up">
<div class="section-sub-head">
<span></span>
<h2>Change your World</h2>
</div>
</div>
<div class="section-text aos" data-aos="fade-up">
<p>
Breakthrough International Bible University is an Open Enrollment College, meaning that it has an Open Enrollment Admissions policy. We accepts candidates regardless of their grade point average and usually regardless of their place of residence and no minimum grade point average (GPA) or test score is required. We accept students who it believes will benefit from and contribute to its intellectual community
<!--We offers a wide variety of undergraduate and postgraduate degree programs in fields such as arts, business, science, and technology. Also, there are also numerous short courses and professional development programs for individuals seeking specific skills enhancement.-->
</p>
</div>
<div class="career-group aos" data-aos="fade-up">
<div class="row">
<div class="col-lg-3 col-md-6 d-flex">
<div class="certified-group blur-border d-flex">
<div class="get-certified d-flex align-items-center">
<div class="blur-box">
<div class="certified-img ">
<img src="assets/img/masters-icon.svg" alt="Breakthrough Open University">
</div>
</div>
<p>Postgraduate degree programs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex">
<div class="certified-group blur-border d-flex">
<div class="get-certified d-flex align-items-center">
<div class="blur-box">
<div class="certified-img ">
<img src="assets/img/bachelors-icon.svg" alt="Breakthrough Open University">
</div>
</div>
<p>Bachelor's Degrees Courses</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex">
<div class="certified-group blur-border d-flex">
<div class="get-certified d-flex align-items-center">
<div class="blur-box">
<div class="certified-img ">
<img src="assets/img/associates-icon.svg" alt="Breakthrough Open University">
</div>
</div>
<p>Professional development programs</p>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 d-flex">
<div class="certified-group blur-border d-flex">
<div class="get-certified d-flex align-items-center">
<div class="blur-box">
<div class="certified-img ">
<img src="assets/img/certificate-icon.svg" alt="Breakthrough Open University">
</div>
</div>
<p>Skills enhancement for individuals</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!--<div style="display:none" class="col-lg-12 col-md-12 d-flex align-items-end">-->
<!--<div class="career-img aos" data-aos="fade-up">-->
<!--<img src="assets/img/g1.png" alt class="img-fluid">-->
<!--</div>-->
<!--</div>-->
</div>
</div>
</section>
<section style="background:#102044" class="section how-it-works">
<div class="container">
<div class="section-header aos" data-aos="fade-up">
<div class="section-sub-head">
<span></span>
<h2 style="color:#fff">School Departments</h2>
</div>
<div style="display:none" class="all-btn all-category d-flex1 align-items-center">
<a href="categories.php" class="btn btn-primary">All Academic Programs</a>
</div>
</div>
<div class="section-text aos" data-aos="fade-up">
<p style="color:#ffcc00">Get to learn undergraduate and postgraduate degree programs in fields such as theology, arts, business, science, and technology</p>
</div>
<div class="owl-carousel1 mentoring-course1 owl-theme1 aos1" data-aos="fade-up">
<div class="row">
<?php
$listcat=mysqli_query($con,"SELECT * FROM categories WHERE status='1' ORDER BY name ASC");
while($lc=mysqli_fetch_assoc($listcat)){
?>
<div style="display:none" class="feature-box text-center">
<a href="academic-programs/<?php echo $lc['url'] ?>">
<div class="feature-bg">
<div class="feature-header">
<div class="feature-icon">
<img src="category-images/<?php echo $lc['icon'] ?>" alt="<?php echo $lc['name'] ?>">
</div>
<div class="feature-cont">
<div class="feature-text"><?php echo substr($lc['name'],0,100) ?></div>
</div>
</div>
<p>40 Courses</p>
</div>
</a>
</div>
<div style="display:none" class="col-lg-3 col-md-6 col-6 col-sm-6 d-flex1">
<a href="academic-programs/<?php echo $lc['url'] ?>">
<div style="background:#fff;" class="certified-group blur-border d-flex">
<div style="background:#fff" class="get-certified1 d-flex align-items-center">
<div class="row">
<div class="col-lg-12 col-md-12 d-flex">
<div class="blur-box">
<div class="certified-img " style="width:100px; height:auto">
<img style="width:100%; height:auto" src="category-images/<?php echo $lc['icon'] ?>" alt="Breakthrough Open University">
</div>
</div>
</div>
<div class="col-lg-12 col-md-12 d-flex">
<p><?php echo $lc['name'] ?></p>
</div>
</div>
</div>
</div>
</a>
</div>
<div class="col-lg-2 col-md-6 col-6 col-sm-6 d-flex">
<div class="course-box d-flex aos" data-aos="fade-up">
<div class="product">
<div class="product-img">
<div style="height:150px">
<a href="academic-programs/<?php echo $lc['url'] ?>">
<img style="width:100%; height:auto; max-height:100%" class="img-fluid1" alt="<?php echo $lc['title'] ?>" src="category-images/<?php echo $lc['icon'] ?>">
</a>
</div>
</div>
<div class="product-content">
<div style="height:50px">
<p style="font-size:small" class="title instructor-text"><a href="academic-programs/<?php echo $lc['url'] ?>"><?php echo substr($lc['name'],0,100) ?></a></p>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<section class="section new-course">
<div class="container">
<div class="section-header aos" data-aos="fade-up">
<div class="section-sub-head">
<h2>Featured Courses</h2>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="courses.php" class="btn btn-primary">All Courses</a>
</div>
</div>
<div class="section-text aos" data-aos="fade-up">
<p class="mb-0">Explore undergraduate and postgraduate degree programs in fields such as theology, arts, business, science, and technology</p>
</div>
<div class="course-feature">
<div class="row">
<?php
$listcat=mysqli_query($con,"SELECT * FROM courses ORDER BY id DESC LIMIT 15");
while($lc=mysqli_fetch_assoc($listcat)){
$courseid=$lc["id"];
$url=$lc["url"];
?>
<div class="col-lg-4 col-md-6 d-flex">
<div class="course-box d-flex aos" data-aos="fade-up">
<div class="product">
<div class="product-img">
<div style="height:150px">
<a href="course-details/<?php echo $lc['url'] ?>">
<img class="img-fluid1" alt="<?php echo $lc['title'] ?>" src="course-images/<?php echo $lc['courseimage'] ?>">
</a>
</div>
<div style="display:none" class="price">
<?php
if($lc['price']=="0"){ ?>
<h3>Free</h3>
<?php }else{
?>
<h3>Ksh. <?php echo number_format($lc["price"]) ?></h3>
<?php } ?>
</div>
</div>
<div class="product-content">
<div style="height:60px">
<h3 class="title instructor-text"><a href="course-details/<?php echo $lc['url'] ?>"><?php echo $lc['title'] ?></a></h3>
</div>
<div style="height:150px">
<p class="title instructor-text"><?php echo substr($lc['shortdescription'],0,200) ?>...</p>
</div>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt>
<p><?php echo mysqli_num_rows(mysqli_query($con,"SELECT * FROM units WHERE courseid='$courseid'")) ?> Units</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt>
<p><?php echo $lc['hours'] ?></p>
</div>
</div>
<div class="all-btn all-category d-flex align-items-center">
<?php if($id!=""){
if(mysqli_num_rows(mysqli_query($con,"SELECT * FROM mycourses WHERE courseid='$courseid' AND studentid='$id'"))>0){ ?>
<a href="dashboard/course-lesson/<?php echo $url ?>" class="btn btn-enroll w-100">Continue Learning</a>
<?php }else{ ?>
<a style="display:none" href="enroll.php?courseurl=<?php echo $url ?>&&courseid=<?php echo $courseid ?>&&stdid=<?php echo $id ?>" class="btn btn-enroll w-100">Enroll Now</a>
<a href="course-details/<?php echo $lc['url'] ?>" class="btn btn-enroll w-100">View Details</a>
<?php }
}else{
?>
<a href="course-details/<?php echo $lc['url'] ?>" class="btn btn-enroll w-100">View Details</a>
<?php } ?>
</div>
</div>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
</div>
</section>
<section style="display:none" class="section trend-course">
<div class="container">
<div class="section-header aos" data-aos="fade-up">
<div class="section-sub-head">
<span>What’s New</span>
<h2>TRENDING COURSES</h2>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="course-list.php" class="btn btn-primary">All Courses</a>
</div>
</div>
<div class="section-text aos" data-aos="fade-up">
<p class="mb-0">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Eget aenean accumsan bibendum gravida maecenas augue elementum et neque. Suspendisse imperdiet.</p>
</div>
<div class="owl-carousel trending-course owl-theme aos" data-aos="fade-up">
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-07.jpg">
</a>
<div class="price">
<h3>$200 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Michael</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Learn JavaScript and Express to become a professional JavaScript</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>13+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>10hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-08.jpg">
</a>
<div class="price">
<h3>$300 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user2.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Smith</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Responsive Web Design Essentials HTML5 CSS3 and Bootstrap</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>10+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>11hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-05.jpg">
</a>
<div class="price">
<h3>$100 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user3.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">Lavern M.</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">The Complete App Design Course - UX, UI and Design Thinking</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>8+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>8hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-08.jpg">
</a>
<div class="price">
<h3>$200 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user5.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Smith</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Build Responsive Real World Websites with HTML5 and CSS3</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>13+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>10hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-07.jpg">
</a>
<div class="price">
<h3>$300 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user2.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Smith</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Responsive Web Design Essentials HTML5 CSS3 and Bootstrap</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>10+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>11hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-09.jpg">
</a>
<div class="price">
<h3>$100 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user4.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">Lavern M.</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">The Complete App Design Course - UX, UI and Design Thinking</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>8+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>8hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-08.jpg">
</a>
<div class="price">
<h3>$200 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user1.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Michael</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Learn JavaScript and Express to become a professional JavaScript</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>13+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>10hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
<div class="course-box trend-box">
<div class="product trend-product">
<div class="product-img">
<a href="course-details.php">
<img class="img-fluid" alt src="assets/img/course/course-09.jpg">
</a>
<div class="price">
<h3>$300 <span>$99.00</span></h3>
</div>
</div>
<div class="product-content">
<div class="course-group d-flex">
<div class="course-group-img d-flex">
<a href="instructor-profile.php"><img src="assets/img/user/user3.jpg" alt class="img-fluid"></a>
<div class="course-name">
<h4><a href="instructor-profile.php">John Smith</a></h4>
<p>Instructor</p>
</div>
</div>
<div class="course-share d-flex align-items-center justify-content-center">
<a href="#"><i class="fa-regular fa-heart"></i></a>
</div>
</div>
<h3 class="title"><a href="course-details.php">Responsive Web Design Essentials HTML5 CSS3 and Bootstrap</a></h3>
<div class="course-info d-flex align-items-center">
<div class="rating-img d-flex align-items-center">
<img src="assets/img/icon/icon-01.svg" alt class="img-fluid">
<p>10+ Lesson</p>
</div>
<div class="course-view d-flex align-items-center">
<img src="assets/img/icon/icon-02.svg" alt class="img-fluid">
<p>11hr 30min</p>
</div>
</div>
<div class="rating">
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star filled"></i>
<i class="fas fa-star"></i>
<span class="d-inline-block average-rating"><span>4.0</span> (15)</span>
</div>
<div class="all-btn all-category d-flex align-items-center">
<a href="checkout.php" class="btn btn-primary">BUY NOW</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="display:none" class="section user-love">
<div class="container">
<div class="section-header white-header aos" data-aos="fade-up">
<div class="section-sub-head feature-head text-center">
<span>Check out these real reviews</span>
<h2>Users-love-us Don't take it from us.</h2>
</div>
</div>
</div>
</section>
<section style="display:none" class="testimonial-four">
<div class="review">
<div class="container">
<div class="testi-quotes">
<img src="assets/img/qute.png" alt>
</div>
<div class="mentor-testimonial lazy slider aos" data-aos="fade-up" data-sizes="50vw ">
<div class="d-flex justify-content-center">
<div class="testimonial-all d-flex justify-content-center">
<div class="testimonial-two-head text-center align-items-center d-flex">
<div class="testimonial-four-saying ">
<div class="testi-right">
<img src="assets/img/qute-01.png" alt>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<div class="four-testimonial-founder">
<div class="fount-about-img">
<a href="instructor-profile.php"><img src="assets/img/user/user1.jpg" alt class="img-fluid"></a>
</div>
<h3><a href="instructor-profile.php">Daziy Millar</a></h3>
<span>Founder of Awesomeux Technology</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<div class="testimonial-all d-flex justify-content-center">
<div class="testimonial-two-head text-center align-items-center d-flex">
<div class="testimonial-four-saying ">
<div class="testi-right">
<img src="assets/img/qute-01.png" alt>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<div class="four-testimonial-founder">
<div class="fount-about-img">
<a href="instructor-profile.php"><img src="assets/img/user/user3.jpg" alt class="img-fluid"></a>
</div>
<h3><a href="instructor-profile.php">john smith</a></h3>
<span>Founder of Awesomeux Technology</span>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-center">
<div class="testimonial-all d-flex justify-content-center">
<div class="testimonial-two-head text-center align-items-center d-flex">
<div class="testimonial-four-saying ">
<div class="testi-right">
<img src="assets/img/qute-01.png" alt>
</div>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
<div class="four-testimonial-founder">
<div class="fount-about-img">
<a href="instructor-profile.php"><img src="assets/img/user/user2.jpg" alt class="img-fluid"></a>
</div>
<h3><a href="instructor-profile.php">David Lee</a></h3>
<span>Founder of Awesomeux Technology</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="margin-top:-10%" class="section become-instructors aos" data-aos="fade-up">
<div class="container">
<h2 align="center">Flexible learning options</h2>
<div class="row">
<div class="col-lg-6 col-md-6 d-flex">
<div class="student-mentor cube-instuctor ">
<h4>Online learning</h4>
<div class="row">
<div class="col-lg-7 col-md-7">
<div class="top-instructors">
<p>Students can access course materials, participate in discussions, and submit assignments online, providing the flexibility to study from anywhere.</p>
</div>
</div>
<div class="col-lg-5 col-md-5">
<div class="mentor-img1" style="width:300px; height:auto">
<img style="width:100%; height:auto" class="img-fluid" alt src="assets/img/bg2.jpg">
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6 d-flex">
<div class="student-mentor yellow-mentor">
<h4>Blended Learning</h4>
<div class="row">
<div class="col-lg-7 col-md-7">
<div class="top-instructors">
<p>Combining online and face-to-face instruction allows students to experience the best of both worlds, catering to diverse learning preferences.</p>
</div>
</div>
<div class="col-lg-5 col-md-5">
<div class="mentor-img1" style="width:300px; height:auto">
<img style="width:100%; height:auto" class="img-fluid" alt src="assets/img/bg2.jpg">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include_once('includes/footer.php') ?>
</body>
</html>