Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <section id="blog_list_section" , class="pt-5">
- <!--the outer row which will be repeated -->
- <div class="row wow fadeIn">
- {% for post in blogpages %}
- <div class="col-8">
- <div class="card mb-5">
- {% with post=post.specific %}
- <!--the inner row that contains the image and card-body -->
- <div class="row">
- <!--card image col -->
- <div class="col-lg-5">
- {% with post.main_image as main_image %} {% if main_image %}
- <!--Featured image-->
- <div class="view">
- <a href="{% pageurl post %}">{% image main_image fill-280x158 alt="blog image" %}</a>
- <a href="#">
- <div class="mask rgba-white-slight"></div>
- </a>
- </div>
- {% endif %} {% endwith %}
- </div>
- <!--card-body text-->
- <div class="col-lg-7">
- <div class="card-body">
- <h3 class="card-title font-weight-bold dark-grey-text">
- <strong>{{ post.title }}</strong>
- </h3>
- <p class="grey-text">
- <small>{{ post.owner.get_full_name }}
- <br> {{post.last_published_at}}
- </small>
- </p>
- <p class="card-text">
- <strong>{{ post.body|richtext|truncatechars:50 }}</strong>
- </p>
- <a href="{% pageurl post %}" class="btn btn-primary btn-md waves-effect">
- Read more
- <i class="fa fa-play ml-2"></i>
- </a>
- </div>
- </div>
- </div>
- {% endwith %}
- </div>
- </div>
- <hr class='mb-5'>
- <!-- the next column beginnes -->
- <div class="col-4 text-center">
- something
- </div>
- {% cycle "" "</div><div class='row mt-3 wow fadeIn'>"%} {% endfor %}
- </div>
- </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement