Videos Aside Header
Component #1
Just Fresh From
Our YouTube Channel
<!-- Aside Header Content -->
<section>
<div class="bg-gray-1100 space-1 dark">
<div class="container px-md-6 pt-lg-2 pb-lg-5 mb-lg-1">
<div class="row mb-lg-4 mb-xl-3 pb-xl-1 mt-xl-1">
<div class="col-lg-auto mt-auto">
<header class="max-w-lg-238rem title-dash mb-4 mb-md-5 mb-lg-0">
<h1 class="font-secondary font-size-24 font-weight-light text-white mb-0">Just Fresh From <br>
<span class="font-weight-bold">Our YouTube Channel</span>
</h1>
</header>
</div>
<div class="col-lg">
<div class="row mx-n2 row-cols-1 row-cols-md-5">
<div class="col px-2 mb-4 mb-xl-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/180x100/img1.jpg" alt="Image Description"></a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">Anderson Fights His Way to Glory</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
<div class="col px-2 mb-4 mb-xl-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<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/180x100/img2.jpg" alt="Image Description">
</a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">Unstoppable Vihari Cruises with 151*</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
<div class="col px-2 mb-4 mb-xl-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/180x100/img3.jpg" alt="Image Description"></a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">Spain vs Netherlands</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
<div class="col px-2 mb-4 mb-xl-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><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 px-2 mb-4 mb-xl-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img7.jpg" alt="Image Description"></a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">All-India Selection Committee Meet</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-md-5 row-cols-lg-6">
<div class="col px-2 mb-4 mb-md-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<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/480x270/img8.jpg" alt="Image Description">
</a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">Final: Malaysia Masters</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
<div class="col px-2 mb-4 mb-md-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><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="#">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 px-2 mb-4 mb-md-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<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 Description">
</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 px-2 mb-4 mb-md-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img8.jpg" alt="Image Description"></a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">VIVO IPL Player Auction 2020</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
<div class="col px-2 mb-4 mb-md-0">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link"><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="#">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 class="col px-2 mb-0 d-md-none d-lg-block">
<div class="product">
<div class="product-image mb-2">
<a href="#" class="d-inline-block position-relative stretched-link">
<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/480x270/img13.jpg" alt="Image Description">
</a>
</div>
<h6 class="product-title font-size-1 mb-0">
<a href="#">Super Bowl LIII: Patriots vs. Rams Mic'd Up | NFL 2020 Season</a>
</h6>
<span class="font-size-12 font-weight-normal text-gray-1300">1 year ago</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Aside Header Content -->