templates/components/home_slideshow/slide.html.twig line 1

Open in your IDE?
  1. {% block stylesheets %}
  2.     <style>
  3.         .notransition * {
  4.             /* -webkit-transition: none !important; */
  5.             -moz-transition: none !important;
  6.             -o-transition: none !important;
  7.             -ms-transition: none !important;
  8.             transition: 1s !important;
  9.         }
  10.     </style>
  11. {% endblock %}
  12. {#    {% for imagen in galeria %}#}
  13. {#        <li><span class="background-image: url(../uploads/imagen_cabecera/banner.jpg); !important"></span></li>#}
  14. {#    {% endfor %}#}
  15.         <!-- Carousel
  16.     ================================================== -->
  17.         <div id="myCarousel" class="carousel slide" data-ride="carousel" style="width: 100%; height: 100%;">
  18.                 <!-- Indicators -->
  19.                 <ol class="carousel-indicators">
  20.                         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
  21.                         <li data-target="#myCarousel" data-slide-to="1"></li>
  22. {#                        <li data-target="#myCarousel" data-slide-to="2"></li>#}
  23.                 </ol>
  24.                 <div class="carousel-inner" role="listbox">
  25.                         <div class="item active">
  26.                                 <img class="first-slide" src="{{ asset('uploads/imagen_cabecera/Banners-Guiayipao-01.jpg') }}" style="width: 100%; height: 525px;" alt="First slide">
  27.                         </div>
  28.                         <div class="item">
  29.                                 <img class="second-slide" src="{{ asset('uploads/imagen_cabecera/Banners-Guiayipao-02.jpg') }}" style="width: 100%; height: 525px;" alt="Second slide">
  30.                         </div>
  31.                         <div class="item">
  32.                             <img class="second-slide" src="{{ asset('uploads/imagen_cabecera/Banners-Guiayipao-03.jpg') }}" style="width: 100%; height: 525px;" alt="Second slide">
  33.                         </div>
  34.                         <div class="item">
  35.                             <img class="second-slide" src="{{ asset('uploads/imagen_cabecera/Banners-Guiayipao-04.jpg') }}" style="width: 100%; height: 525px;" alt="Second slide">
  36.                         </div>
  37. {#                        <div class="item">#}
  38. {#                                <img class="third-slide" src="{{ asset('uploads/imagen_cabecera/banner.jpg') }}" style="width: 100%; height: 525px;" alt="Third slide">#}
  39. {#                        </div>#}
  40.                 </div>
  41. {#                <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">#}
  42. {#                        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>#}
  43. {#                        <span class="sr-only">Previous</span>#}
  44. {#                </a>#}
  45. {#                <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">#}
  46. {#                        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>#}
  47. {#                        <span class="sr-only">Next</span>#}
  48. {#                </a>#}
  49.         </div><!-- /.carousel -->
  50. {#        <li><span class="background-image: url(../uploads/imagen_cabecera/{{ imagen.imagen }}); !important"></span></li>#}