Template source: testimonials.html

{% load i18n testimonial_tags %} {% get_testimonials as all_testimonials %} <div class="container"> <div class="row"> <div class="col-md-8 col-center m-auto"> <div class="page-header text-center indexPageHeading"> <a style="color: #5E9732!important;" href="{% url "testimonials_page" %}"><h1>{% trans "Testimonials" %}</h1></a> </div> <div id="myCarousel" class="carousel slide" data-ride="carousel"> <!-- Carousel indicators --> <ol class="carousel-indicators"> {% for testimonial in all_testimonials%} <li data-target="#myCarousel" data-slide-to="{{ forloop.counter0 }}"{% if forloop.first %}class="active" {% endif %}></li> {% endfor %} </ol> <!-- Wrapper for carousel items --> <div class="carousel-inner"> {% for testimonial in all_testimonials %} <div class="item carousel-item {% if forloop.first %}active{% endif %}"> <div class="img-box"><a href="{% url "testimonials_page" %}"><img src="/media/{{testimonial.author_image}}" alt=""></a></div> <p style="font-size: 1.5em"><strong>{{ testimonial.testimonial_title }}</strong></p> <p class="testimonial">{{ testimonial.testimonial_description }}</p> <p class="overview"><b>{{ testimonial.author_name }}</b> <a style="color: #5E9732!important;" href="{% url "testimonials_page" %}">{% trans "Read more.." %}</a></p> </div> {% endfor %} {% comment %} <div class="item carousel-item"> <div class="img-box"><img src="/examples/images/clients/2.jpg" alt=""></div> <p class="testimonial">Vestibulum quis quam ut magna consequat faucibus. Pellentesque eget nisi a mi suscipit tincidunt. Utmtc tempus dictum risus. Pellentesque viverra sagittis quam at mattis. Suspendisse potenti. Aliquam sit amet gravida nibh, facilisis gravida odio.</p> <p class="overview"><b>Antonio Moreno</b>, Web Developer</p> </div> <div class="item carousel-item"> <div class="img-box"><img src="/examples/images/clients/3.jpg" alt=""></div> <p class="testimonial">Phasellus vitae suscipit justo. Mauris pharetra feugiat ante id lacinia. Etiam faucibus mauris id tempor egestas. Duis luctus turpis at accumsan tincidunt. Phasellus risus risus, volutpat vel tellus ac, tincidunt fringilla massa. Etiam hendrerit dolor eget rutrum.</p> <p class="overview"><b>Michael Holz</b>, Seo Analyst</p> </div> {% endcomment %} </div> <!-- Carousel controls --> <a class="carousel-control left carousel-control-prev" href="#myCarousel" data-slide="prev"> <i class="fa fa-angle-left"></i> </a> <a class="carousel-control right carousel-control-next" href="#myCarousel" data-slide="next"> <i class="fa fa-angle-right"></i> </a> </div> </div> </div> </div>