templates/vitrine/index.html.twig line 1

  1. {% extends 'vitrine/base.html.twig' %}
  3. {# {% block title %}{{ title }} {% endblock %} #}
  5. {% block stylesheets %}
  6. <style>
  7.   .livined {
  8.     font-size: 1.4375rem !important;
  9.   }
  10.   @media (max-width: 991px) {
  11.     .livined {
  12.       font-size: 1.4375rem !important;
  13.     }
  14.   }
  16.   .topimg{
  17.     height: 210px;
  18.   }
  19. </style>
  20. {% endblock %}
  23. {% block body %}
  25. <div class="iq-banner-thumb-slider">
  26.   <div class="slider dynamik" id="content-movies"></div>
  27. </div>
  29. {#% if app.user %}
  30. <section class="continue-watching-block section-padding-top">
  31.   <div class="container-fluid">
  32.     <div class="overflow-hidden">
  33.       <div class="d-flex align-items-center justify-content-between px-md-3 px-1 mb-4">
  34.       <h5 class="main-title text-capitalize mb-0">continue watching</h5>
  35.       </div>
  36.       <div class="position-relative swiper swiper-card" data-slide="5" data-laptop="5" data-tab="3" data-mobile="2" data-mobile-sm="2" data-autoplay="false" data-loop="false" data-navigation="true" data-pagination="true">
  37.         <ul class="p-0 swiper-wrapper m-0  list-inline">
  38.           <li class="swiper-slide">
  39.             <div class="iq-watching-block">
  40.                 <div class="block-images position-relative">
  41.                     <div class="iq-image-box overly-images">
  42.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  43.                             <img src="{{ asset('vitrine/images/continue-watch/01.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  44.                         </a>
  45.                     </div>
  46.                     <div class="iq-preogress">
  47.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">70 of 230 m</span>
  48.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  49.                             <div class="progress-bar" style="width: 50%"></div>
  50.                         </div>
  51.                     </div>
  52.                 </div>
  53.             </div>          </li>
  54.           <li class="swiper-slide">
  55.             <div class="iq-watching-block">
  56.                 <div class="block-images position-relative">
  57.                     <div class="iq-image-box overly-images">
  58.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  59.                             <img src="{{ asset('vitrine/images/continue-watch/02.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  60.                         </a>
  61.                     </div>
  62.                     <div class="iq-preogress">
  63.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">120 of 130 m</span>
  64.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  65.                             <div class="progress-bar" style="width: 30%"></div>
  66.                         </div>
  67.                     </div>
  68.                 </div>
  69.             </div>          </li>
  70.           <li class="swiper-slide">
  71.             <div class="iq-watching-block">
  72.                 <div class="block-images position-relative">
  73.                     <div class="iq-image-box overly-images">
  74.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  75.                             <img src="{{ asset('vitrine/images/continue-watch/03.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  76.                         </a>
  77.                     </div>
  78.                     <div class="iq-preogress">
  79.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">60 of 134 m</span>
  80.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  81.                             <div class="progress-bar" style="width: 90%"></div>
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             </div>          </li>
  86.           <li class="swiper-slide">
  87.             <div class="iq-watching-block">
  88.                 <div class="block-images position-relative">
  89.                     <div class="iq-image-box overly-images">
  90.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  91.                             <img src="{{ asset('vitrine/images/continue-watch/04.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  92.                         </a>
  93.                     </div>
  94.                     <div class="iq-preogress">
  95.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">60 of 134 m</span>
  96.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  97.                             <div class="progress-bar" style="width: 20%"></div>
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.             </div>          </li>
  102.           <li class="swiper-slide">
  103.             <div class="iq-watching-block">
  104.                 <div class="block-images position-relative">
  105.                     <div class="iq-image-box overly-images">
  106.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  107.                             <img src="{{ asset('vitrine/images/continue-watch/05.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  108.                         </a>
  109.                     </div>
  110.                     <div class="iq-preogress">
  111.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">45 of 157 m</span>
  112.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  113.                             <div class="progress-bar" style="width: 100%"></div>
  114.                         </div>
  115.                     </div>
  116.                 </div>
  117.             </div>          </li>
  118.            <li class="swiper-slide">
  119.             <div class="iq-watching-block">
  120.                 <div class="block-images position-relative">
  121.                     <div class="iq-image-box overly-images">
  122.                         <a href="{{path('web_movie_detail')}}" class="d-block">
  123.                             <img src="{{ asset('vitrine/images/continue-watch/06.webp') }}" alt="movie-card" class="img-fluid object-cover w-100 d-block border-0">
  124.                         </a>
  125.                     </div>
  126.                     <div class="iq-preogress">
  127.                         <span class="data-left-timing font-size-14 fw-500 text-lowercase">70 of 230 m</span>
  128.                         <div class="progress" role="progressbar" aria-label="Example 2px high" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" style="height: 1px">
  129.                             <div class="progress-bar" style="width: 100%"></div>
  130.                         </div>
  131.                     </div>
  132.                 </div>
  133.             </div>          </li>
  134.         </ul>
  135.         <div class="swiper-button swiper-button-next"></div>
  136.         <div class="swiper-button swiper-button-prev"></div>
  137.       </div>
  138.     </div>
  139.   </div>
  140. </section>
  141. {% endif %#}
  143. <div class="streamit-block dynamik" id="content-streamit"></div>
  145. <div class="top-ten-block dynamik" id="content-topten"></div>
  148. <div class="tab-slider">
  149.    <div class="slider dynamik" id="content-series"></div>
  150. </div>
  152. {# <div class="movie-geners-block dynamik" id="content-geners"></div> #}
  154. {% endblock %}
  156. {% block javascripts %}
  157.   {# <script src="{{ asset('vitrine/js/dashboard/genres_swiper.js') }}"></script> #}
  159.   {% include("vitrine/loader/index-page.html.twig") %}
  160.   {% include("vitrine/loader/streamit-swiper.html.twig") %}
  161. {% endblock %}