Template source: testimonial_list.html

{% load i18n testimonial_tags %} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>RESPONSible Travel Peru</title> <base href="/"/> <!-- Google Tag Manager --> <script>(function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-K69MP2Q');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K69MP2Q" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> {% include 'stylesheets.html' %} </head> <body style="padding-top: 75px"> <div id="fb-root"></div> <script>(function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.11&appId=105080416190561'; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <!-- TrustBox script --> <script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script> <!-- End Trustbox script --> {% include "internal_navbar.html" %} <div class="row"> {% get_testimonials as all_testimonials %} <div class="page-header text-center indexPageHeading"> <h1>{% trans "Testimonials" %}</h1> </div> {% comment %} <div class="col-sm-3 removeImagePadding"> <a href="#" class="thumbnail"> <img src="{{ travel_specialist.images.all.0.image.url }}" class="img-responsive"> </a> </div> {% endcomment %} <div class="container"> <div class="row"> <div class="col-md-8 col-center m-auto"> {% for testimonial in all_testimonials %} <div id="myCarousel{{ forloop.counter0 }}" class="carousel slide" data-ride="carousel"> <!-- Carousel indicators --> <ol class="carousel-indicators hidden"> <li data-target="#myCarousel" data-slide-to="0" class="active"></li> <li data-target="#myCarousel" data-slide-to="1"></li> <li data-target="#myCarousel" data-slide-to="2"></li> </ol> <!-- Wrapper for carousel items --> <div class="carousel-inner2"> <div class="item carousel-item {% if forloop.first %}active{% endif %}"> <div class="img-box"><img src="/media/{{testimonial.author_image}}" alt=""></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></p> </div> </div> <!-- Carousel controls --> </div>{% endfor %} </div> </div> </div> </div> {% include 'footer.html' %} </body>