index.html

{% extends 'shop/basic.html'%}
{% block title%} home page{% endblock %}
{% block body %}
 <div class="container my-4">

     <div class="row mb-2">
     {% for item in mypost %}

    <div class="col-md-6">
      <div class="row no-gutters border rounded overflow-hidden flex-md-row mb-4 shadow-sm h-md-250 position-relative">
        <div class="col p-4 d-flex flex-column position-static">
          <strong class="d-inline-block mb-2 text-primary">{{item.title}}</strong>
          <h3 class="mb-0"></h3>
          <div class="mb-1 text-muted">Nov 12</div>
          <p class="card-text mb-auto">{{item.head}}</p>
          <a href="blogpost/{{item.post_id}}" class="stretched-link">Continue reading</a>
        </div>
        <div class="col-auto d-none d-lg-block">
          <img src="/media/{{item.thumbnail}}"><rect width="100%" height="100%" fill="#55595c"></rect>
        </div>
      </div>
    </div>
          {% if forloop.counter|divisibleby:2 %}
    </div><div class="row mb-2">
     {%endif%}

 {%endfor%}
 </div>
  </div>


{%endblock%}