Videos Tab

Component #1

Trailers & Clips
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
Captain Marvel
98 views 1 year ago
Avengers: Endgame
122 views 1 year ago
Triple Frontier
40 views 1 year ago
Hellboy
47 views 1 year ago
Birds of Prey
32 views 1 year ago
<!-- Tab Content -->
<section>
  <div class="container px-md-5 pb-1">
      <div class="mx-md-1">
          <h6 class="text-center display-11 text-lh-1dot3 font-weight-semi-bold">Trailers & Clips</h6>
          <div class="text-center tab-nav__v7 mb-4">
              <ul class="nav justify-content-start justify-content-md-center flex-nowrap flex-md-wrap overflow-auto" role="tablist">
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link active" id="pills-one-code-features-example3-tab" data-toggle="pill" href="#pills-one-code-features-example3" role="tab" aria-controls="pills-one-code-features-example3" aria-selected="true">Action</a>
                  </li>
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link" id="pills-two-code-features-example3-tab" data-toggle="pill" href="#pills-two-code-features-example3" role="tab" aria-controls="pills-two-code-features-example3" aria-selected="false">Biography</a>
                  </li>
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link" id="pills-three-code-features-example3-tab" data-toggle="pill" href="#pills-three-code-features-example3" role="tab" aria-controls="pills-three-code-features-example3" aria-selected="false">Sci-Fi</a>
                  </li>
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link" id="                                pills-four-code-features-example3-tab" data-toggle="pill" href="#pills-four-code-features-example3" role="tab" aria-controls="pills-four-code-features-example3" aria-selected="false">Crime</a>
                  </li>
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link" id="pills-five-code-features-example3-tab" data-toggle="pill" href="#pills-five-code-features-example3" role="tab" aria-controls="pills-five-code-features-example3" aria-selected="false">Drama</a>
                  </li>
                  <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                      <a class="nav-link" id="pills-six-code-features-example3-tab" data-toggle="pill" href="#pills-six-code-features-example3" role="tab" aria-controls="pills-six-code-features-example3" aria-selected="false">Kids</a>
                  </li>
              </ul>
          </div>
          <div class="tab-content">
              <div class="tab-pane fade show active" id="pills-one-code-features-example3" role="tabpanel" aria-labelledby="pills-one-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="tab-pane fade" id="pills-two-code-features-example3" role="tabpanel" aria-labelledby="pills-two-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="tab-pane fade" id="pills-three-code-features-example3" role="tabpanel" aria-labelledby="pills-three-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="tab-pane fade" id="pills-four-code-features-example3" role="tabpanel" aria-labelledby="pills-four-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="tab-pane fade" id="pills-five-code-features-example3" role="tabpanel" aria-labelledby="pills-five-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div class="tab-pane fade" id="pills-six-code-features-example3" role="tabpanel" aria-labelledby="pills-six-code-features-example3-tab">
                  <div class="row mx-n2">
                      <div class="col-lg-5 px-2">
                          <div class="product mb-4 mb-lg-0">
                              <div class="product-image mb-2 pb-1">
                                  <a class="d-block position-relative stretched-link" href="#">
                                      <img class="img-fluid h-371rem" src="../assets/img/970x550/img3.jpg" alt="Image-Description">
                                  </a>
                              </div>
                              <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                  <a href="#">Avengers: Endgame</a>
                              </h6>
                              <div>
                                  <span class="font-size-12 text-gray-1300">122 views</span>
                                  <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                      </div>
                      <div class="col-lg-7 px-2">
                          <div class="row mx-n2 mt-n1">
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Captain Marvel</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">98 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Avengers: Endgame</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">122 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Triple Frontier</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">40 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Hellboy</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">47 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-3 mb-lg-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">36 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6 col-lg-4 px-2">
                                  <div class="product mb-0">
                                      <div class="product-image mb-2 pb-1">
                                          <a class="d-block position-relative stretched-link" href="#">
                                              <img class="img-fluid" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                                          </a>
                                      </div>
                                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                                          <a href="#">Birds of Prey</a>
                                      </h6>
                                      <div>
                                          <span class="font-size-12 text-gray-1300">32 views</span>
                                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="collapse mt-6" id="collapseExample">
      <div class="container px-md-4">
          <div class="row no-gutters">
              <div class="col-lg-2">
                  <div class="product pr-3 mb-3">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img7.jpg" alt="Image-Description">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">Captain Marvel</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">98 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-2">
                  <div class="product pr-3 mb-3">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img8.jpg" alt="Image-Desc">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">Avengers: Endgame</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">122 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-2">
                  <div class="product pr-3 mb-3">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img9.jpg" alt="Image-Desc">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">Triple Frontier</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">40 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-2">
                  <div class="product pr-3 mb-0">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img10.jpg" alt="Image-Desc">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">Hellboy</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">47 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-2">
                  <div class="product pr-3 mb-0">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img11.jpg" alt="Image-Desc">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">How to Train Your Dragon: The Hidden World</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">36 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
              <div class="col-lg-2">
                  <div class="product pr-3 mb-0">
                      <div class="product-image mb-2">
                          <a class="d-block position-relative stretched-link" href="#">
                              <img class="img-fluid h-115rem w-100" src="../assets/img/200x115/img12.jpg" alt="Image-Desc">
                          </a>
                      </div>
                      <h6 class="product-title font-size-1 font-weight-bold mb-0">
                          <a href="#">Birds of Prey</a>
                      </h6>
                      <div>
                          <span class="font-size-12 text-gray-1300">32 views</span>
                          <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
  <div class="space-1 position-relative d-flex">
      <button class="btn btn-outline-1 mx-auto px-7 py-3 font-size-1 z-index-2 font-weight-medium font-secondary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
          + View more
      </button>
      <div class="border-top content-centered w-100 border-gray-1300"></div>
  </div>
