TV Show List

Component #1

Image Description
Chicago Med
Newest Episode: S01E05

An emotional thrill ride through the day-to-day chaos of the city's most explosive hospital and the courageous team of doctors who hold it together.

Image Description
The Last Man On The Earth
Newest Episode: S02E05

Almost two years after a virus wiped out most of the human race, Phil Miller only wishes for some company, but soon gets more than he bargained for when that company shows up in the form of other survivors.

7.0
1
Vote
Image Description
Unbreakable Kimmy Schemidt
Newest Episode: S02E01

Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit. Nam vulputate libero quis nisi euismod rhoncus. Sed eu euismod felis. Aenean ullamcorper dapibus odio ac tempor. Aliquam iaculis, quam vitae imperdiet consectetur, mi ante semper metus, ac efficitur nisi justo ut eros. Maecenas suscipit turpis fermentum elementum scelerisque.s

Image Description
House Of Cards
Newest Episode: S01E05

A Congressman works with his equally conniving wife to exact revenge on the people who betrayed him.

8.0
1
Vote
                    
                        <!-- Tv Show List Content -->
                        <section>
                            <div class="product h-btn-show">
                                <div class="row border-bottom py-3 no-gutters">
                                    <div class="col-md-4 col-xl-3 my-auto">
                                        <div class="product-image mb-3 mb-md-0">
                                            <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img4.jpg" alt="Image Description"></a>
                                        </div>
                                    </div>
                                    <div class="col-md">
                                        <div class="px-md-4d mt-2d">
                                            <div class="product-meta font-size-12">
                                                <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>
                                            <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                <a href="#">Chicago Med</a>
                                            </h6>
                                            <div class="font-size-12 mb-2">Newest Episode:
                                                <a href="#">S01E05</a>
                                            </div>
                                            <p class="font-size-1 line-clamp-1 mb-2 pb-1">An emotional thrill ride through the day-to-day chaos of the city's most explosive hospital and the courageous team of doctors who hold it together.</p>

                                            <div class="d-flex btn-show">
                                                <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                                <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product h-btn-show">
                                <div class="row border-bottom py-3 no-gutters">
                                    <div class="col-md-4 col-xl-3 my-auto">
                                        <div class="product-image mb-3 mb-md-0">
                                            <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img5.jpg" alt="Image Description"></a>
                                        </div>
                                    </div>
                                    <div class="col-md">
                                        <div class="px-md-4d mt-2d">
                                            <div class="product-meta font-size-12">
                                                <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                <span><a href="#" class="h-g-primary" tabindex="0">Comedy</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>
                                            <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                <a href="#">The Last Man On The Earth</a>
                                            </h6>
                                            <div class="font-size-12 mb-2">Newest Episode:
                                            <a href="#">S02E05</a>
                                            </div>
                                            <p class="font-size-1 line-clamp-1 mb-2 pb-1">Almost two years after a virus wiped out most of the human race, Phil Miller only wishes for some company, but soon gets more than he bargained for when that company shows up in the form of other survivors.</p>

                                            <div class="d-flex btn-show">
                                                <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                                <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-auto d-flex flex-column justify-content-center pr-3">
                                        <div class="rating-number position-relative font-size-42 mb-3">
                                            <i class="fas fa-star d-flex justify-content-center"></i>
                                            <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center mt-1d">7.0</span>
                                        </div>

                                        <div class="font-size-12 text-gray-1300 text-center text-lh-1">
                                            <span>1<br>Vote</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product h-btn-show">
                                <div class="row border-bottom py-3 no-gutters">
                                    <div class="col-md-4 col-xl-3 my-auto">
                                        <div class="product-image mb-3 mb-md-0">
                                            <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img1.jpg" alt="Image Description"></a>
                                        </div>
                                    </div>
                                    <div class="col-md">
                                        <div class="px-md-4d mt-2d">
                                            <div class="product-meta font-size-12">
                                                <span><a href="#" class="h-g-primary" tabindex="0">Comedy</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>
                                            <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                <a href="#">Unbreakable Kimmy Schemidt</a>
                                            </h6>
                                            <div class="font-size-12 mb-2">Newest Episode:
                                                <a href="#">S02E01</a>
                                            </div>
                                            <p class="font-size-1 line-clamp-1 mb-2 pb-1">Praesent iaculis, purus ac vehicula mattis, arcu lorem blandit nisl, non laoreet dui mi eget elit. Donec porttitor ex vel augue maximus luctus. Vivamus finibus nibh eu nunc volutpat suscipit. Nam vulputate libero quis nisi euismod rhoncus. Sed eu euismod felis. Aenean ullamcorper dapibus odio ac tempor. Aliquam iaculis, quam vitae imperdiet consectetur, mi ante semper metus, ac efficitur nisi justo ut eros. Maecenas suscipit turpis fermentum elementum scelerisque.s</p>

                                            <div class="d-flex btn-show">
                                                <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                                <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product h-btn-show">
                                <div class="row border-bottom py-3 no-gutters">
                                    <div class="col-md-4 col-xl-3 my-auto">
                                        <div class="product-image mb-3 mb-md-0">
                                            <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/200x115/img4.jpg" alt="Image Description"></a>
                                        </div>
                                    </div>
                                    <div class="col-md">
                                        <div class="px-md-4d mt-2d">
                                            <div class="product-meta font-size-12">
                                                <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>
                                            <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                <a href="#">House Of Cards</a>
                                            </h6>
                                            <div class="font-size-12 mb-2">Newest Episode:
                                                <a href="#">S01E05</a>
                                            </div>
                                            <p class="font-size-1 line-clamp-1 mb-2 pb-1">A Congressman works with his equally conniving wife to exact revenge on the people who betrayed him.</p>

                                            <div class="d-flex btn-show">
                                                <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                                <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-auto d-flex justify-content-center flex-column pr-3">
                                        <div class="rating-number position-relative font-size-42 mb-3">
                                            <i class="fas fa-star d-flex justify-content-center">
                                            </i>
                                            <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center mt-1d">8.0</span>
                                        </div>

                                        <div class="font-size-12 text-gray-1300 text-center text-lh-1">
                                            <span>1<br>Vote</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <!-- End  Tv Show List Content -->
                    
                  

