TV Show Tab

Component #1

                    
                        <!-- Tab Content -->
                        <section>
                            <header class="d-md-flex align-items-center justify-content-between mb-5 w-100">
                                <h6 class="font-size-24 font-weight-medium m-0 text-gray-700">Featured TV Series</h6>
                                <div class="tab-nav__v2">
                                    <ul class="nav flex-nowrap flex-lg-wrap justify-content-start overflow-auto align-items-center" role="tab-list">
                                        <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">Today</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">This week</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">This Month</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">Last 3 Month</a>
                                        </li>
                                    </ul>
                                </div>
                            </header> 
                            <div class="tab-content">
                                <div class="tab-pane fade show active" id="pills-one-code-features-example3" role="tab-panel" aria-labelledby="pills-one-code-features-example3-tab">
                                    <div class="row mx-n2d">
                                        <div class="col-lg-6 px-2d">
                                            <div class="product mb-4 mb-lg-0">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img1.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">Chicago Med</a></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 px-2d">
                                            <div class="product">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img2.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">The Last Man on The Earth</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="pills-two-code-features-example3" role="tab-panel" aria-labelledby="pills-two-code-features-example3-tab">
                                    <div class="row mx-n2d">
                                        <div class="col-lg-6 px-2d">
                                            <div class="product mb-4 mb-lg-0">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">Chicago Med</a></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 px-2d">
                                            <div class="product">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">The Last Man on The Earth</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="pills-three-code-features-example3" role="tab-panel" aria-labelledby="pills-three-code-features-example3-tab">
                                    <div class="row mx-n2d">
                                        <div class="col-lg-6 px-2d">
                                            <div class="product mb-4 mb-lg-0">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">Chicago Med</a></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 px-2d">
                                            <div class="product">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img6.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">The Last Man on The Earth</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="pills-four-code-features-example3" role="tab-panel" aria-labelledby="pills-four-code-features-example3-tab">
                                    <div class="row mx-n2d">
                                        <div class="col-lg-6 px-2d">
                                            <div class="product mb-4 mb-lg-0">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img7.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">Chicago Med</a></div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6 px-2d">
                                            <div class="product">
                                                <div class="product-image mb-1">
                                                    <a class="d-block position-relative stretched-link" href="#">
                                                        <img class="img-fluid" src="../assets/img/970x550/img8.jpg" alt="Image-Description">
                                                    </a>
                                                </div>
                                                <div class="product-meta font-size-12 pb-1">
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">Drama</a></span>
                                                    <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                </div>
                                                <div class="product-title font-weight-bold font-size-1"><a href="#" tabindex="0" class="text-dark">The Last Man on The Earth</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </section>
                        <!-- End Tab Content -->
                    
                  

Component #2

                    
                      <!-- Tab Content -->
                      <section>
                          <div class="bg-gray-1100 space-bottom-1">
                              <div class="container px-md-6 px-xl-7 px-wd-6 pt-4 pb-1">
                                  <div class="home-section">
                                      <header class="d-md-flex align-items-center justify-content-between mb-4 pb-1 w-100">
                                          <div class="font-size-24 font-weight-medium mb-3 mb-md-0 text-white font-secondary">Trending TV Shows</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-code-features-example2-tab" data-toggle="pill" href="#pills-one-code-features-example2" role="tab" aria-controls="pills-one-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 dark" 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-5 px-2">
                                                      <div class="product mb-5 position-relative mb-lg-0">
                                                          <div class="gradient-x-overlay-1 mr-1">
                                                              <div>
                                                                  <img class="img-fluid" src="../assets/img/970x550/img4.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">S01E03</span>
                                                                  </a>
                                                                  <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                      <a href="#">Amarillo</a>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-lg-7 px-2">
                                                      <div class="row mx-n2">
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img1.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">S05E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">The Plan</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img2.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">S02E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Chapter 17</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img3.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Good Grief</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img4.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">S05E02</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Trial of the Century</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img5.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">S02E01</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shit Storm</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img6.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shaking Tree</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="tab-pane fade dark" 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-5 px-2">
                                                      <div class="product mb-5 position-relative mb-lg-0">
                                                          <div class="gradient-x-overlay-1 mr-1">
                                                              <div>
                                                                  <img class="img-fluid" src="../assets/img/970x550/img4.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">S01E03</span>
                                                                  </a>
                                                                  <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                      <a href="#">Amarillo</a>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-lg-7 px-2">
                                                      <div class="row mx-n2">
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img2.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">S05E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">The Plan</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img3.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">S02E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Chapter 17</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img4.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Good Grief</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img5.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">S05E02</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Trial of the Century</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img6.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">S02E01</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shit Storm</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img1.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shaking Tree</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="tab-pane fade dark" 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-5 px-2">
                                                      <div class="product mb-5 position-relative mb-lg-0">
                                                          <div class="gradient-x-overlay-1 mr-1">
                                                              <div>
                                                                  <img class="img-fluid" src="../assets/img/970x550/img4.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">S01E03</span>
                                                                  </a>
                                                                  <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                      <a href="#">Amarillo</a>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-lg-7 px-2">
                                                      <div class="row mx-n2">
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img3.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">S05E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">The Plan</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img4.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">S02E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Chapter 17</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img5.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Good Grief</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img6.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">S05E02</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Trial of the Century</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img1.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">S02E01</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shit Storm</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img2.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shaking Tree</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                          <div class="tab-pane fade dark" 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-5 px-2">
                                                      <div class="product mb-5 position-relative mb-lg-0">
                                                          <div class="gradient-x-overlay-1 mr-1">
                                                              <div>
                                                                  <img class="img-fluid" src="../assets/img/970x550/img4.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">S01E03</span>
                                                                  </a>
                                                                  <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                      <a href="#">Amarillo</a>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                                  <div class="col-lg-7 px-2">
                                                      <div class="row mx-n2">
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img5.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">S05E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">The Plan</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img6.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">S02E03</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Chapter 17</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img1.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Good Grief</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-4 mb-lg-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img2.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">S05E02</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Trial of the Century</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img3.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">S02E01</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shit Storm</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                          <div class="col-6 col-lg-4 px-2">
                                                              <div class="product position-relative mb-0">
                                                                  <div class="gradient-x-overlay-1">
                                                                      <div>
                                                                          <img class="img-fluid" src="../assets/img/200x185/img4.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">S01E04</span>
                                                                          </a>
                                                                          <div class="product-title font-size-15 font-weight-bold mb-0">
                                                                              <a href="#">Shaking Tree</a>
                                                                          </div>
                                                                      </div>
                                                                  </div>
                                                              </div>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                      </section>
                      <!-- End Tab Content -->
                    
                  