</section>
<!-- End Tab Content -->

Component #2

<!-- Tab Section -->
<section>
      <div class="container">
          <div class="home-section home-section-episode-with-feature-episode">
              <header class="d-md-flex align-items-center justify-content-between mb-5 w-100">
                  <h6 class="font-size-24 font-weight-medium mb-md-0 text-gray-700">Popular Replays</h6>
                  <div class="d-none d-lg-block border-top col p-0 mx-3 border-gray-3600"></div>
                  <div class="tab-nav__v2">
                      <ul class="nav justify-content-start flex-nowrap flex-lg-wrap overflow-auto" role="tab-list">
                          <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                              <a class="nav-link active" id="pills-one-code-features-example2-tab" data-toggle="pill" href="#pills-one-code-features-example2" role="tab" aria-controls="pills-two-code-features-example2" aria-selected="true">Today</a>
                          </li>
                          <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                              <a class="nav-link" id="pills-two-code-features-example2-tab" data-toggle="pill" href="#pills-two-code-features-example2" role="tab" aria-controls="pills-two-code-features-example2" aria-selected="false">This Week</a>
                          </li>
                          <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                              <a class="nav-link" id="pills-three-code-features-example2-tab" data-toggle="pill" href="#pills-three-code-features-example2" role="tab" aria-controls="pills-three-code-features-example2" aria-selected="false">This Month</a>
                          </li>
                          <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                              <a class="nav-link" id="pills-four-code-features-example2-tab" data-toggle="pill" href="#pills-four-code-features-example2" role="tab" aria-controls="pills-four-code-features-example2" aria-selected="false">Last 3 Months</a>
                          </li>
                      </ul>
                  </div>
              </header>
              <div class="tab-content">
                  <div class="tab-pane fade show active" id="pills-one-code-features-example2" role="tab-panel" aria-labelledby="pills-one-code-features-example2-tab">
                      <div class="row mx-n2">
                          <div class="col-lg-6 px-2">
                              <div class="product mb-3 mb-lg-0">
                                  <div class="product-image mb-2 pb-1">
                                      <a class="d-block position-relative stretched-link" href="#">
                                          <img class="img-fluid h-380rem" src="../assets/img/480x270/img9.jpg" alt="Image-Description">
                                      </a>
                                  </div>
                                  <h6 class="product-title font-size-1 mb-0">
                                      <a href="#">Federer Cruises; Kyrgios Makes Match Point Magic</a>
                                  </h6>
                                  <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                          <div class="col-lg-6 px-2">
                              <div class="row mx-n2">
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img1.jpg" alt="Image-Description">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Steyn Betters Kapil, Arsenal Lose</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img2.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Manchester City vs Chelsea</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4 mb-xl-2">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
                                                  <img class="img-fluid" src="../assets/img/260x155/img3.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">TATA Mumbai Marathon 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-0">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img4.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Men’s 100m at Athletics World Cup 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="tab-pane fade" id="pills-two-code-features-example2" role="tab-panel" aria-labelledby="pills-two-code-features-example2-tab">
                      <div class="row mx-n2">
                          <div class="col-lg-6 px-2">
                              <div class="product mb-3 mb-lg-0">
                                  <div class="product-image mb-2 pb-1">
                                      <a class="d-block position-relative stretched-link" href="#">
                                          <img class="img-fluid h-380rem" src="../assets/img/480x270/img9.jpg" alt="Image-Description">
                                      </a>
                                  </div>
                                  <h6 class="product-title font-size-1 mb-0">
                                      <a href="#">Federer Cruises; Kyrgios Makes Match Point Magic</a>
                                  </h6>
                                  <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                          <div class="col-lg-6 px-2">
                              <div class="row mx-n2">
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img2.jpg" alt="Image-Description">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Steyn Betters Kapil, Arsenal Lose</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img3.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Manchester City vs Chelsea</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4 mb-xl-2">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
                                                  <img class="img-fluid" src="../assets/img/260x155/img4.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">TATA Mumbai Marathon 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-0">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img1.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Men’s 100m at Athletics World Cup 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="tab-pane fade" id="pills-three-code-features-example2" role="tab-panel" aria-labelledby="pills-three-code-features-example2-tab">
                      <div class="row mx-n2">
                          <div class="col-lg-6 px-2">
                              <div class="product mb-3 mb-lg-0">
                                  <div class="product-image mb-2 pb-1">
                                      <a class="d-block position-relative stretched-link" href="#">
                                          <img class="img-fluid h-380rem" src="../assets/img/480x270/img9.jpg" alt="Image-Description">
                                      </a>
                                  </div>
                                  <h6 class="product-title font-size-1 mb-0">
                                      <a href="#">Federer Cruises; Kyrgios Makes Match Point Magic</a>
                                  </h6>
                                  <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                          <div class="col-lg-6 px-2">
                              <div class="row mx-n2">
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img2.jpg" alt="Image-Description">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Steyn Betters Kapil, Arsenal Lose</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img4.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Manchester City vs Chelsea</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4 mb-xl-2">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
                                                  <img class="img-fluid" src="../assets/img/260x155/img1.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">TATA Mumbai Marathon 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-0">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img3.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Men’s 100m at Athletics World Cup 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <div class="tab-pane fade" id="pills-four-code-features-example2" role="tab-panel" aria-labelledby="pills-four-code-features-example2-tab">
                      <div class="row mx-n2">
                          <div class="col-lg-6 px-2">
                              <div class="product mb-3 mb-lg-0">
                                  <div class="product-image mb-2 pb-1">
                                      <a class="d-block position-relative stretched-link" href="#">
                                          <img class="img-fluid h-380rem" src="../assets/img/480x270/img9.jpg" alt="Image-Description">
                                      </a>
                                  </div>
                                  <h6 class="product-title font-size-1 mb-0">
                                      <a href="#">Federer Cruises; Kyrgios Makes Match Point Magic</a>
                                  </h6>
                                  <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                              </div>
                          </div>
                          <div class="col-lg-6 px-2">
                              <div class="row mx-n2">
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img4.jpg" alt="Image-Description">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Steyn Betters Kapil, Arsenal Lose</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img3.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Manchester City vs Chelsea</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-4 mb-xl-2">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
                                                  <img class="img-fluid" src="../assets/img/260x155/img2.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">TATA Mumbai Marathon 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                                  <div class="col-md-6 px-2">
                                      <div class="product mb-0">
                                          <div class="product-image mb-2 pb-1">
                                              <a class="d-block position-relative stretched-link" href="#">
                                                  <img class="img-fluid" src="../assets/img/260x155/img1.jpg" alt="Image-Desc">
                                              </a>
                                          </div>
                                          <h6 class="product-title font-size-1 mb-0">
                                              <a href="#">Men’s 100m at Athletics World Cup 2020</a>
                                          </h6>
                                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="collapse mt-6" id="collapseExample">
          <div class="container px-md-4">
              <div class="row mx-n2">
                  <div class="col-md-3 px-2">
                      <div class="product mb-4">
                          <div class="product-image mb-2 pb-1">
                              <a class="d-block position-relative stretched-link" href="#">
                                  <img class="img-fluid" src="../assets/img/260x155/img1.jpg" alt="Image-Description">
                              </a>
                          </div>
                          <h6 class="product-title font-size-1 mb-0">
                              <a href="#">Steyn Betters Kapil, Arsenal Lose</a>
                          </h6>
                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                      </div>
                  </div>
                  <div class="col-md-3 px-2">
                      <div class="product mb-4">
                          <div class="product-image mb-2 pb-1">
                              <a class="d-block position-relative stretched-link" href="#">
                                  <img class="img-fluid" src="../assets/img/260x155/img2.jpg" alt="Image-Desc">
                              </a>
                          </div>
                          <h6 class="product-title font-size-1 mb-0">
                              <a href="#">Manchester City vs Chelsea</a>
                          </h6>
                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                      </div>
                  </div>
                  <div class="col-md-3 px-2">
                      <div class="product mb-4 mb-xl-2">
                          <div class="product-image mb-2 pb-1">
                              <a class="d-block position-relative stretched-link" href="#">
                                  <span class="position-absolute px-2d line-height-lg bg-primary rounded content-centered-x z-index-2 mt-n2 text-white font-size-12">Featured</span>
                                  <img class="img-fluid" src="../assets/img/260x155/img3.jpg" alt="Image-Desc">
                              </a>
                          </div>
                          <h6 class="product-title font-size-1 mb-0">
                              <a href="#">TATA Mumbai Marathon 2020</a>
                          </h6>
                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                      </div>
                  </div>
                  <div class="col-md-3 px-2">
                      <div class="product mb-0">
                          <div class="product-image mb-2 pb-1">
                              <a class="d-block position-relative stretched-link" href="#">
                                  <img class="img-fluid" src="../assets/img/260x155/img4.jpg" alt="Image-Desc">
                              </a>
                          </div>
                          <h6 class="product-title font-size-1 mb-0">
                              <a href="#">Men’s 100m at Athletics World Cup 2020</a>
                          </h6>
                          <span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
                      </div>
                  </div>
              </div>
          </div>
      </div>
      <div class="space-1 position-relative d-flex">
          <button class="btn btn-outline-1 mx-auto px-7 py-3 font-size-1 z-index-2 font-weight-medium font-secondary" type="button" data-toggle="collapse" data-target="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
              + View more
          </button>
          <div class="border-top content-centered w-100 border-gray-1300"></div>
      </div>
