Article

<article class="rg-article">
    <h1 class="rg-article-title">We’re building a better Application!</h1>
    <p class="rg-article-intro">Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.</p>
    <p>At Mozilla, we’re a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.</p>
</article>
<article class="rg-article">
  <h1 class="rg-article-title">{{title}}</h1>
  <p class="rg-article-intro">{{intro}}</p>
  <p>{{text}}</p>
</article>
{
  "title": "We’re building a better Application!",
  "intro": "Our mission is to ensure the Internet is a global public resource, open and accessible to all. An Internet that truly puts people first, where individuals can shape their own experience and are empowered, safe and independent.",
  "text": "At Mozilla, we’re a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future."
}

A long-form body of text. This is typically multiple paragraphs, often with subheadings, and should be the primary content on the page.

Tips

  • Optionally, you could add a short introductory paragraph to your article with the rg-article-intro class to it, which essentially increases the font-size relative to the other paragraph tags that follow.