templates/layouts/slider.html.twig line 1

Open in your IDE?
  1. <!-- Start Banner 
  2.    ============================================= -->
  3. <div class="banner-area top-pad-extra text-regular right-shape content-less">
  4.     <!-- Animated Bubble -->
  5.     <div class="animated-bubble">
  6.         <img src="assets/img/shape/bubble.png" alt="Bubble">
  7.         <img src="assets/img/shape/bubble-mini.png" alt="Bubble">
  8.         <img src="assets/img/shape/bubble.png" alt="Bubble">
  9.         <img src="assets/img/shape/bubble.png" alt="Bubble">
  10.         <img src="assets/img/shape/bubble-mini.png" alt="Bubble">
  11.         <img src="assets/img/shape/bubble.png" alt="Bubble">
  12.         <img src="assets/img/shape/bubble-mid.png" alt="Bubble">
  13.     </div>
  14.     <!-- End Animated Bubble -->
  15.     <div id="bootcarousel" class="carousel text-light slide animate_text" data-ride="carousel">
  17.         <!-- Wrapper for slides -->
  18.         <div class="carousel-inner">
  19.             {% for key, header in headers %}
  20.                 <div class="carousel-item {% if key == 0 %}active{% endif %} bg-cover" style="background-image: url(/uploads/headers/{{header.bannerImages}});">
  21.                     <div class="box-table">
  22.                         <div class="box-cell shadow gradient">
  23.                             <div class="container">
  24.                                 <div class="row">
  25.                                     <div class="col-lg-8">
  26.                                         <div class="content">
  27.                                             <h4 data-animation="animated slideInDown">{{ header.title }}</h4>
  28.                                             <h2 data-animation="animated slideInLeft">{{ header.intro | raw }}</h2>
  29.                                             {% if header.buttontext %}
  30.                                                 <div class="bottom" data-animation="animated slideInUp">
  31.                                                     <a class="btn btn-theme primary effect btn-md" href="{{ path('app_header_articles', {slug: header.slug})}}">{{ header.buttontext }}</a>
  32.                                                     {#<a href="https://www.youtube.com/watch?v=owhuBrGIOsE" class="popup-youtube secondary theme relative video-play-button">
  33.                                                         <i class="fa fa-play"></i>
  34.                                                     </a>#}
  35.                                                 </div>  
  36.                                             {% else %}
  37.                                             {% endif %}
  39.                                         </div>
  40.                                     </div>
  41.                                 </div>
  42.                             </div>
  43.                         </div>
  44.                     </div>
  45.                 </div>
  46.             {% endfor %}
  47.         </div>
  48.         <!-- End Wrapper for slides -->
  50.         <!-- Left and right controls -->
  51.         <a class="left carousel-control light" href="#bootcarousel" data-slide="prev">
  52.             <span class="sr-only">Previous</span>
  53.         </a>
  54.         <a class="right carousel-control light" href="#bootcarousel" data-slide="next">
  55.             <span class="sr-only">Next</span>
  56.         </a>
  58.     </div>
  59. </div>
  60. <!-- End Banner -->