<div class=“col-lg-12 col-sm-12 col-xs-12 centered”>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> {% for img in layout.carousel %} {% if forloop.first == true %} <li data-target="#carousel-example-generic" data-slide-to="0" class="active"> </li> {% else %} <li data-target="#carousel-example-generic" data-slide-to="{{ forloop.index0 }}"></li> {% endif %} {% endfor %} </ol> <!-- Wrapper for slides --> <div class="carousel-inner"> {% for img in layout.carousel %} {% if forloop.first == true %} <div class="item active"> <img src="{{ "/assets/images/carousel/" }}{{ img }}" alt=""> </div> {% else %} <div class="item"> <img src="{{ "/assets/images/carousel/" }}{{ img }}" alt=""> </div> {% endif %} {% endfor %} </div> </div> <!--/Carousel -->
</div>