Template source: inspirational_trips_and_blog.html

{% load i18n %} <div class="container-fluid" id="inspirational-trips"> <div class="row portfolio"> <div class="page-header text-center indexPageHeading"> <h1>{% trans "Inspirational journeys" %}</h1> <p class="regularResponseDescription">{% trans "The following itineraries were designed for previous travellers serve as inspirational examples of what you can expect from your own." %} <br> {%trans "We don't work with off-the-shelf trips: your trip will be unique and only yours." %}</p> </div> {% for inspirational_trip in inspirational_trips %} <div class="col-lg-3"> <div class="card"> <div class="card-image"> <img class="img-responsive" src="{{ inspirational_trip.images.all.0.image.url }}"> </div><!-- card image --> <div class="card-content white-background-black-text"> <a href="{% url 'trip_detail_page' pk=inspirational_trip.pk slug=inspirational_trip.slug %}"><span class="card-title">{{ inspirational_trip.title }}</span></a> <p>{{ inspirational_trip.short_price_description }} </p> <p><strong>{{ inspirational_trip.price_string }}</strong></p> </div><!-- card content --> <div class="card-action white-background-black-text"> <a href="{% url 'trip_detail_page' pk=inspirational_trip.pk slug=inspirational_trip.slug %}" style="color: black">{% trans "More Info" %}</a> </div><!-- card actions --> <div class="card-reveal "> <span class="card-title">Card Title</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <p>Here is some more information about this product that is only revealed once clicked on.</p> </div><!-- card reveal --> </div> </div> <div class="clear"></div> {% endfor %} <br> </div> <a href="/submitpreferences"> <strong><span style="text-align: center"><h3 class="indexPageHeading">{% trans "See more inspirational journeys" %} </h3></span></strong></a> </div> <br> <div class="container-fluid" id="destinations"> <div class="row"> <div class="page-header text-center indexPageHeading"> <h1>{% trans "The RESPONS Blog" %}</h1> </div> </div> </div> <div class="container-fluid" style="background: url('/static/img/main-map.jpg'); padding-bottom: 10px"> <div class="row portfolio"> {% for wp_post in wp_blog_posts %} <div class="col-lg-3"> <div class="card"> <div class="card-image blog-image"> <img class="img-responsive" src="{{ wp_post.thumbnail.link }}"> </div><!-- card image --> <div class="card-content white-background-black-text"> <a target="_blank" href="{{ wp_post.link }}"><span class="card-title">{{ wp_post.title }}</span></a> {% comment %} <p> {{ wp_post.content }} </p> {% endcomment %} </div><!-- card content --> <div class="card-action white-background-black-text"> <a target="_blank" href="{{ wp_post.link }}" style="color: black" target="new_blank">{% trans "More Info" %}</a> </div><!-- card actions --> <div class="card-reveal"> <span class="card-title">Card Title</span> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <p>{{ wp_post.content }}</p> <a href="{{ wp_post.link }}" target="_blank">{% trans "Find out more" %}</a> </div><!-- card reveal --> </div> </div> <div class="clear"></div> {% endfor %} </div> <a href="http://blog.responsibletravelperu.com" target="_blank"> <strong><span style="text-align: center"><h3 class="indexPageHeading">{% trans "Read all our Blog articles here" %} </h3></span></strong></a> </div>