Blog

Different styles for showcasing your latest news, blog posts.

Minimal

<article class="news">
  <a href="">
    <h3 class="news-title">Learning webdesign from scratch</h3>
    <time datetime="2018-02-02">2 February</time>
  </a>
</article>

Default

<article class="tile">
  <div class="tile-image" style="background-image: url(path/to/image)"></div>
  <a href="">
    <div class="tile-header">
      <span class="eyebrow mb-1">Design</span>
      <h3>Quick guide on traveling with friends.</h3>
    </div>
    <div class="tile-footer">
      <button class="btn btn-ico btn-outline-white btn-rounded">
        <i class="icon-arrow-right2 fs-20"></i>
      </button>
    </div>
  </a>
</article>
.on-hover
Add this class to .tile-header or .tile-footer to make it slide on hover.