</section>
<!-- End Tab Section -->

Component #3

Vodi Kids
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
965 views 1 year ago
Image-Descrition
11 views 1 year ago
Image-Descrition
49 views 1 year ago
Image-Descrition
35 views 1 year ago
Image-Descrition
18 views 1 year ago
Image-Descrition
12 views 1 year ago
Image-Descrition
30 views 1 year ago
<!-- Tab Section -->
<section>
    <div class="bg-gray-1100 space-1">
        <div class="container px-md-6 px-xl-7 px-wd-6 pt-2">
            <div class="home-section">
                <div class="mb-6 mb-lg-8">
                    <header class="d-md-flex align-items-center justify-content-between mb-4 w-100">
                        <div class="font-size-24 font-weight-medium mb-3 mb-md-0 text-white font-secondary">Vodi Kids</div>
                        <div class="d-none d-lg-block border-top col p-0 mx-3 border-gray-6830"></div>
                        <div class="tab-nav__v2">
                            <ul class="nav justify-content-start flex-nowrap flex-lg-wrap overflow-auto" role="tab-list">
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link active" id="pills-one-features-example-tab" data-toggle="pill" href="#pills-one-features-example" role="tab" aria-controls="pills-one-features-example" aria-selected="true">All</a>
                                </li>
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link" id="pills-two-features-example-tab" data-toggle="pill" href="#pills-two-features-example" role="tab" aria-controls="pills-two-features-example" aria-selected="false">Animation</a>
                                </li>
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link" id="pills-three-c-features-example-tab" data-toggle="pill" href="#pills-three-features-example" role="tab" aria-controls="pills-three-features-example" aria-selected="false">Family</a>
                                </li>
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link" id="pills-four-features-example-tab" data-toggle="pill" href="#pills-four-features-example" role="tab" aria-controls="pills-four-features-example" aria-selected="false">For Girls</a>
                                </li>
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link" id="pills-five-features-example-tab" data-toggle="pill" href="#pills-five-features-example" role="tab" aria-controls="pills-five-features-example" aria-selected="false">For Boys</a>
                                </li>
                                <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                    <a class="nav-link" id="pills-six-features-example-tab" data-toggle="pill" href="#pills-six-features-example" role="tab" aria-controls="pills-six-features-example" aria-selected="false">Speaking Animals</a>
                                </li>
                            </ul>
                        </div>
                    </header>
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="pills-one-features-example" role="tab-panel" aria-labelledby="pills-one-features-example-tab">
                            <div class="row mx-n2 dark">
                                <div class="col-xl-4 px-2">
                                    <div class="product position-relative mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8 px-2">
                                    <div class="row mx-n2">
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3 px-2">
                                            <div class="product position-relative mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-two-features-example" role="tab-panel" aria-labelledby="pills-two-features-example-tab">
                            <div class="row no-gutters dark">
                                <div class="col-xl-4">
                                    <div class="product position-relative pr-3 mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8">
                                    <div class="row no-gutters">
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-three-features-example" role="tab-panel" aria-labelledby="pills-three-features-example-tab">
                            <div class="row no-gutters dark">
                                <div class="col-xl-4">
                                    <div class="product position-relative pr-3 mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8">
                                    <div class="row no-gutters">
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-four-features-example" role="tab-panel" aria-labelledby="pills-four-features-example-tab">
                            <div class="row no-gutters dark">
                                <div class="col-xl-4">
                                    <div class="product position-relative pr-3 mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8">
                                    <div class="row no-gutters">
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-five-features-example" role="tab-panel" aria-labelledby="pills-five-features-example-tab">
                            <div class="row no-gutters dark">
                                <div class="col-xl-4">
                                    <div class="product position-relative pr-3 mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8">
                                    <div class="row no-gutters">
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="pills-six-features-example" role="tab-panel" aria-labelledby="pills-six-features-example-tab">
                            <div class="row no-gutters dark">
                                <div class="col-xl-4">
                                    <div class="product position-relative pr-3 mb-5 mb-xl-0">
                                        <div class="gradient-x-overlay-1">
                                            <div>
                                                <img class="img-fluid w-100" src="../assets/img/480x270/img56.jpg">
                                            </div>
                                            <div class="position-absolute bottom-0 px-4 pb-2">
                                                <div class="product-title font-size-15 font-weight-bold mb-0">
                                                    <a href="#">Spain Vs Netherlands</a>
                                                </div>
                                                <div>
                                                    <span class="font-size-12 text-gray-1300">965 views</span>
                                                    <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xl-8">
                                    <div class="row no-gutters">
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img1.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Tennis – When Fans Steal The Show</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">23 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img2.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Sensational Points That Will Impress Yous</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">28 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img3.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">OMG Operation Machine Gun</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">11 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-3">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img4.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Grand Theft Auto V</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">49 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img5.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">PUBG</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">35 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-lg-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img6.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Get Even</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">18 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-5 mb-md-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img7.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Glass</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">12 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6 col-lg-3">
                                            <div class="product position-relative pr-3 mb-0">
                                                <div class="gradient-x-overlay-1">
                                                    <div>
                                                        <img class="img-fluid" src="../assets/img/480x270/img8.jpg" alt="Image-Descrition">
                                                    </div>
                                                    <div class="position-absolute bottom-0 pl-4 pr-3 pb-2">
                                                        <div class="product-title font-size-15 font-weight-bold text-lh-1">
                                                            <a href="#">Final: Malaysia Master</a>
                                                        </div>
                                                        <div>
                                                            <span class="font-size-12 text-gray-1300">30 views</span>
                                                            <span class="product-comment font-size-12 text-gray-1300">1 year ago</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- End Tab Section -->