papercss/docs/content/docs/components/articles.md

---
title: Articles
description: PaperCSS Articles
---
<article class="article">
  <h1 class="article-title">
    <a href="#">Article Title</a>
  </h1>
  <p class="article-meta">
    Written by <a href="#">Super User</a> on 24 November 2017. Posted in <a href="#">Blog</a>
  </p>
  <p class="text-lead">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur repellendus excepturi, consequatur illo rerum, non sint asperiores dolore sapiente, vitae blanditiis. Officiis at quaerat modi earum, fugiat magni impedit, aperiam.
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?
  </p>
  <p>
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti iure totam nam debitis aliquid impedit, et quas omnis aspernatur optio molestias ex laborum quia. Ducimus culpa tempore, veritatis officia delectus dolore dignissimos reprehenderit vero, sunt odit placeat est non molestiae ipsa nam velit in iusto hic quasi similique facere. Maxime?
  </p>

  <div class="row">
    <button>Read More</button>
    <button>5 Comments</button>
  </div>
</article>

#### Code:

```html
<article class="article">
  <h1 class="article-title"><a href="">Article Title</a></h1>
  <p class="article-meta">Written by <a href="#">Super User</a></p>
  <p class="text-lead"> Lorem... </p>
  <p>Lorem...</p>

  <div class="row">
    <button>Read More</button>
    <button>5 Comments</button>
  </div>
</article>
```