Episodes Grid
Component #1
Featured TV Series
<!-- Tab Content -->
<section>
<div class="bg-gray-2000 space-1">
<div class="container px-md-6 px-xl-7 px-wd-6 pt-4 pb-1">
<div class="border-bottom border-g-1200-op pb-3 mb-1">
<div class="home-section mt-1">
<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">Featured TV Series</div>
<div class="d-none d-md-block border-top col p-0 ml-3 border-gray-6830"></div>
</header>
</div>
<div class="row mx-n2 mb-1">
<div class="col-lg-6 px-2">
<div class="product position-relative dark mb-5 mb-lg-0">
<div class="gradient-x-overlay-1">
<div>
<img class="img-fluid" src="../assets/img/970x550/img16.jpg" alt="Image-Descrition">
</div>
<div class="position-absolute bottom-0 pl-3 pb-3">
<a class="d-inline-block" href="#">
<span class="text-gray-1300 font-size-12">S04E01</span>
</a>
<div class="product-title font-size-15 font-weight-bold mb-1">
<a href="#">A Good Treason</a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 px-2">
<div class="product position-relative dark">
<div class="gradient-x-overlay-1">
<div>
<img class="img-fluid" src="../assets/img/970x550/img17.jpg" alt="Image-Descrition">
</div>
<div class="position-absolute bottom-0 pl-3 pb-3">
<a class="d-inline-block" href="#">
<span class="text-gray-1300 font-size-12">S02E05</span>
</a>
<div class="product-title font-size-15 font-weight-bold mb-1">
<a href="#">Little Scorpian</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end">
<a href="#" class="h-w-primary text-gray-1300 d-inline-flex align-items-center font-secondary font-weight-medium font-size-13">VIEW ALL
<svg class="ml-2" xmlns="http://www.w3.org/2000/svg" width="4" height="7"><path d="M3.979,3.703 C3.987,3.785 3.966,3.869 3.903,3.934 L1.038,6.901 C0.921,7.023 0.724,7.029 0.598,6.916 L0.143,6.506 C0.017,6.393 0.011,6.203 0.128,6.082 L2.190,3.946 C2.276,3.829 2.356,3.691 2.356,3.548 C2.356,3.214 1.947,2.885 1.947,2.885 L1.963,2.877 L0.080,0.905 C-0.036,0.784 -0.029,0.592 0.095,0.479 L0.547,0.068 C0.671,-0.045 0.867,-0.039 0.983,0.083 L3.823,3.057 C3.867,3.102 3.876,3.161 3.885,3.218 C3.945,3.267 3.988,3.334 3.988,3.416 L3.988,3.681 C3.988,3.690 3.979,3.694 3.979,3.703 Z" fill="rgb(148, 156, 176)"></path></svg>
</a>
</div>
</div>
</div>
<!-- End Tab Content -->