---
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/photo-1558981852-426c6c22a060.jpg"
          />
          <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/avatar-2.jpg"
                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-soft-success 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/photo-1582298537624-c6a00f906e51.jpg"
          />
          <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/avatar.jpg"
                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-soft-success 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/pexels-photo-1065084.jpeg"
          />
          <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/avatar.jpg"
                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-soft-success 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/photo-1522199899308-2eef382e2158.jpg"
          />
          <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/avatar-2.jpg"
                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-soft-success 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/photo-1511732351157-1865efcb7b7b.jpg"
          />
          <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/avatar-2.jpg"
                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-soft-success 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/photo-1507209575474-fa61e9d3086b.jpg"
          />
          <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/avatar.jpg"
                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-soft-success 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">
      <nav aria-label="pagin">
        <ul class="pagination pagination">
          <li class="page-item"><a class="page-link" href="#">Previous</a></li>
          <li class="page-item"><a class="page-link" href="#">1</a></li>
          <li class="page-item active"><a class="page-link" href="#">2</a></li>
          <li class="page-item"><a class="page-link" href="#">3</a></li>
          <li class="page-item"><a class="page-link" href="#">Next</a></li>
        </ul>
      </nav>
    </div>
  </div>
</div>