Advertisement
Demeyor

Untitled

Jul 18th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.63 KB | None | 0 0
  1. <section id="blog_list_section" , class="pt-5">
  2.     <!--the outer row which will be repeated        -->
  3.     <div class="row wow fadeIn">
  4.         {% for post in blogpages %}
  5.         <div class="col-8">
  6.             <div class="card mb-5">
  7.                 {% with post=post.specific %}
  8.                 <!--the inner row that contains the image and card-body     -->
  9.                 <div class="row">
  10.                     <!--card    image col       -->
  11.                     <div class="col-lg-5">
  12.                         {% with post.main_image as main_image %} {% if main_image %}
  13.                         <!--Featured image-->
  14.                         <div class="view">
  15.                             <a href="{% pageurl post %}">{% image main_image fill-280x158 alt="blog image" %}</a>
  16.                             <a href="#">
  17.                                 <div class="mask rgba-white-slight"></div>
  18.                             </a>
  19.                         </div>
  20.                         {% endif %} {% endwith %}
  21.                     </div>
  22.  
  23.                     <!--card-body text-->
  24.                     <div class="col-lg-7">
  25.                         <div class="card-body">
  26.                             <h3 class="card-title font-weight-bold dark-grey-text">
  27.                                 <strong>{{ post.title }}</strong>
  28.                             </h3>
  29.                             <p class="grey-text">
  30.                                 <small>{{ post.owner.get_full_name }}
  31.                                     <br> {{post.last_published_at}}
  32.                                 </small>
  33.                             </p>
  34.  
  35.                             <p class="card-text">
  36.                                 <strong>{{ post.body|richtext|truncatechars:50 }}</strong>
  37.                             </p>
  38.                             <a href="{% pageurl post %}" class="btn btn-primary btn-md waves-effect">
  39.                                 Read more
  40.                                 <i class="fa fa-play ml-2"></i>
  41.                             </a>
  42.                         </div>
  43.                     </div>
  44.                 </div>
  45.                 {% endwith %}
  46.             </div>
  47.         </div>
  48.         <hr class='mb-5'>
  49.         <!--        the next column beginnes    -->
  50.         <div class="col-4 text-center">
  51.             something
  52.         </div>
  53.         {% cycle "" "</div><div class='row mt-3 wow fadeIn'>"%} {% endfor %}
  54.     </div>
  55. </section>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement