Videos Tab
Component #1
Trailers & Clips
<!-- 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
Popular Replays
<!-- 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
<!-- 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 -->