bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

hjkhghtjhjjhjhjhjhjjhjhjjhrrtrtoirh bnmbertsurrttrtrtrtrjhjhjjhjhhjhjhjhf'tdfg

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US">
   
   <?php include'include/head.php'?>
   <body>
      
      <div id="wrapper">
         
         <?php include'include/header.php'?>
         
         
         <div class="page-title style-9">
            <div class="tf-container">
               <div class="row items-center">
                  <div class="col-lg-8">
                     <div class="content">
                        <div class="author-item">
                           <div class="author-item-img">
                              <img src="images/avatar/review-1.png" alt="">
                           </div>
                        </div>
                        <div class="title">
                           <h2 class="font-cardo fw-7 ">Welcome, Ali Tufan</h2>
                           <ul class="entry-meta mt-4 mb-4">
                              <li>
                                 <div class="ratings">
                                    <div class="number">4.9</div>
                                    <i class="icon-star-1"></i>
                                    <i class="icon-star-1"></i>
                                    <i class="icon-star-1"></i>
                                    <i class="icon-star-1"></i>
                                    <svg width="12" height="11" viewBox="0 0 12 11" fill="none"
                                       xmlns="http://www.w3.org/2000/svg">
                                       <path
                                          d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                          stroke="#131836"></path>
                                    </svg>
                                    <div class="total">315,475 rating</div>
                                 </div>
                              </li>
                              <li><i class="flaticon-user"></i>12k Enrolled Students</li>
                              <li><i class="flaticon-play-1">25 Courses</i></li>
                           </ul>
                        </div>
                     </div>
                  </div>
                  <div class="col-lg-4">
                     <div class="right-content">
                        <a class="tf-btn style-secondary" href="instructor-add-course.php">Create a New Course<i
                           class="icon-arrow-top-right"></i></a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         
         
         <div class="main-content pt-0">
            <div class="page-inner tf-spacing-1">
               <div class="tf-container">
                  <div class="row">
                     <div class="col-xl-3 col-lg-12">
                        <div class="dashboard_navigationbar">
                           <div class="dropbtn">
                              <i class="icon-home"></i> Dashboard Navigation
                           </div>
                           <div class="instructors-dashboard">
                              <div class="dashboard-title">
                                 INSTRUCTOR DASHBOARD
                              </div>
                              <a class="dashboard-item " href="instructor-dashboard.php">
                              <i class="flaticon-activity"></i>
                              Dashboard
                              </a>
                              <a class="dashboard-item active" href="instructor-my-courses.php">
                              <i class="flaticon-play-1"></i>
                              My Courses
                              </a>
                              <a class="dashboard-item" href="instructor-reviews.php">
                              <i class="flaticon-message-1"></i>
                              Reviews
                              </a>
                              <a class="dashboard-item" href="instructor-order.php">
                              <i class="flaticon-bag"></i>
                              Order
                              </a>
                              <a class="dashboard-item" href="instructor-setting.php">
                              <i class="flaticon-setting-1"></i>
                              Settings
                              </a>
                              <a class="dashboard-item" href="index.php">
                              <i class="flaticon-export"></i>
                              Logout
                              </a>
                           </div>
                        </div>
                     </div>
                     <div class="col-xl-9 col-lg-12">
                        <div class="section-my-courses-right section-right">
                           <div class="row">
                              <div class="filter">
                                 <div class="header-search flex-grow wow fadeInUp">
                                    <form action="#" class="form-search">
                                       <fieldset>
                                          <input class="" type="text" placeholder="Search for anything"
                                             name="text" tabindex="2" value="" aria-required="true"
                                             required="" />
                                       </fieldset>
                                       <div class="button-submit">
                                          <button class="" type="submit">
                                          <i class="icon-search fs-20"></i>
                                          </button>
                                       </div>
                                    </form>
                                 </div>
                                 <div class="sort-by-wrap ">
                                    <div class="sort-wrap">
                                       <p class="text text-2 wow fadeInUp" data-wow-delay="0.1s">Sort by</p>
                                       <div class="nice-select default wow fadeInUp" data-wow-delay="0.1s"
                                          tabindex="0">
                                          <span class="current text text-1">Date Created</span>
                                          <ul class="list">
                                             <li data-value class="option selected text text-1">Date
                                                Created
                                             </li>
                                             <li data-value="For Ren" class="option text text-1">Oldest
                                             </li>
                                             <li data-value="Sold" class="option text text-1">3 days</li>
                                          </ul>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="row">
                              <div class="widget-tabs style-small">
                                 <ul class="widget-menu-tab overflow-x-auto pd-40">
                                    <li class="item-title active ">
                                       Enrolled Courses
                                    </li>
                                    <li class="item-title">
                                       Active Courses
                                    </li>
                                    <li class="item-title">
                                       Completed Courses
                                    </li>
                                 </ul>
                                 <div class="widget-content-tab">
                                    <div class="widget-content-inner active">
                                       <div class="row">
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-01.jpg"
                                                      src="images/courses/courses-01.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="70" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp"
                                                data-wow-delay="0.1s">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-02.jpg"
                                                      src="images/courses/courses-02.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp"
                                                data-wow-delay="0.2s">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-03.jpg"
                                                      src="images/courses/courses-03.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-09.jpg"
                                                      src="images/courses/courses-09.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp"
                                                data-wow-delay="0.1s">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-24.jpg"
                                                      src="images/courses/courses-24.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img wow fadeInUp"
                                                data-wow-delay="0.2s">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-23.jpg"
                                                      src="images/courses/courses-23.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="widget-content-inner ">
                                       <div class="row">
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-01.jpg"
                                                      src="images/courses/courses-01.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-02.jpg"
                                                      src="images/courses/courses-02.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-03.jpg"
                                                      src="images/courses/courses-03.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-09.jpg"
                                                      src="images/courses/courses-09.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-24.jpg"
                                                      src="images/courses/courses-24.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-23.jpg"
                                                      src="images/courses/courses-23.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="widget-content-inner ">
                                       <div class="row">
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-01.jpg"
                                                      src="images/courses/courses-01.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-02.jpg"
                                                      src="images/courses/courses-02.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-03.jpg"
                                                      src="images/courses/courses-03.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-09.jpg"
                                                      src="images/courses/courses-09.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-24.jpg"
                                                      src="images/courses/courses-24.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                          <div class="col-xl-4">
                                             <div class="course-item hover-img">
                                                <div class="features image-wrap">
                                                   <img class="lazyload"
                                                      data-src="images/courses/courses-23.jpg"
                                                      src="images/courses/courses-23.jpg" alt="" />
                                                   <div class="box-wishlist tf-action-btns">
                                                      <i class="flaticon-heart"></i>
                                                   </div>
                                                </div>
                                                <div class="content">
                                                   <div class="meta">
                                                      <div class="meta-item">
                                                         <i class="flaticon-calendar"></i>
                                                         <p>11 Lessons</p>
                                                      </div>
                                                      <div class="meta-item">
                                                         <i class="flaticon-clock"></i>
                                                         <p>16 hours</p>
                                                      </div>
                                                   </div>
                                                   <h6 class="fw-5 line-clamp-2">
                                                      <a href="#">Become a Certified Web Developer:
                                                      HTML, CSS and JavaScript</a>
                                                   </h6>
                                                   <div class="ratings pb-30">
                                                      <div class="number">4.9</div>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <i class="icon-star-1"></i>
                                                      <svg width="12" height="11" viewBox="0 0 12 11"
                                                         fill="none" xmlns="http://www.w3.org/2000/svg">
                                                         <path
                                                            d="M3.54831 7.10382L3.58894 6.85477L3.41273 6.67416L1.16841 4.37373L4.24914 3.90314L4.51288 3.86286L4.62625 3.62134L5.99989 0.694982L7.37398 3.62182L7.48735 3.86332L7.75108 3.9036L10.8318 4.37419L8.58749 6.67462L8.41128 6.85523L8.4519 7.10428L8.98079 10.3465L6.24201 8.8325L6.00014 8.69879L5.75826 8.83247L3.01941 10.3461L3.54831 7.10382ZM11.0444 4.15626L11.0442 4.15651L11.0444 4.15626Z"
                                                            stroke="#131836"></path>
                                                      </svg>
                                                      <div class="total">(230)</div>
                                                   </div>
                                                   <div class="progress">
                                                      <div class="progress-bar">
                                                         <div aria-valuenow="80" aria-valuemin="0"
                                                            aria-valuemax="100"></div>
                                                      </div>
                                                   </div>
                                                   <div class="exam-progress">
                                                      <span class="fw-5 fs-15">Complete</span>
                                                      <span class="fw-5 fs-15">80%</span>
                                                   </div>
                                                   <a href="" class="tf-btn style-third w-100 ">Download
                                                   Certificate <i class="icon-arrow-top-right"></i></a>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <ul class="wg-pagination justify-center">
                                    <li>
                                       <a href="#"><i class="icon-arrow-left"></i></a>
                                    </li>
                                    <li>
                                       <a href="#">1</a>
                                    </li>
                                    <li class="active">
                                       <a href="#">2</a>
                                    </li>
                                    <li>
                                       <a href="#">3</a>
                                    </li>
                                    <li>
                                       <a href="#">4</a>
                                    </li>
                                    <li>
                                       <a href="#">...</a>
                                    </li>
                                    <li>
                                       <a href="#">20</a>
                                    </li>
                                    <li>
                                       <a href="#"><i class="icon-arrow-right"></i></a>
                                    </li>
                                 </ul>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
         
         
         <?php include'include/footer.php'?>
         
      </div>
      
      
      <script type="text/javascript" src="js/bootstrap.min.js"></script>
      <script type="text/javascript" src="js/jquery.min.js"></script>
      <script type="text/javascript" src="js/mmenu.js"></script>
      <script type="text/javascript" src="js/swiper-bundle.min.js"></script>
      <script type="text/javascript" src="js/swiper.js"></script>
      <script type="text/javascript" src="js/lazysize.min.js"></script>
      <script type="text/javascript" src="js/jquery.nice-select.min.js"></script>
      <script type="text/javascript" src="js/wow.min.js"></script>
      <script type="text/javascript" src="js/main.js"></script>
      <script>
         new Mmenu(document.querySelector("#menu"));
      </script>
      
   </body>
</html>