/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/e-learning-course-grid.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.Maxfy – The Multipurpose AI, Cyber Security & Event Platform 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>

    <!-- 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 mt-dark-version">
      <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 text-black mb-30">What are you looking for?</h2>
                  <div class="contact-form-box contact-search-form-box">
                     <form action="#">
                        <input type="email" 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-3 mb-10 w-100"> view cart</a>
                    <a href="checkout.html" class="mt-btn-4 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/white-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.maxfy.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" data-bg-color="#2555FF">
            <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 mtwhite">
            <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="e-learning.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-1 row-cols-md-1 row-cols-xl-5">
                                                        <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">Dark
                                                                        Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-light.html">Light Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index.html">AI image Generator</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">Dark
                                                                        Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-2-light.html">Light Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-2.html"> Cyber security</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">Dark
                                                                        Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-3-light.html">Light Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-3.html"> Ai Digital Agency</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">Dark
                                                                        Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="index-4-light.html">Light Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="index-4.html"> Event & Conference</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <span>New</span>
                                                                <img src="assets/img/demo/home-5.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark"
                                                                        href="data-analysis.html">Dark Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="data-analysis-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="data-analysis.html">Data analysis</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <span>New</span>
                                                                <img src="assets/img/demo/home-6.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark"
                                                                        href="apps-landing.html">Dark Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="apps-landing-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="apps-landing.html"> Apps Landing</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <span>New</span>
                                                                <img src="assets/img/demo/home-7.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark"
                                                                        href="online-payment.html">Online Payments</a>
                                                                    <a class="mt-menu-light d-none"
                                                                        href="online-payment-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="online-payment.html"> Online Payment</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <span>New</span>
                                                                <img src="assets/img/demo/home-8.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark"
                                                                        href="sport-football.html">Modern Sports
                                                                        Shop</a>
                                                                    <a class="mt-menu-light d-none"
                                                                        href="sport-football-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="sport-football.html"> Modern sports
                                                                        Shop</a>
                                                                </h4>
                                                            </div>
                                                        </div>
                                                        <div class="col homemenu mb-25">
                                                            <div class="mt-home-thumb mb-15">
                                                                <span>New</span>
                                                                <img src="assets/img/demo/home-9.jpg" alt="">
                                                                <div class="homemenu-btn">
                                                                    <a class="mt-menu-dark" href="e-learning.html">
                                                                        E-learning</a>
                                                                    <a class="mt-menu-light d-none"
                                                                        href="e-learning-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="e-learning.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/coming.jpg" alt="">
                                                                <div class="homemenu-btn d-none">
                                                                    <a class="mt-menu-dark"
                                                                        href="apps-landing.html">Dark Version</a>
                                                                    <a class="mt-menu-light"
                                                                        href="apps-landing-light.html">Light
                                                                        Version</a>
                                                                </div>
                                                            </div>
                                                            <div class="homemenu-content text-center">
                                                                <h4 class="mt-home-title">
                                                                    <a href="#"> Restaurant Comming Soon</a>
                                                                </h4>
                                                            </div>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                        <li><a href="e-learning-about.html">About </a></li>
                                        <li class="dropdown has-dropdown"><a href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="e-learning-about.html">About Us</a></li>
                                                <li><a href="e-learning-course.html">Course Page</a></li>
                                                <li><a href="e-learning-course-grid.html">Course Grid</a></li>
                                                <li><a href="e-learning-course-details.html">Course Details </a></li>
                                                <li><a href="e-learning-course-details-2.html">Course Details 2 </a>
                                                </li>
                                                <li><a href="e-learning-category.html">Category Page </a></li>
                                                <li><a href="e-learning-team.html">Our Team </a></li>
                                                <li><a href="e-learning-team-details.html"> Team Details</a></li>
                                                <li><a href="e-learning-blog-grid.html">Blog Grid</a></li>
                                                <li><a href="e-learning-blog-details.html">Blog Details</a></li>
                                                <li><a href="e-learning-contact.html">Contact Us </a></li>
                                            </ul>
                                        </li>
                                        <li class="dropdown has-dropdown"><a href="e-learning-blog-grid.html"> Our
                                                Blog</a>
                                            <ul class="sub-menu">
                                                <li><a href="e-learning-blog-grid.html">Blog Grid</a></li>
                                                <li><a href="e-learning-blog-details.html">Blog Details</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="e-learning-contact.html">Contact Us </a></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="e-learning-contact.html" class="mt-btn-4">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 mt-offcanvas-toogle">
                                            <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-elearing 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">Course Grid</h1>
                            <div class="mt-breadcrumb-list">
                                <span class="active"><a href="index-10.html">Home</a></span>
                                <span class="dvir">-</span>
                                <span>Course Grid</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- Start Course Grid Area -->
        <section class="mtcourse__area pt-140 pb-80 p-relative">
            <div class="container">
                <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="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><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="e-learning-contact.html">Master New
                                            Concepts with Our
                                            Seamless Virtual Learning</a></h3>
                                    <div class="mt-course-author">
                                        <a href="e-learning-contact.html">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="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><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="e-learning-contact.html">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="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><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="e-learning-contact.html">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 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="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><img src="assets/img/course/thumb-4.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="e-learning-contact.html">Languages &
                                            Communication Speak with Confidence</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="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><img src="assets/img/course/thumb-5.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="e-learning-contact.html">Business &
                                            Entrepreneurship
                                            Build Your Empire.</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.5s">
                            <div class="mt-course-item">
                                <div class="mt-course-img br-15 mb-20 p-relative">
                                    <div class="mt-course-cat">
                                        <a href="e-learning-contact.html">Web Design</a>
                                    </div>
                                    <div class="mt-course-wishlist">
                                        <a href="e-learning-contact.html"><i class="fa-light fa-heart"></i></a>
                                    </div>
                                    <a href="e-learning-contact.html"><img src="assets/img/course/thumb-6.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="e-learning-contact.html">Achieve Your
                                            Goals with Our
                                            Innovative Online Class Platform</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="mt-pagination mt-pagination-9 text-center mt-40 mb-60 wow img-custom-anim-top" data-wow-duration="1.5s"
                        data-wow-delay="0.3s">
                        <ul>
                            <li><a href="#"><i class="fal fa-long-arrow-left"></i></a></li>
                            <li><a class="active" href="#">01</a></li>
                            <li><a href="#">02</a></li>
                            <li><a href="#">03</a></li>
                            <li><a href="#"><i class="fal fa-long-arrow-right"></i></a></li>
                        </ul>
                    </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-8">
                        <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-elearning 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 text-center">
                                        <button class="mt-btn-5 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="e-learning-about.html"><i class="fa-sharp fa-solid fa-plus"></i>About
                                            Company</a></li>
                                    <li><a href="e-learning-course.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="e-learning-team.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Instructor</a>
                                    </li>
                                    <li><a href="e-learning-contact.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="e-learning-course.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Business
                                            Coach</a></li>
                                    <li><a href="e-learning-course-grid.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Development</a></li>
                                    <li><a href="e-learning-course-details-2.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="e-learning-course-details.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="e-learning-blog-grid.html"><i
                                                class="fa-sharp fa-solid fa-plus"></i>Articles</a></li>
                                    <li><a href="e-learning-blog-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.maxfy</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="e-learning.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>

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

    <!-- 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/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/isotope.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/mobile-menu-scripts.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/smooth-scroll.js"></script>
    <script src="assets/js/purecounter.js"></script>
    <script src="assets/js/nice-select.js"></script>
    <script src="assets/js/range-slider.js"></script>
    <script src="assets/js/wow.js"></script>
    <script src="assets/js/main.js"></script>


</body>

</html>