Component #3

                    
                        <!-- Tab Content -->
                        <section>
                            <div class="bg-gray-1100 space-1">
                                <div class="container px-md-6 px-xl-7 px-wd-6 pt-1">
                                    <div class="home-section">
                                        <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 in 4K Ultra HD</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-example5-tab" data-toggle="pill" href="#pills-one-features-example5" role="tab" aria-controls="pills-one-features-example5" 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-example5-tab" data-toggle="pill" href="#pills-two-features-example5" role="tab" aria-controls="pills-two-features-example5" aria-selected="false">Featured</a>
                                                    </li>
                                                    <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                                        <a class="nav-link" id="pills-three-c-features-example5-tab" data-toggle="pill" href="#pills-three-features-example5" role="tab" aria-controls="pills-three-features-example5" aria-selected="false">Best Rated</a>
                                                    </li>
                                                    <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                                        <a class="nav-link" id="pills-four-features-example5-tab" data-toggle="pill" href="#pills-four-features-example5" role="tab" aria-controls="pills-four-features-example5" aria-selected="false">Premieres</a>
                                                    </li>
                                                    <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                                        <a class="nav-link" id="pills-five-features-example5-tab" data-toggle="pill" href="#pills-five-features-example5" role="tab" aria-controls="pills-five-features-example5" aria-selected="false">Popular</a>
                                                    </li>
                                                    <li class="nav-item flex-shrink-0 flex-shrink-md-1">
                                                        <a class="nav-link" id="pills-six-features-example5-tab" data-toggle="pill" href="#pills-six-features-example5" role="tab" aria-controls="pills-six-features-example5" aria-selected="false">Kids</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </header>
                                    </div>
                                    <div class="tab-content">
                                        <div class="tab-pane fade show active dark" id="pills-one-features-example5" role="tab-panel" aria-labelledby="pills-one-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade dark" id="pills-two-features-example5" role="tab-panel" aria-labelledby="pills-two-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade dark" id="pills-three-features-example5" role="tab-panel" aria-labelledby="pills-three-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade dark" id="pills-four-features-example5" role="tab-panel" aria-labelledby="pills-four-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade dark" id="pills-five-features-example5" role="tab-panel" aria-labelledby="pills-five-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="tab-pane fade dark" id="pills-six-features-example5" role="tab-panel" aria-labelledby="pills-six-features-example5-tab">
                                            <div class="row mx-n2">
                                                <div class="px-2 col-lg-auto">
                                                    <div class="product mb-5 mb-lg-0">
                                                        <a class="d-block mr-1" href="#">
                                                            <img class="img-fluid" src="../assets/img/260x310/img1.jpg">
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="px-2 col-lg">
                                                    <div class="row mx-n2 mb-4 mb-lg-0">
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img15.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Plan</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img14.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Adventures</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Chapter 17</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-3 pb-lg-1">
                                                                <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img13.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Good Grief</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-6 col-lg-3 px-2">
                                                            <div class="product position-relative mb-4 mb-lg-0">
                                                               <div class="gradient-x-overlay-1">
                                                                    <div>
                                                                        <img class="img-fluid" src="../assets/img/970x550/img12.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Action</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Trial of the Century</a>
                                                                        </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/970x550/img11.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shit Storm</a>
                                                                        </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/970x550/img10.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Crime</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">Shaking Tree</a>
                                                                        </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/970x550/img1.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Drama</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">The Cardinals</a>
                                                                        </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/970x550/img2.jpg" alt="Image-Descrition">
                                                                    </div>
                                                                    <div class="position-absolute bottom-0 pl-3 pb-2">
                                                                        <div class="product--title product-meta font-size-12">
                                                                            <span><a href="#" tabindex="0">2020</a></span>
                                                                            <span><a href="#" tabindex="0">Actions</a></span>
                                                                            <span><a href="#" tabindex="0">Comedy</a></span>
                                                                        </div>
                                                                        <div class="product-title font-size-15 font-weight-bold mb-1">
                                                                            <a href="#">House of Cards</a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </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>
                        </section>
                        <!-- End Tab Content -->