        <div class="row g-3 mb-4">
          <div class="col-10 mt-4">
            <h5>Course 1 </h5>
          </div>
          <div class="col-2 mt-2">
            <h5><?= $email ?> </h5>
          </div>
          <!-- Story START -->
        <div class="tiny-slider arrow-hover overflow-hidden">
          <div class="tiny-slider-inner d-flex" data-arrow="true" data-dots="true" data-loop="true" data-autoplay="false" data-items-xxl="6" data-items-xl="5" data-items-lg="4" data-items-md="4" data-items-sm="3" data-items-xs="1" data-gutter="12" data-edge="0">
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/06.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> 8 shocking bitcoin crypto predictions for 2022 </a> </h6>
                    <span class="small"> 665.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <div class="ratio ratio-16x9 card-img-top overflow-hidden">
                      <iframe src="https://player.vimeo.com/video/169562083?h=5785cc7ede" title="Vimeo video" allowfullscreen></iframe>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body position-relative">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> A trading platform - an easy start in trading </a> </h6>
                    <span class="small"> 458.3K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/09.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">03:40</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> How does the stock market work? </a> </h6>
                    <span class="small"> 985.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/10.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">06:12</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> How to create a app for your e-commerce website </a> </h6>
                    <span class="small"> 658.2K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/07.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">03:45</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Dilen - When I See You (Official Music) </a> </h6>
                    <span class="small"> 325.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/08.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Complete cryptocurrency course - start learning </a> </h6>
                    <span class="small"> 785.9K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/01.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Should you become a web designer in 2022? </a> </h6>
                    <span class="small"> 785.9K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
            </div>
          </div>
        </div>
       <div class="row g-3 mb-4">
          <div class="col-12 mt-4">
          <h5>Course 2 </h5>
          </div>
          <!-- Story START -->
        <div class="tiny-slider arrow-hover overflow-hidden">
          <div class="tiny-slider-inner d-flex" data-arrow="true" data-dots="true" data-loop="true" data-autoplay="false" data-items-xxl="6" data-items-xl="5" data-items-lg="4" data-items-md="4" data-items-sm="3" data-items-xs="1" data-gutter="12" data-edge="0">
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/06.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> 8 shocking bitcoin crypto predictions for 2022 </a> </h6>
                    <span class="small"> 665.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <div class="ratio ratio-16x9 card-img-top overflow-hidden">
                      <iframe src="https://player.vimeo.com/video/169562083?h=5785cc7ede" title="Vimeo video" allowfullscreen></iframe>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body position-relative">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> A trading platform - an easy start in trading </a> </h6>
                    <span class="small"> 458.3K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/09.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">03:40</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> How does the stock market work? </a> </h6>
                    <span class="small"> 985.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/10.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">06:12</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> How to create a app for your e-commerce website </a> </h6>
                    <span class="small"> 658.2K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/07.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">03:45</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Dilen - When I See You (Official Music) </a> </h6>
                    <span class="small"> 325.1K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/08.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Complete cryptocurrency course - start learning </a> </h6>
                    <span class="small"> 785.9K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
              <div>
                <!-- Video START -->
                <div class="card position-relative h-100">
                  <!-- Video image -->
                  <div class="card-image">
                    <img class="card-img-top" src="app/views/assets/images/post/16by9/large/01.jpg" alt="">
                    <!-- Play icon -->
                    <div class="position-absolute top-50 start-50 translate-middle">
                      <a class="icon-md bg-danger text-white rounded-circle" href="#"> <i class="bi bi-play-fill fs-5"> </i> </a>
                    </div>
                    <!-- Duration -->
                    <div class="position-absolute bottom-0 start-0 p-3 d-flex w-100">
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small">10:20</span>
                      <span class="bg-dark bg-opacity-50 px-2 rounded text-white small ms-auto"><i class="fa-solid fa-heart"></i></span>
                    </div>
                  </div>
                  <!-- Video info -->
                  <div class="card-body">
                    <!-- Video title  -->
                    <h6> <a class="stretched-link" href="/trainingportal/Videodetails"> Should you become a web designer in 2022? </a> </h6>
                    <span class="small"> 785.9K views</span>
                  </div>
                </div>
                <!-- Video END -->
              </div>
            </div>
          </div>
        </div>
