/home/moonrcjl/template.moontelict.com/a.laxfy/course-lms-details.html
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>A.laxfy – Modern Multipurpose HTML5 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

    <!--<< Mouse Cursor Start >>-->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- scroll to top  -->
    <button id="back-to-top"><i class="far fa-arrow-up"></i></button>

    <!-- preloader  -->
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object" id="object_four"></div>
                <div class="object" id="object_three"></div>
                <div class="object" id="object_two"></div>
                <div class="object" id="object_one"></div>
            </div>
        </div>
    </div>

    <!-- mt header search  -->
    <div class="mt-header-search-bar d-flex align-items-center">
        <button class="mt-search-close">×</button>
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-lg-6">
                    <div class="mt-search-bar text-center">
                        <h2 class="mt-search-bar-title mb-30">What are you looking for?</h2>
                        <div class="contact-form-box contact-search-form-box">
                            <form action="#">
                                <input type="text" placeholder="Search Here">
                                <button type="submit"><i class="far fa-search"></i></button>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Cart mini star -->
    <div class="mtcartmini__area">
        <div class="mtcartmini__wrapper d-flex justify-content-between flex-column">
            <div class="mtcartmini__top-wrapper">
                <div class="mtcartmini__top p-relative">
                    <div class="mtcartmini__top-title">
                        <h4>Shopping cart</h4>
                    </div>
                    <div class="mtcartmini__close">
                        <button type="button" class="mtcartmini__close-btn mtcartmini-close-btn"><i
                                class="fal fa-times"></i></button>
                    </div>
                </div>
                <div class="mtcartmini__shipping">
                    <p> Free Shipping for all orders over <span>$50</span></p>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar"
                            data-width="70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"
                            style="width: 70%;">
                        </div>
                    </div>
                </div>
                <div class="mtcartmini__widget">
                    <div class="mtcartmini__widget-item">
                        <div class="mtcartmini__thumb">
                            <a href="shop-details.html">
                                <img src="assets/img/product/product-1-1.png" alt="">
                            </a>
                        </div>
                        <div class="mtcartmini__content">
                            <h5 class="mtcartmini__title"><a href="shop-details.html">ProFlex Sports</a>
                            </h5>
                            <div class="mtcartmini__prmte-wrapper">
                                <span class="mtcartmini__prmte">$16.00</span>
                                <span class="mtcartmini__quantity">x3</span>
                            </div>
                        </div>
                        <a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
                    </div>
                    <div class="mtcartmini__widget-item">
                        <div class="mtcartmini__thumb">
                            <a href="shop-details.html">
                                <img src="assets/img/product/product-1-2.png" alt="">
                            </a>
                        </div>
                        <div class="mtcartmini__content">
                            <h5 class="mtcartmini__title"><a href="shop-details.html">Velocity Sports Pro</a>
                            </h5>
                            <div class="mtcartmini__prmte-wrapper">
                                <span class="mtcartmini__prmte">$20.00</span>
                                <span class="mtcartmini__quantity">x3</span>
                            </div>
                        </div>
                        <a href="#" class="mtcartmini__del"><i class="fa-regular fa-xmark"></i></a>
                    </div>
                </div>
                <!-- for wp -->
            </div>
            <div class="mtcartmini__checkout">
                <div class="mtcartmini__checkout-title mb-30">
                    <h4>Subtotal:</h4>
                    <span>$213.00</span>
                </div>
                <div class="mtcartmini__checkout-btn text-center">
                    <a href="cart.html" class="mt-btn mt-btn-6 mb-10 w-100"> view cart</a>
                    <a href="checkout.html" class="mt-btn w-100"> checkout</a>
                </div>
            </div>
        </div>
    </div>
    <!-- Cart mini end -->

    <div class="mt-offcanvas">
        <div class="mt-offcanvas-wrapper">
            <div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
                <div class="mt-offcanvas-logo">
                    <a href="index.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
                </div>
                <div class="mt-offcanvas-close">
                    <button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
                </div>
            </div>
            <div class="mt-offcanvas-menu d-xl-none mb-50">
                <nav></nav>
            </div>
            <div class="mt-offcanvas-content mb-50 d-none d-xl-block">
                <h2 class="mt-offcanvas-title">Hello There!</h2>
                <p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
            </div>
            <div class="mt-offcanvas-gallery mb-50">
                <a class="popup-image" href="assets/img/project/portfolio-4-1.jpg"><img
                        src="assets/img/project/portfolio-4-1.jpg" alt=""></a>
                <a class="popup-image" href="assets/img/project/portfolio-4-2.jpg"><img
                        src="assets/img/project/portfolio-4-2.jpg" alt=""></a>
                <a class="popup-image" href="assets/img/project/portfolio-4-3.jpg"><img
                        src="assets/img/project/portfolio-4-3.jpg" alt=""></a>
                <a class="popup-image" href="assets/img/project/portfolio-4-4.jpg"><img
                        src="assets/img/project/portfolio-4-4.jpg" alt=""></a>
            </div>
            <div class="mt-offcanvas-info mb-50">
                <h3 class="mt-offcanvas-sm-title">Information</h3>
                <span><a href="#">+ 4 20 7700 1007</a></span>
                <span><a href="#">hello@a.laxfy.com</a></span>
                <span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
            </div>
            <div class="mt-offcanvas-social mb-50">
                <h3 class="mt-offcanvas-sm-title">Follow Us</h3>
                <a href="#"><i class="fab fa-facebook-f"></i></a>
                <a href="#"><i class="fab fa-twitter"></i></a>
                <a href="#"><i class="fab fa-linkedin-in"></i></a>
                <a href="#"><i class="fab fa-instagram"></i></a>
            </div>
        </div>
    </div>
    <div class="mt-offcanvas-overlay"></div>

    <header class="mt-header-area mt-header-9 white-bg p-relative z-index-11">
        <!-- header top area start -->
        <div class="mt-header-top-area theme-bg mt-header-top-3 plr-200 d-none d-lg-block">
            <div class="container-fluid">
                <div class="row align-items-center justify-content-between">
                    <div class="col-xl-8 col-lg-7">
                        <div class="mt-header-top-left  text-start">
                            <ul>
                                <li><a href="tel:8085550111"><span><i class="fa-regular fa-phone"></i></span>(808)
                                        555-0111</a></li>
                                <li><a href="mailto:Info@lax.fy.com"><span><i
                                                class="fa-light fa-envelope"></i></span>Info@lax.fy.com</a></li>
                                <li><a href="#"><span><i class="fa-light fa-clock"></i></span>MON - FRI : 9AM - 10PM</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-5 ">
                        <div class="mt-header-top-right-wrapper">

                            <div class="mt-header-top-right ">
                                <ul>
                                    <li><span>Follow Us :</span></li>
                                    <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                                    <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header main area start -->
        <div id="mt-header-sticky" class="mt-header-area plr-200">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-xl-2 col-lg-2 col-6">
                        <div class="mt-header-logo">
                            <a href="index-5.html"><img src="assets/img/logo/black-logo.png" alt="logo"></a>
                        </div>
                    </div>
                    <div class="col-xl-10 col-lg-10 col-6">
                        <div
                            class="mt-header-wrap ml-15 d-flex align-items-center justify-content-xl-between justify-content-end">
                            <div class="mt-header-menu d-none d-xl-block">
                                <div class="mt-header-category d-none">
                                    <button class="mt-category-toggle ">
                                        <i class="fa-light fa-grid-2"></i> <span>All Category</span> <i
                                            class="fa-light fa-angle-down"></i>
                                    </button>
                                </div>
                                <nav class="mt-mobile-menu-active">
                                    <ul>
                                        <li class="dropdown has-dropdown p-static"><a href="#">Home</a>
                                            <div class="mt-mega-menu mtmega-menu">
                                                <div class="mt-home-menu">
                                                    <div class="row gx-4 row-cols-2 row-cols-md-2 row-cols-xl-6">
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-1.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index.html">Data analysis</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-2.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index-2.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-2-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-2.html">Modern Apps Landing</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-3.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index-3.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-3-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-3.html">IT Solution</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-4.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index-4.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-4-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-4.html">Modern Online Payments</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-5.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index-5.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-5-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-5.html">Modern E-learning</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <img src="assets/img/demo/home-6.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="index-6.html">Multi
                                                                        page</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-6-one-page.html">One Page</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-6.html">Modern Esports Shop</a>
                                                                </h4>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="dropdown has-dropdown"><a href="#">Shop</a>
                                            <ul class="sub-menu">
                                                <li><a href="shop.html">Shop</a></li>
                                                <li><a href="shop-details.html">Shop Details</a></li>
                                                <li><a href="cart.html">Cart Page</a></li>
                                                <li><a href="wishlist.html">Wishlist Page</a></li>
                                                <li><a href="checkout.html">Checkout Page</a></li>
                                                <li><a href="register.html">Register Page</a></li>
                                                <li><a href="login.html">Login Page</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown has-dropdown p-static"><a href="#">Pages</a>
                                            <div class="mt-megamenu-wrapper mtmega-menu">
                                                <div class="row gx-0">
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">About Pages</h4>
                                                            <ul>
                                                                <li><a href="about.html">Modern About </a></li>
                                                                <li><a href="about-app.html"> About Us</a> </li>
                                                                <li><a href="about-es.html">About Esports</a></li>
                                                                <li><a href="about-it.html"> About IT </a></li>
                                                                <li><a href="about-lms.html">About LMS</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Service Pages</h4>
                                                            <ul>
                                                                <li><a href="services.html">Modern Service</a></li>
                                                                <li><a href="services-app.html">Service App</a></li>
                                                                <li><a href="services-it.html">Service IT</a></li>
                                                                <li><a href="service-details.html">Service Details</a>
                                                                </li>
                                                                <li><a href="services-it-details.html">Service Details
                                                                        3</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Course Pages</h4>
                                                            <ul>
                                                                <li><a href="course-lms.html">Modern Course</a></li>
                                                                <li><a href="course-lms-grid.html">Course Grid</a></li>
                                                                <li><a href="course-lms-details.html">Course Details</a>
                                                                </li>
                                                                <li><a href="course-lms-details-2.html">Course Details
                                                                        2</a></li>
                                                                <li><a href="category-lms.html">Course Category </a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Portfolio Pages</h4>
                                                            <ul>
                                                                <li><a href="portfolio.html">Modern Portfolio</a></li>
                                                                <li><a href="portfolio-it.html">Portfolio IT</a></li>
                                                                <li><a href="portfolio-details.html">Portfolio
                                                                        Details</a></li>
                                                                <li><a href="faq.html">Modern FAQ </a></li>
                                                                <li><a href="about-pa.html">About Me</a>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Special Pages</h4>
                                                            <ul>
                                                                <li><a href="team.html">Modern Team</a></li>
                                                                <li><a href="team-it.html">Team IT</a></li>
                                                                <li><a href="team-lms.html">Team LMS</a></li>
                                                                <li><a href="team-details.html">Team Details</a></li>
                                                                <li><a href="team-lms-details.html">Team Details 2</a>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                    <div class="col-xl-2">
                                                        <div class="mt-megamenu-list">
                                                            <h4 class="mt-megamenu-title">Special Pages</h4>
                                                            <ul>
                                                                <li><a href="testimonial.html">Modern Testimonial</a>
                                                                </li>
                                                                <li><a href="team-it-details.html">Team Details 4</a>
                                                                </li>
                                                                <li><a href="pricing.html">Pricing Page</a></li>
                                                                <li><a href="pricing-app.html">Pricing APP </a></li>
                                                                <li><a href="error.html">Error Page</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="dropdown has-dropdown"><a href="#">Blog</a>
                                            <ul class="sub-menu">
                                                <li><a href="blog.html">Modern Blog</a></li>
                                                <li class="dropdown has-dropdown"><a href="#">Grid Layout </a>
                                                    <ul class="sub-menu">
                                                        <li><a href="blog-app-grid.html">Grid App</a></li>
                                                        <li><a href="blog.html">Modern Grid</a></li>
                                                        <li><a href="blog-es-grid.html">Grid Esports</a></li>
                                                        <li><a href="blog-grid.html">Grid Modern</a></li>
                                                        <li><a href="blog-it-grid.html">Grid IT</a></li>
                                                        <li><a href="blog-list.html">Modern List</a></li>
                                                        <li><a href="blog-lms-grid.html">Grid LMS</a></li>
                                                        <li><a href="blog-pa-grid.html">Grid Startup</a></li>

                                                    </ul>
                                                </li>
                                                <li class="dropdown has-dropdown"><a href="#">Blog Details</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="blog-details.html">Blog Details</a></li>
                                                        <li><a href="blog-app-details.html">Blog Details 2</a></li>
                                                        <li><a href="blog-details-no-sidebar.html">Blog Details 4</a>
                                                        </li>
                                                        <li><a href="blog-es-details.html">Blog Details 5</a></li>
                                                        <li><a href="blog-it-details.html">Blog Details 6</a></li>
                                                        <li><a href="blog-list.html">Blog Listing</a></li>
                                                        <li><a href="blog-lms-details.html">Blog Details 7</a></li>
                                                        <li><a href="blog-pa-details.html">Blog Details 8</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="blog-list.html">Blog Listing</a></li>
                                                <li><a href="blog-right-sidebar.html">Blog Right</a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown has-dropdown"><a href="#">Contact </a>
                                            <ul class="sub-menu">
                                                <li><a href="contact.html">Modern Contact</a></li>
                                                <li><a href="contact-app.html">Contact App</a></li>
                                                <li><a href="contact-es.html">Contact Me</a></li>
                                                <li><a href="contact-it.html">Contact IT</a></li>
                                                <li><a href="contact-lms.html">Contact Me</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                            <div class="d-nonw d-lg-block">
                                <div class="mt-header-right pt-6 pb-6">
                                    <div class="mt-header-wishlist p-relative mr-18">
                                        <a class="mt-wishlist-toggle" href="wishlist.html"> <i
                                                class="fa-light fa-heart"></i></a>
                                    </div>
                                    <div class="mt-header-cart p-relative mr-18">
                                        <button class="mt-cart-toggle ">
                                            <i class="fa-light fa-cart-shopping"></i>
                                        </button>
                                    </div>
                                    <div class="mt-header-search p-relative mr-18">
                                        <button class="mt-search-toggle ">
                                            <i class="fa-regular fa-magnifying-glass"></i>
                                        </button>
                                    </div>
                                    <div class="mt-header-btn mr-18">
                                        <a href="course-lms-details.html" class="mt-btn">Apply Now
                                            <i class="fa-light fa-arrow-right-long"></i></a>
                                    </div>
                                    <div class="mt-header-toggle-bar d-xl-none">
                                        <button class="mt-offcanvas-toggle ">
                                            <i class="fa-regular fa-bars-staggered"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- header main area end -->
    </header>

    <main>

        <!-- Breadcrumb Area Start -->
        <section class="mt-breadcrumb-area mt-breadcrumb-5 p-relative fix" data-bg-color="#F9F8FF">
            <div class="mt-breadcrumb-shape">
                <img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/shape-5-1.png" alt="">
                <img class="mt-breadcrumb-shape-2 p-absolute" src="assets/img/breadcrumb/shape-5-2.png" alt="">
                <img class="mt-breadcrumb-shape-3 p-absolute" src="assets/img/breadcrumb/shape-5-3.png" alt="">
                <img class="mt-breadcrumb-shape-4 p-absolute" src="assets/img/breadcrumb/shape-5-4.png" alt="">
            </div>
            <div class="container">
                <div class="row ">
                    <div class="col-lg-12">
                        <div class="mt-breadcrumb z-index-2 text-center">
                            <h1 class="mt-breadcrumb-title">Courses details</h1>
                            <div class="mt-breadcrumb-list">
                                <span class="active"><a href="index-5.html">Home</a></span>
                                <span class="dvir">-</span>
                                <span>Courses details</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start Course Details Area -->
        <section class="mtcourse__details-area pt-140 pb-10 p-relative">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8">
                        <div class="mt-course-details-wrapper">
                            <div class="mt-course-img br-15 mb-20 p-relative wow img-custom-anim-top"
                                data-wow-duration="1.5s" data-wow-delay="0.3s">
                                <div class="mt-course-cat">
                                    <a href="#">Web Design</a>
                                </div>
                                <img src="assets/img/course/thumb-lg-1.jpg" alt="">
                            </div>
                            <div class="mt-course-details-meta-wrap mb-20 d-flex align-items-center">
                                <div class="mt-course-details-author">
                                    <span>By : Jontis Nathunsa </span>
                                </div>
                                <div class="mt-course-detailss-lesson">
                                    <span><i class="fa-light fa-files"></i> 11
                                        Lessons</span>
                                    <span><i class="fa-light fa-clock"></i> 10
                                        Hours</span>
                                </div>
                                <div class="mt-course-details-ratting">
                                    <span>4.9</span>
                                    <span><i class="fa-solid fa-star"></i></span>
                                    <span><i class="fa-solid fa-star"></i></span>
                                    <span><i class="fa-solid fa-star"></i></span>
                                    <span><i class="fa-solid fa-star"></i></span>
                                    <span><i class="fa-solid fa-star"></i></span>
                                    <span>( 205 )</span>
                                </div>
                            </div>
                            <div class="mt-course-details-content mb-50">
                                <h3 class="mt-course-details-title mb-25">Elevate your skills in 2025 with our
                                    Web Design and Graphic Learning.</h3>
                                <p>Throughout this course, you’ll gain hands-on skills, practical knowledge, and
                                    real-world insights tailored to
                                    your goals. Each module is designed to help you master key concepts, tackle
                                    challenges, and apply your
                                    learning effectively. By the end, you’ll be equipped with the expertise and
                                    confidence to excel, whether you’re
                                    advancing in your career, developing new skills, or pursuing a passion. Get ready to
                                    learn,</p>
                                <ul class="mb-20">
                                    <li>Gain a strong understanding of the basic principles and core concepts essential.
                                    </li>
                                    <li>Develop hands-on skills with real-world applications, allowing you to
                                        confidently apply your knowledge.</li>
                                </ul>

                                <p class="mb-20">Throughout this course, you’ll gain hands-on skills, practical
                                    knowledge, and
                                    real-world insights tailored to
                                    your goals. Each module is designed to help you master key concepts, tackle
                                    challenges,</p>
                                <h5 class="mt-course-details-subtitle mb-15">introduction to Science & Engineering</h5>
                                <p>Throughout this course, you’ll gain hands-on skills, practical knowledge, and
                                    real-world insights tailored to
                                    your goals. Each module is designed to help you master key concepts, tackle
                                    challenges, and apply your
                                    learning effectively. By the end, you’ll be equipped with the expertise and
                                    confidence to excel, whether you’re
                                    advancing in your career, developing new skills, or pursuing a passion. Get ready to
                                    learn,</p>

                                <ul class="mb-20">
                                    <li>Build critical thinking and problem-solving skills that will help you tackle
                                        challenges with ease.
                                    </li>
                                    <li>Develop hands-on skills with real-world applications, allowing you to
                                        confidently apply your knowledge.</li>
                                    <li>Improve teamwork, communication, and collaboration skills—essential in any
                                        professional.</li>
                                </ul>
                                <p class="mb-20">Throughout this course, you’ll gain hands-on skills, practical
                                    knowledge, and
                                    real-world insights tailored to
                                    your goals. Each module is designed to help you master key concepts, tackle
                                    challenges,</p>
                                <h3 class="mt-course-details-subtitle mb-15">Certification</h3>
                                <ul class="mb-20">
                                    <li>Each certification is equipped with a unique verification code, allowing
                                        employers or interested parties
                                        to authenticate your achievement through our platform.</li>
                                </ul>
                            </div>
                            <div class="mt-course-details-lesson mb-50" data-bg-color="#F8F8F8">
                                <h4 class="mt-course-details-lesson-title mb-25">Curriculum</h4>
                                <div class="mt-custom-accordion mb-0">
                                    <div class="accordion" id="accordionExample">
                                        <div class="accordion-items">
                                            <h2 class="accordion-header mb-20" id="headingOne">
                                                <button class="accordion-buttons collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseOne"
                                                    aria-expanded="false" aria-controls="collapseOne">
                                                    What is Search Engine Optimization (SEQ) <span>(03 Lectures)</span>
                                                </button>
                                            </h2>
                                            <div id="collapseOne" class="accordion-collapse collapse show"
                                                aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div class="mt-skill-item mb-20">
                                                            <label>1/3 Completed</label>
                                                            <div class="progress-outer">
                                                                <span class="progress-num"
                                                                    style="left:calc(65% - 31px)">65%</span>
                                                                <div class="fix">
                                                                    <div class="progress wow tpSkillInLeft  animated"
                                                                        data-wow-duration="1s" data-wow-delay="0.2s"
                                                                        role="progressbar"
                                                                        aria-label="Example with label"
                                                                        aria-valuenow="25" aria-valuemin="0"
                                                                        aria-valuemax="100"
                                                                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s;">
                                                                        <div class="progress-bar" style="width: 65%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Introduction</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>3m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Type of Digital Marketing</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>5m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video active"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> It’s Not an income Problem. it’s a Thinking
                                                                    Problem</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span class="active">Preview</span>
                                                                <cite><i class="fa-light fa-check"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-items">
                                            <h2 class="accordion-header mb-20" id="headingTwo">
                                                <button class="accordion-buttons collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapseTwo"
                                                    aria-expanded="false" aria-controls="collapseTwo">
                                                    Introduction of Digital Marketing
                                                    <span>(03 Lectures)</span>
                                                </button>
                                            </h2>
                                            <div id="collapseTwo" class="accordion-collapse collapse"
                                                aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div class="mt-skill-item mb-20">
                                                            <label>1/3 Completed</label>
                                                            <div class="progress-outer">
                                                                <span class="progress-num"
                                                                    style="left:calc(65% - 31px)">65%</span>
                                                                <div class="fix">
                                                                    <div class="progress wow tpSkillInLeft  animated"
                                                                        data-wow-duration="1s" data-wow-delay="0.2s"
                                                                        role="progressbar"
                                                                        aria-label="Example with label"
                                                                        aria-valuenow="25" aria-valuemin="0"
                                                                        aria-valuemax="100"
                                                                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s;">
                                                                        <div class="progress-bar" style="width: 65%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Introduction</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>3m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Type of Digital Marketing</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>5m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video active"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> It’s Not an income Problem. it’s a Thinking
                                                                    Problem</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span class="active">Preview</span>
                                                                <cite><i class="fa-light fa-check"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-items">
                                            <h2 class="accordion-header mb-20" id="headingThree">
                                                <button class="accordion-buttons collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapsethree"
                                                    aria-expanded="false" aria-controls="collapsethree">
                                                    Introduction of Digital Marketing
                                                    <span>(03 Lectures)</span>
                                                </button>
                                            </h2>
                                            <div id="collapsethree" class="accordion-collapse collapse"
                                                aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div class="mt-skill-item mb-20">
                                                            <label>1/3 Completed</label>
                                                            <div class="progress-outer">
                                                                <span class="progress-num"
                                                                    style="left:calc(65% - 31px)">65%</span>
                                                                <div class="fix">
                                                                    <div class="progress wow tpSkillInLeft  animated"
                                                                        data-wow-duration="1s" data-wow-delay="0.2s"
                                                                        role="progressbar"
                                                                        aria-label="Example with label"
                                                                        aria-valuenow="25" aria-valuemin="0"
                                                                        aria-valuemax="100"
                                                                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s;">
                                                                        <div class="progress-bar" style="width: 65%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Introduction</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>3m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Type of Digital Marketing</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>5m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video active"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> It’s Not an income Problem. it’s a Thinking
                                                                    Problem</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span class="active">Preview</span>
                                                                <cite><i class="fa-light fa-check"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-items">
                                            <h2 class="accordion-header mb-20" id="headingFour">
                                                <button class="accordion-buttons collapsed" type="button"
                                                    data-bs-toggle="collapse" data-bs-target="#collapsetFour"
                                                    aria-expanded="false" aria-controls="collapsetFour">
                                                    Introduction of Digital Marketing
                                                    <span>(03 Lectures)</span>
                                                </button>
                                            </h2>
                                            <div id="collapsetFour" class="accordion-collapse collapse"
                                                aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                                <div class="accordion-body">
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div class="mt-skill-item mb-20">
                                                            <label>1/3 Completed</label>
                                                            <div class="progress-outer">
                                                                <span class="progress-num"
                                                                    style="left:calc(65% - 31px)">65%</span>
                                                                <div class="fix">
                                                                    <div class="progress wow tpSkillInLeft  animated"
                                                                        data-wow-duration="1s" data-wow-delay="0.2s"
                                                                        role="progressbar"
                                                                        aria-label="Example with label"
                                                                        aria-valuenow="25" aria-valuemin="0"
                                                                        aria-valuemax="100"
                                                                        style="visibility: visible; animation-duration: 1s; animation-delay: 0.2s;">
                                                                        <div class="progress-bar" style="width: 65%">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Introduction</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>3m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> Type of Digital Marketing</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span>5m 25s</span>
                                                                <cite><i class="fa-light fa-lock"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="mt-course-details-lesson-body mb-20">
                                                        <div
                                                            class="mt-course-details-lesson-list d-flex align-items-center justify-content-between">
                                                            <div class="mt-course-details-lesson-play">
                                                                <a class="popup-video active"
                                                                    href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                                                    <i class="fa-solid fa-play"></i>
                                                                </a>
                                                                <span> It’s Not an income Problem. it’s a Thinking
                                                                    Problem</span>
                                                            </div>
                                                            <div class="mt-course-details-lesson-icon">
                                                                <span class="active">Preview</span>
                                                                <cite><i class="fa-light fa-check"></i></cite>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mt-course-details-instructor mb-50" data-bg-color="#F8F8F8">
                                <h4 class="mt-course-details-lesson-title mb-25">instructor</h4>
                                <div class="row">
                                    <div class="col-xl-4">
                                        <div class="mt-course-details-instructor-thumb br-10 mb-24">
                                            <img src="assets/img/course/instructor.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="col-xl-8">
                                        <div class="mt-course-details-instructor-content">
                                            <div
                                                class="mt-course-details-instructor-position-wrap mb-15 d-flex justify-content-between align-items-center">
                                                <div class="mt-course-details-instructor-position mr-10">
                                                    <h4 class="mt-course-details-instructor-name">Brooklyn Simmons</h4>
                                                    <span>President of Sales</span>
                                                </div>
                                                <div class="mt-course-details-instructor-ratting">
                                                    <span><i class="fa-solid fa-star"></i></span>
                                                    <span><i class="fa-solid fa-star"></i></span>
                                                    <span><i class="fa-solid fa-star"></i></span>
                                                    <span><i class="fa-solid fa-star"></i></span>
                                                    <span><i class="fa-solid fa-star"></i></span>
                                                    <span>(45)</span>
                                                </div>
                                            </div>
                                            <div class="mt-course-details-instructor-skill mb-15">
                                                <span><i class="fa-solid fa-play"></i> (20) Course</span>
                                                <span><i class="fa-light fa-book-open"></i> Category</span>
                                                <span><i class="fa-light fa-message-lines"></i> 23,987 Reviews</span>
                                            </div>
                                            <div class="mt-course-details-instructor-text">
                                                <ul>
                                                    <li>Develop hands-on skills with real-world applications, allowing
                                                        you to confidently apply your knowledge.</li>
                                                    <li>Develop hands-on skills with real-world applications, allowing
                                                        you to confidently apply your knowledge.</li>
                                                </ul>
                                            </div>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="mt-course-details-review mb-50" data-bg-color="#F8F8F8">
                                <h4 class="mt-course-details-lesson-title mb-25">review</h4>
                                <div
                                    class="mt-course-details-review-wrap d-flex align-items-center justify-content-between mb-40">
                                    <div class="mt-course-details-review-rating text-center">
                                        <h4 class="mt-course-details-review-count">5.0</h4>
                                        <span><i class="fa-solid fa-star-sharp"></i></span>
                                        <span><i class="fa-solid fa-star-sharp"></i></span>
                                        <span><i class="fa-solid fa-star-sharp"></i></span>
                                        <span><i class="fa-solid fa-star-sharp"></i></span>
                                        <p class="">(2 Rating)</p>
                                    </div>
                                    <div class="mt-course-details-review-right">
                                        <div class="mt-course-details-review-bar mb-10">
                                            <ul>
                                                <li>5.0</li>
                                                <li><span></span></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                            </ul>
                                        </div>
                                        <div class="mt-course-details-review-bar mb-10">
                                            <ul>
                                                <li>4.0</li>
                                                <li><span></span></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="mt-course-details-review-bar mb-10">
                                            <ul>
                                                <li>3.0</li>
                                                <li><span></span></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="mt-course-details-review-bar mb-10">
                                            <ul>
                                                <li>2.0</li>
                                                <li><span></span></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                            </ul>
                                        </div>
                                        <div class="mt-course-details-review-bar mb-10">
                                            <ul>
                                                <li>1.0</li>
                                                <li><span></span></li>
                                                <li><i class="fa-solid fa-star-sharp"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                                <li><i class="fal fa-star"></i></li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>

                                <div class="mt-postbox-comments-wrapper">
                                    <div class="mt-section-title-wrapper mb-30 mt-30">
                                        <h2 class="mt-section-title mb-20 mt-fs-24">Comments (03)</h2>
                                    </div>
                                    <div class="mt-postbox-comments">
                                        <ul>
                                            <li>
                                                <div class="mt-postbox-comments-thumb br-50">
                                                    <img src="assets/img/blog/author/author-2-1.jpg" alt="">
                                                </div>
                                                <div class="mt-postbox-comments-text">
                                                    <h5 class="mt-postbox-comments-author">Brooklyn Simmons</h5>
                                                    <span>26 sep 2025</span>
                                                    <p>We value your thoughts and feedback! Your insights help us
                                                        improve and inspire our
                                                        creative
                                                        community. Share your experiences, ask questions, or discuss
                                                        ideas related to
                                                        AI-powered
                                                        creativity and design.</p>
                                                    <a href="#" class="reply"> Reply</a>
                                                </div>
                                            </li>
                                            <li class="children">
                                                <div class="mt-postbox-comments-thumb br-50">
                                                    <img src="assets/img/blog/author/author-2-3.jpg" alt="">
                                                </div>
                                                <div class="mt-postbox-comments-text">
                                                    <h5 class="mt-postbox-comments-author">Darlene Robertson</h5>
                                                    <span>26 sep 2025 </span>
                                                    <p>Conubia non viverra malesuada aenean per odio magna hymenaeos,
                                                        cubilia euducate
                                                        class bulputate aenean laoreet nam ipsum mus neko porttitor.</p>
                                                    <a href="#" class="reply"> Reply</a>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="mt-postbox-comments-thumb br-50">
                                                    <img src="assets/img/blog/author/author-2-3.jpg" alt="">
                                                </div>
                                                <div class="mt-postbox-comments-text">
                                                    <h5 class="mt-postbox-comments-author">Kathryn Murphy</h5>
                                                    <span>26 sep 2025</span>
                                                    <p>We value your thoughts and feedback! Your insights help us
                                                        improve and inspire our
                                                        creative
                                                        community. Share your experiences, ask questions, or discuss
                                                        ideas related to
                                                        AI-powered
                                                        creativity and design.</p>
                                                    <a href="#" class="reply"> Reply</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="contact-form-box mb-25">
                                    <div class="mt-section-title-wrapper mb-30 mt-30">
                                        <h2 class="mt-section-title mb-20 mt-fs-24">Leave a reply</h2>
                                    </div>
                                    <div class="mtcontact__forms">
                                        <form action="#">
                                            <div class="row">
                                                <div class="col-xl-6 col-lg-6 col-md-6 col-12 mb-20">
                                                    <div class="mtcontact__form-inputbox">
                                                        <input type="text" placeholder="Enter your name">
                                                    </div>
                                                </div>
                                                <div class="col-xl-6 col-lg- col-md-6 col-12 mb-20">
                                                    <div class="mtcontact__form-inputbox">
                                                        <input type="text" placeholder="Enter your email">
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-20">
                                                    <div class="mtcontact__form-inputbox">
                                                        <input type="text" placeholder="Your subject">
                                                    </div>
                                                </div>
                                                <div class="col-12 mb-20">
                                                    <div class="mtcontact__form-inputbox">
                                                        <textarea placeholder="Write your message"></textarea>
                                                    </div>
                                                </div>
                                            </div>
                                            <button type="submit" class="mt-btn"><span>Post Comment</span></button>
                                        </form>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="mt-course-box-sidebar">
                            <div class="mt-course-box-thumb-sm mb-40 br-10 p-relative wow img-custom-anim-top"
                                data-wow-duration="1.5s" data-wow-delay="0.3s">
                                <img src="assets/img/course/thumb-sm-1.jpg" alt="">
                                <div class="mt-course-box-play">
                                    <a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
                                        <i class="fa-solid fa-play"></i>
                                    </a>
                                </div>
                                <div class="mt-course-box-price">
                                    <span>$400</span>
                                </div>
                            </div>
                            <div class="mt-course-box-content mb-40">
                                <h4 class="mt-course-box-title mb-20">This Course Includes:</h4>
                                <div class="mt-course-box-list">
                                    <ul>
                                        <li><i class="fa-light fa-clock"></i> Course Duration <span>2 Hour 10 Min</span>
                                        </li>
                                        <li><i class="fa-light fa-grid-2"></i> Category <span>Graphics Designer</span>
                                        </li>
                                        <li><i class="fa-light fa-arrow-turn-up"></i> Course Level <span>Higher</span>
                                        </li>
                                        <li><i class="fa-light fa-graduation-cap"></i> Student Enrolled <span>50</span>
                                        </li>
                                        <li><i class="fa-light fa-clock"></i> Last Update <span>Dec 12-20-2025</span>
                                        </li>
                                        <li><i class="fa-light fa-sliders-simple"></i> Skill Level <span>Beginner</span>
                                        </li>
                                        <li><i class="fa-light fa-globe"></i> Language <span>English</span></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="mt-course-box-btn">
                                <div class="mt-course-btn mb-20">
                                    <a href="#" class="mt-btn mtradus w-100 text-center">Buy This Course
                                        <i class="fa-light fa-arrow-right-long"></i></a>
                                </div>
                                <div class="mt-course-btn mb-20">
                                    <a href="#" class="mt-btn mtradus mtwhite w-100 text-center">Add to Wishlist</a>
                                </div>
                                <div class="mt-course-box-share text-center">
                                    <span><i class="fa-light fa-share-nodes"></i> Share The course</span>
                                    <div class="mt-course-box-share-icon">
                                        <a href="#"><i class="fa-brands fa-facebook-f"></i></a>
                                        <a href="#"><i class="fa-brands fa-twitter"></i></a>
                                        <a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Course Details Area -->

        <!-- Start Course Grid Area -->
        <section class="mtcourse__area pb-120 p-relative">
            <div class="container">
                <div class="mt-section-content mb-40">
                    <h2 class="mt-section-title stylefour ">Related Courses</h2>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="mt-course-wrapper p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                            data-wow-delay="0.2s">
                            <div class="mt-course-item">
                                <div class="mt-course-img br-15 mb-20 p-relative">
                                    <div class="mt-course-cat">
                                        <a href="#">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="#"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="#"><img src="assets/img/course/thumb-1.jpg" alt=""></a>
                                </div>
                                <div class="mt-course-content">
                                    <div class="mt-course-meta mb-15 p-relative">
                                        <a href="#"><i class="fa-light fa-files"></i> 11
                                            Lessons</a>
                                        <a href="#"><i class="fa-light fa-clock"></i> 10
                                            Hours</a>
                                    </div>
                                    <h3 class="mt-course-title mb-15"><a href="#">Master New
                                            Concepts with Our
                                            Seamless Virtual Learning</a></h3>
                                    <div class="mt-course-author">
                                        <a href="#">By : Jontis Nathunsa</a>
                                    </div>
                                    <div class="mt-course-price-wrap d-flex align-items-center justify-content-between">
                                        <div class="mt-course-price">
                                            <h5 class="">$105/ <span>$25</span></h5>
                                        </div>
                                        <div class="mt-course-star">
                                            <span>4.9</span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span>( 205 )</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="mt-course-wrapper p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                            data-wow-delay="0.3s">
                            <div class="mt-course-item">
                                <div class="mt-course-img br-15 mb-20 p-relative">
                                    <div class="mt-course-cat">
                                        <a href="#">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="#"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="#"><img src="assets/img/course/thumb-2.jpg" alt=""></a>
                                </div>
                                <div class="mt-course-content">
                                    <div class="mt-course-meta mb-15 p-relative">
                                        <a href="#"><i class="fa-light fa-files"></i> 11
                                            Lessons</a>
                                        <a href="#"><i class="fa-light fa-clock"></i> 10
                                            Hours</a>
                                    </div>
                                    <h3 class="mt-course-title mb-15"><a href="#">Online Classes
                                            Designed for
                                            Your Success</a></h3>
                                    <div class="mt-course-author">
                                        <a href="#">By : Jontis Nathunsa</a>
                                    </div>
                                    <div class="mt-course-price-wrap d-flex align-items-center justify-content-between">
                                        <div class="mt-course-price">
                                            <h5 class="">$105/ <span>$25</span></h5>
                                        </div>
                                        <div class="mt-course-star">
                                            <span>4.9</span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span>( 205 )</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="mt-course-wrapper p-relative mb-24 wow img-custom-anim-top" data-wow-duration="1.5s"
                            data-wow-delay="0.4s">
                            <div class="mt-course-item">
                                <div class="mt-course-img br-15 mb-20 p-relative">
                                    <div class="mt-course-cat">
                                        <a href="#">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="#"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="#"><img src="assets/img/course/thumb-3.jpg" alt=""></a>
                                </div>
                                <div class="mt-course-content">
                                    <div class="mt-course-meta mb-15 p-relative">
                                        <a href="#"><i class="fa-light fa-files"></i> 11
                                            Lessons</a>
                                        <a href="#"><i class="fa-light fa-clock"></i> 10
                                            Hours</a>
                                    </div>
                                    <h3 class="mt-course-title mb-15"><a href="#">Science &
                                            Engineering Innovate
                                            the Future.</a></h3>
                                    <div class="mt-course-author">
                                        <a href="#">By : Jontis Nathunsa</a>
                                    </div>
                                    <div class="mt-course-price-wrap d-flex align-items-center justify-content-between">
                                        <div class="mt-course-price">
                                            <h5 class="">$105/ <span>$25</span></h5>
                                        </div>
                                        <div class="mt-course-star">
                                            <span>4.9</span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span><i class="fa-solid fa-star"></i></span>
                                            <span>( 205 )</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- End Course Area -->


        <div class="mt-cta-area mt-cta-6 pt-10 pb-10" data-bg-color="#F8F8F8">
            <div class="container">
                <div class="row justify-content-end">
                    <div class="col-md-6">
                        <div class="mt-cta-wrap mt-cta">
                            <h3 class="mt-cta-title p-relative">Lets Contact <span><img
                                        src="assets/img/cta/shape-10.png" alt=""></span></h3>

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

    </main>

    <!-- footer start  -->
    <footer class="mt-footer-area mt-footer-8 p-relative" data-bg-color="#F8F8FF">
        <div class="mt-footer-shape">
            <img src="assets/img/footer/shape-10-1.png" alt="">
        </div>
        <div class="mt-footer-shape-2">
            <img src="assets/img/footer/shape-10-2.png" alt="">
        </div>
        <div class="mt-footer-shape-3">
            <img src="assets/img/footer/shape-10-3.png" alt="">
        </div>
        <div class="mt-footer-main-wraper pt-70 pb-40 p-relative">
            <div class="container">
                <div class="row">
                    <div class="col-xl-4 col-lg-6 col-md-6 mb-50 footer-cols-1 ">
                        <div class="mt-footer-widget mtnewsletter wow img-custom-anim-top" data-wow-duration="1.5s"
                            data-wow-delay="0.5s">
                            <div class="mt-footer-icon mb-20">
                                <span><img src="assets/img/footer/message.svg" alt=""></span>
                            </div>
                            <h2 class="mt-footer-newsletter-title mb-25">Join Our Community
                                Get the Latest News
                                and Updates</h2>
                            <div class="mt-footer-newsletter p-relative">
                                <form action="#">
                                    <div class="mt-footer-input mb-30">
                                        <input type="email" placeholder="inter your email">
                                    </div>
                                    <div class="mt-footer-btn">
                                        <button class="mt-btn mtwhite mt-upper w-100 text-center"
                                            type="submit">Subscribe Now <span><i
                                                    class="fa-light fa-arrow-right-long"></i></span></button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.3s">
                        <div class="mt-footer-widget footer-cols-10">
                            <h2 class="mt-footer-title mb-20">Explore Link</h2>
                            <div class="mt-footer-list ">
                                <ul>
                                    <li><a href="about-lms.html"><i class="fa-sharp fa-solid fa-plus"></i>About
                                            Company</a></li>
                                    <li><a href="course-lms.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>E-learning</a></li>
                                    <li><a href="faq.html"><i class="fa-sharp fa-solid fa-plus"></i>Faq</a>
                                    </li>
                                    <li><a href="team-lms.html"><i class="fa-sharp fa-solid fa-plus"></i>Instructor</a>
                                    </li>
                                    <li><a href="contact-lms.html"><i class="fa-sharp fa-solid fa-plus"></i>Contact
                                            Us</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-2 col-lg-6 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.4s">
                        <div class="mt-footer-widget">
                            <h2 class="mt-footer-title mb-20">Courses</h2>
                            <div class="mt-footer-list">
                                <ul>
                                    <li><a href="course-lms.html"><i class="fa-sharp fa-solid fa-plus"></i>Business
                                            Coach</a></li>
                                    <li><a href="course-lms-grid.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Development</a></li>
                                    <li><a href="course-lms-details.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Coach</a></li>
                                    <li><a href="testimonial.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Testimonial</a></li>
                                    <li><a href="course-lms-details-2.html"><i class="fa-sharp fa-solid fa-plus"></i>We
                                            design</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-6 col-md-6 mb-50 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.5s">
                        <div class="mt-footer-widget footer-cols-10">
                            <h2 class="mt-footer-title mb-20">Resources</h2>
                            <div class="mt-footer-list">
                                <ul>
                                    <li><a href="blog-lms-grid.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Articles</a></li>
                                    <li><a href="blog-lms-details.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Blog</a></li>
                                    <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Code Challenges</a></li>
                                    <li><a href="portfolio.html"><i class="fa-sharp fa-solid fa-plus"></i>Project</a>
                                    </li>
                                    <li><a href="#"><i class="fa-sharp fa-solid fa-plus"></i>Workplaces</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- copy-right area start -->
        <div class="mt-copyright-area mt-copyright-2 p-relative pt-10 pb-10">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-4 col-lg-4 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.2s">
                        <div class="mt-copyright-left  text-center text-md-start">
                            <p data-color="#000">© 2025 All Rights Reserved by A.laxfy</p>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.3s">
                        <div class="mt-copyright-logo text-lg-center text-end">
                            <a href="index-5.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
                        </div>
                    </div>
                    <div class="col-xl-4 col-lg-4 col-md-6 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.4s">
                        <div class="mt-copyright-right text-center text-md-end">
                            <div class="mt-copyright-menu mt-copyright-black">
                                <a href="#">Privacy policy</a>
                                <a href="#">Terms & Conditions</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- copy-right area end -->


    </footer>

    <!-- JS here -->
    <script src="assets/js/jquery-3.7.1.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/jarallax.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/range-slider.js"></script>
    <script src="assets/js/nice-select.js"></script>
    <script src="assets/js/purecounter.js"></script>
    <script src="assets/js/countdown.js"></script>
    <script src="assets/js/smooth-scroll.js"></script>
    <script src="assets/js/wow.js"></script>
    <script src="assets/js/mobile-menu-scripts.js"></script>
    <script src="assets/js/main.js"></script>


</body>

</html>