<!-- 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 -->
<!-- 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 -->
<!-- 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 -->