Blog Posts - Blocks

Travel
The Places We Love
Apr 29, 2019
Tips & Tricks
What makes a Great Photograph
Apr 28, 2019
Lifestyle
Working from Home
Apr 27, 2019 

<div class="owl-carousel" data-owl-nav="false" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-autoPlay="true">
  <!-- Blog post 1 -->
  <div>
    <div class="hoverbox-7">
      <a href="#">
        <img src="../assets/images/blog-clean-post-1.jpg" alt="">
        <div class="content top bg-dark">
          <span class="font-family-tertiary font-small fw-normal uppercase m-0 text-white">Travel</span>
        </div>
      </a>
    </div>
    <div class="p-3">
      <h5 class="fw-normal m-0"><a href="#">The Places We Love</a></h5>
      <span>Apr 29, 2019</span>
    </div>
  </div>
  <!-- Blog post 2 -->
  <div>
    <div class="hoverbox-7">
      <a href="#">
        <img src="../assets/images/blog-clean-post-2.jpg" alt="">
        <div class="content top bg-dark">
          <span class="font-family-tertiary font-small fw-normal uppercase m-0 text-white">Tips & Tricks</span>
        </div>
      </a>
    </div>
    <div class="p-3">
      <h5 class="fw-normal m-0"><a href="#">What makes a Great Photograph</a></h5>
      <span>Apr 28, 2019</span>
    </div>
  </div>
  <!-- Blog post 3 -->
  <div>
    <div class="hoverbox-7">
      <a href="#">
        <img src="../assets/images/blog-clean-post-3.jpg" alt="">
        <div class="content top bg-dark">
          <span class="font-family-tertiary font-small fw-normal uppercase m-0 text-white">Lifestyle</span>
        </div>
      </a>
    </div>
    <div class="p-3">
      <h5 class="fw-normal m-0"><a href="#">Working from Home</a></h5>
      <span>Apr 27, 2019</span>
    </div>
  </div>
</div><!-- end owl-carousel -->
The Places We Love

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Read More
Take Better Photos

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Read More
Working from Home

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Read More 

<div class="owl-carousel owl-nav-overlap" data-owl-nav="true" data-owl-margin="30" data-owl-xs="1" data-owl-sm="1" data-owl-md="1" data-owl-lg="2" data-owl-xl="2" data-owl-autoPlay="true">
  <!-- Blog post 1 -->
  <div class="hoverbox-4 bottom border-radius">
    <img src="../assets/images/blog-clean-post-1.jpg" alt="">
    <div class="content">
      <h5>The Places We Love</h5>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
    </div>
    <div class="hover-content">
      <a class="button button-lg button-outline-white button-rounded" href="#">Read More</a>
    </div>
  </div>
  <!-- Blog post 2 -->
  <div class="hoverbox-4 bottom border-radius">
    <img src="../assets/images/blog-clean-post-2.jpg" alt="">
    <div class="content">
      <h5>Take Better Photos</h5>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
    </div>
    <div class="hover-content">
      <a class="button button-lg button-outline-white button-rounded" href="#">Read More</a>
    </div>
  </div>
  <!-- Blog post 3 -->
  <div class="hoverbox-4 bottom border-radius">
    <img src="../assets/images/blog-clean-post-3.jpg" alt="">
    <div class="content">
      <h5>Working from Home</h5>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</p>
    </div>
    <div class="hover-content">
      <a class="button button-lg button-outline-white button-rounded" href="#">Read More</a>
    </div>
  </div>
</div><!-- end owl-carousel -->

04

Feb

Blog Post Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Read more

03

Feb

Blog Post Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Read more

02

Feb

Blog Post Title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Read more 

<!-- Blog section -->
<div class="section">
  <div class="container">
    <!-- Blog post box 1 -->
    <div class="blog-card-wrapper bg-image border" data-bg-src="../assets/images/col-1.jpg">
      <div class="blog-card">
        <div class="blog-card-date">
          <h1 class="display-4 fw-medium text-color-theme m-0">04</h1>
          <h6 class="font-small uppercase letter-spacing-1">Feb</h6>
        </div>
        <h4 class="fw-medium mt-2"><a class="text-link-1" href="#">Blog Post Title</a></h4>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
        <a class="button-text-3 d-inline-block mt-4" href="#">Read more</a>
      </div>
    </div>
    <!-- Blog post box 2 -->
    <div class="blog-card-wrapper bg-image border mt-4" data-bg-src="../assets/images/col-1.jpg">
      <div class="blog-card">
        <div class="blog-card-date">
          <h1 class="display-4 fw-medium text-color-theme m-0">03</h1>
          <h6 class="font-small uppercase letter-spacing-1">Feb</h6>
        </div>
        <h4 class="fw-medium mt-2"><a class="text-link-1" href="#">Blog Post Title</a></h4>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
        <a class="button-text-3 d-inline-block mt-4" href="#">Read more</a>
      </div>
    </div>
    <!-- Blog post box 3 -->
    <div class="blog-card-wrapper bg-image border mt-4" data-bg-src="../assets/images/col-1.jpg">
      <div class="blog-card">
        <div class="blog-card-date">
          <h1 class="display-4 fw-medium text-color-theme m-0">02</h1>
          <h6 class="font-small uppercase letter-spacing-1">Feb</h6>
        </div>
        <h4 class="fw-medium mt-2"><a class="text-link-1" href="#">Blog Post Title</a></h4>
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
        <a class="button-text-3 d-inline-block mt-4" href="#">Read more</a>
      </div>
    </div>
  </div><!-- end container -->
</div>
<!-- end Blog section -->