Component #2

                    
                        <!-- Tv Show List Content -->
                        <section>
                          <div class="product h-btn-show">
                              <div class="row no-gutters border-bottom py-3">
                                  <div class="col-md-4 col-xl-2 my-auto">
                                      <div class="product-image mb-3 mb-md-0">
                                          <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img4.jpg" alt="Image Description"></a>
                                      </div>
                                  </div>
                                  <div class="col-md-8 col-xl-10 d-flex flex-column justify-content-center">
                                      <div class="pl-md-4">
                                          <div>
                                              <div class="product-meta font-size-12">
                                                  <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>
                                              <h6 class="font-size-1 font-weight-bold mb-3  product-title d-inline-block">
                                                  <a href="#">Chicago Med</a>
                                              </h6>
                                              <div class="font-size-12 mb-2">Newest Episode:
                                                  <a href="#">S01E05</a>
                                              </div>

                                              <div class="d-flex btn-show">
                                              <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                              <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                          </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="product h-btn-show">
                              <div class="row no-gutters border-bottom py-3">
                                  <div class="col-md-4 col-xl-2 my-auto">
                                      <div class="product-image mb-3 mb-md-0">
                                          <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img5.jpg" alt="Image Description"></a>
                                      </div>
                                  </div>
                                  <div class="col d-flex flex-column justify-content-center">
                                      <div class="pl-md-4">

                                          <div>
                                              <div class="product-meta font-size-12">
                                                  <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                  <span><a href="#" class="h-g-primary" tabindex="0">Comedy</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>
                                              <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                  <a href="#">The Last Man On The Earth</a>
                                              </h6>
                                          </div>

                                          <div class="font-size-12 mb-2">Newest Episode:
                                          <a href="#">S02E05</a>
                                          </div>

                                          <div class="d-flex btn-show">
                                              <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                              <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-auto d-flex justify-content-center flex-column pr-3">
                                      <div class="d-md-flex align-items-center">
                                          <div class="rating-number position-relative font-size-42 mb-3 mb-md-0">
                                              <i class="fas fa-star d-flex justify-content-center">
                                              </i>
                                              <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center">6.0</span>
                                          </div>

                                          <div class="font-size-12 text-gray-1300 text-center text-lh-1 ml-md-3">
                                              <span>1<br>Vote</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="product h-btn-show">
                              <div class="row no-gutters border-bottom py-3">
                                  <div class="col-md-4 col-xl-2 my-auto">
                                      <div class="product-image mb-3 mb-md-0">
                                          <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img1.jpg" alt="Image Description"></a>
                                      </div>
                                  </div>
                                  <div class="col">
                                      <div class="px-md-4d mt-2d">
                                          <div class="product-meta font-size-12">
                                              <span><a href="#" class="h-g-primary" tabindex="0">Comedy</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>
                                          <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                              <a href="#">Unbreakable Kimmy Schemidt</a>
                                          </h6>
                                          <div class="font-size-12 mb-2">Newest Episode:
                                              <a href="#">S02E01</a>
                                          </div>

                                           <div class="d-flex btn-show">
                                              <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                              <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="product h-btn-show">
                              <div class="row no-gutters border-bottom py-3">
                                  <div class="col-md-4 col-xl-2 my-auto">
                                      <div class="product-image mb-3 mb-md-0">
                                          <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/200x115/img4.jpg" alt="Image Description"></a>
                                      </div>
                                  </div>
                                  <div class="col d-flex flex-column justify-content-center">
                                      <div class="pl-md-4">
                                          <div>
                                              <div class="product-meta font-size-12">
                                                  <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>
                                              <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                  <a href="#">House Of Cards</a>
                                              </h6>
                                              <div class="font-size-12 mb-2">Newest Episode:
                                                  <a href="#">S01E05</a>
                                              </div>
                                              <div class="d-flex btn-show">
                                                  <a href="#" class="btn btn-primary d-flex align-items-center justify-content-center mb-3 mb-md-0 font-size-12 font-awesoment-secondary px-3 h-44rem" tabindex="0"><span class="mx-1">WATCH NOW</span></a>
                                                  <a href="#" class="d-flex align-items-center justify-content-center font-secondary font-size-12 text-dark font-weight-bold ml-3 pl-1" tabindex="0">+ PLAYLIST</a>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-auto d-flex justify-content-center flex-column pr-3">
                                      <div class="d-md-flex align-items-center">
                                          <div class="rating-number position-relative font-size-42 mb-3 mb-md-0">
                                              <i class="fas fa-star d-flex justify-content-center">
                                              </i>
                                              <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center">8.0</span>
                                          </div>

                                          <div class="font-size-12 text-gray-1300 text-center text-lh-1 ml-md-3">
                                              <span>1<br>Vote</span>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                        </section>
                        <!-- End  Tv Show List Content -->
                    
                  

