---
layout: inner
title: Blog page
---

{{>breadcrumb}}
<div class="container">
  <div class="row d-flex flex-wrap align-items-stretch">
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">20 Brilliant Instagram Highlight Icon Sets for Brands &amp;
              Bloggers end others too</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#!"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>49
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
     <!-- end of col -->
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">20 Brilliant Instagram Highlight Icon Sets for Brands &amp;
              Bloggers end others too</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#!"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>145
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">How to Start a Graphic Design Business in 2020: Entrepreneurs
              Share...</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#!"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>56
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">10 Stunning Templates to Design an Itinerary for Weddings and
              Events.</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#!"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>74
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">Save 20% on Your Favorite Product: Our #000000 Friday Sale is
              Here!</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>49
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
     <div class="col-md-4 mb-4">
        <div class="card hover-box-shadow">
           <div class="post-thumb">
              <img class="card-img-top" src="assets/img/520x400.png" />
              <div class="post-tag">
                 <a href="#" class="badge badge-blue-1">Events</a>
              </div>
           </div>
           <!-- /post thumb -->
           <div class="card-body pt-4 pb-0">
              <div class="d-flex justify-content-between align-items-center mb-4">
                 <a href="#!" class="label font-weight-bold">Business</a>
                 <span class="small">16th Mart</span>
              </div>
              <a href="#" class="h4 card-title mb-2">What Do Design Clients Mean When They Say “Make It Pop-up”?</a
                 >
              <div
                 class="card-footer d-flex justify-content-between align-items-center mt-5 px-0 py-3"
                 >
                 <div class="d-flex align-items-center">
                    <img
                       src="assets/img/100x100.png"
                       class="img-sm rounded-circle sm-avatar"
                       alt="..."
                       />
                    <div class="ml-2">
                       <span class="h6"
                          ><span class="font-weight-bold"
                          ><span class="text-muted">By:</span> </span
                          >Laura Joe Doe</span
                          >
                    </div>
                 </div>
                 <a
                    href="#!"
                    class="bg-success-alt py-1 px-2 rounded-pill text-success small"
                    >
                 <i class="las la-heart mr-1"></i>49
                 </a>
              </div>
              <!--end: card footer-->
           </div>
        </div>
        <!-- end of card -->
     </div>
  </div>
  <div class="row">
     <div class="col mt-3">
        {{>pagination}}
     </div>
  </div>
</div>