templates/frontend/homepage.html.twig line 1

Open in your IDE?
  1. {% extends "layout/frontend.html.twig"%}
  2. {% block body %}
  4.         <div id="carouselSlideMain" class="carousel slide w-100 h-100 miau" data-ride="carousel">
  5.             <div class="carousel-inner w-100 h-100">
  6.                 {% for image in images %}
  7.                     <div class="carousel-item {% if loop.first %} active {% endif %} w-100 h-100">
  8.                         <div class="w-100 h-100" style="background-image:url('{{asset('/slider/')}}{{image.sliderImage}}');background-repeat:no-repeat;background-size:cover;background-position: 50% 50%;top: -2px;left: -2px;right: -2px;bottom: -2px;"></div>
  9.                         <div style="bottom: 40px;" class="z-index-1 p-absolute w-100 justify-content-end align-items-end text-left row mx-0">
  10.                             <div class="col-md-6 offset-md-6 text-left" style="">
  11.                                 {% if image.sliderText %}
  12.                                     <h1 class="text-white mb-0">PRO></h1>
  13.                                     <h1 class="text-white">{{image.sliderText}}</h1>
  14.                                 {% endif %}
  15.                             </div>
  16.                         </div>
  17.                     </div>
  18.                 {% endfor %}
  19.             </div>
  20.         </div>
  21. {% endblock %}
  22. {% block javascripts %}
  23.     <script>
  24.         $('#carouselSlideMain').carousel({
  25.             interval: 3000,
  26.             pause: "false"
  27.         })
  28.     </script>
  29. {% endblock %}