Component #3

                    
                        <!-- Tv Show List Content -->
                        <section>
                          <div class="row no-gutters border-bottom border-gray-3600 mb-4 mb-md-6 pb-4 pb-md-6">
                              <div class="col-md-6">
                                  <div class="product mb-3 mb-md-0 border-md-right">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img4.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4">
                                                  <div>
                                                      <div class="product-meta font-size-12">
                                                          <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>
                                                      <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                          <a href="#">Chicago Med</a>
                                                      </h6>
                                                      <div class="font-size-12 mb-2">Newest Episode:
                                                          <a href="#">S01E05</a>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="product h-btn-show v1 pl-md-4">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img5.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4 d-flex d-md-block">
                                                  <div>
                                                      <div class="product-meta font-size-12">
                                                          <span><a href="#" class="h-g-primary" tabindex="0">Action</a></span>
                                                          <span><a href="#" class="h-g-primary" tabindex="0">Comedy</a></span>
                                                          <span><a href="#" class="h-g-primary" md-tabindex="0">Drama</a></span>
                                                          <span><a href="#" class="h-g-primary" tabindex="0">2020</a></span>
                                                      </div>
                                                      <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                          <a href="#">The Last Man On The Earth</a>
                                                      </h6>
                                                      <div class="font-size-12 mb-2">Newest Episode:
                                                          <a href="#">S02E05</a>
                                                      </div>
                                                  </div>

                                                  <div class="d-flex align-items-center ml-1 ml-md-0">
                                                      <div class="rating-number position-relative font-size-42">
                                                          <i class="fas fa-star d-flex justify-content-center">
                                                          </i>
                                                          <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center">6.0</span>
                                                      </div>

                                                      <div class="font-size-12 text-gray-1300 text-center text-lh-1 ml-3">
                                                          <span>1<br>Vote</span>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="row no-gutters border-bottom border-gray-3600 mb-4 mb-md-6 pb-4 pb-md-6">
                              <div class="col-md-6">
                                  <div class="product mb-3 mb-md-0 border-md-right">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/206x117/img1.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4">
                                                  <div class="product-meta font-size-12">
                                                      <span><a href="#" class="h-g-primary" tabindex="0">Comedy</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>
                                                  <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                      <a href="#">Unbreakable Kimmy Schemidt</a>
                                                  </h6>
                                                  <div class="font-size-12 mb-2">Newest Episode:
                                                      <a href="#">S02E01</a>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="product h-btn-show v1 pl-md-4">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/200x115/img4.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4 d-flex justify-content-between d-md-block">
                                                  <div>
                                                      <div class="product-meta font-size-12">
                                                          <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>
                                                      <h6 class="font-size-1 font-weight-bold mb-3 product-title">
                                                          <a href="#">House Of Cards</a>
                                                      </h6>
                                                      <div class="font-size-12 mb-2">Newest Episode:
                                                          <a href="#">S01E05</a>
                                                      </div>
                                                  </div>

                                                  <div class="d-flex align-items-center ml-1 ml-md-0">
                                                      <div class="rating-number position-relative font-size-42">
                                                          <i class="fas fa-star d-flex justify-content-center">
                                                          </i>
                                                          <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center">8.0</span>
                                                      </div>

                                                      <div class="font-size-12 text-gray-1300 text-center text-lh-1 ml-3">
                                                          <span>1<br>Vote</span>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                          <div class="row no-gutters border-bottom border-gray-3600 mb-4 mb-md-6 pb-4 pb-md-6">
                              <div class="col-md-6">
                                  <div class="product h-btn-show v1 mb-3 mb-md-0 border-md-right">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/200x115/img15.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4 d-flex justify-content-between d-md-block">
                                                  <div>
                                                      <div class="product-meta font-size-12">
                                                          <span><a href="#" class="h-g-primary" tabindex="0">Romance</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>
                                                      <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                          <a href="#">The Grey's Anatomy</a>
                                                      </h6>
                                                      <div class="font-size-12 mb-2">Newest Episode:
                                                          <a href="#">S03E03</a>
                                                      </div>
                                                  </div>
                                                  <div class="d-flex align-items-center">
                                                      <div class="rating-number position-relative font-size-42">
                                                          <i class="fas fa-star d-flex justify-content-center">
                                                          </i>
                                                          <span class="font-size-13 font-weight-bold text-white position-absolute bottom-0 top-0 right-0 left-0 d-flex align-items-center justify-content-center">8.0</span>
                                                      </div>

                                                      <div class="font-size-12 text-gray-1300 text-center text-lh-1 ml-3">
                                                          <span>1<br>Vote</span>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                              <div class="col-md-6">
                                  <div class="product h-btn-show v1 pl-md-4">
                                      <div class="row no-gutters">
                                          <div class="col-md-5 my-auto">
                                              <div class="product-image mb-2 mb-md-0" >
                                                  <a href="#" class="d-inline-block position-relative stretched-link"><img class="img-fluid" src="../assets/img/200x115/img16.jpg" alt="Image Description"></a>
                                              </div>
                                          </div>
                                          <div class="col-md">
                                              <div class="pl-md-4">
                                                  <div class="product-meta font-size-12">
                                                      <span><a href="#" class="h-g-primary" tabindex="0">Fantasy</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>
                                                  <h6 class="font-size-1 font-weight-bold mb-3 product-title d-inline-block">
                                                      <a href="#">Dom Grozy(Peeny Dreadful)</a>
                                                  </h6>
                                                  <div class="font-size-12 mb-2">Newest Episode:
                                                      <a href="#">S032E04</a>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          </div>
                        </section>
                        <!-- End  Tv Show List Content -->