| {% extends "html/page.html" %} |
| <div class="layout-wrapper layout-wrapper-background"> |
| <div class="web-content" style="text-align: {{ text_align }};"> |
| <div class="layout-main"> |
| <div id="myCarousel" class="carousel slide"> |
| <div class="carousel-inner"> |
| {% for slide in obj.slides %} |
| <div class="{% if slide.idx==1 %}active {% endif %}item"> |
| <img src="{{ slide.image }}" /> |
| <div class="carousel-caption"> |
| <h4>{{ slide.heading }}</h4> |
| <p>{{ slide.description }}</p> |
| <a class="carousel-control left" href="#myCarousel" |
| data-slide="prev">‹</a> |
| <a class="carousel-control right" href="#myCarousel" |
| data-slide="next">›</a> |
| <script>$(".carousel").carousel();</script> |