<h2 class="styleguide-title">Paragraph types</h2>
<div class="preview-inner-container">
    <h3 class="styleguide">Normal paragraph</h3>
    <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong>        ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur
        risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
    <h3 class="styleguide">Small text paragraph</h3>
    <p class="small">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong>        ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur
        risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
    <h3 class="styleguide">Caption text paragraph</h3>
    <p class="caption">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong>        ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur
        risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
    <h3 class="styleguide">Left aligned paragraph</h3>
    <p class="text-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong>        ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur
        risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
    <h3 class="styleguide">Right aligned paragraph</h3>
    <p class="text-right">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong>        ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur
        risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque.</p>
</div>
<h2 class="styleguide-title">Paragraph types</h2>
<div class="preview-inner-container">
  <h3 class="styleguide">Normal paragraph</h3>
  {% include '@paragraph' %}
  <h3 class="styleguide">Small text paragraph</h3>
  {% include '@paragraph--small-text'
    with {
      'modifier': 'small'
    }
  %}
  <h3 class="styleguide">Caption text paragraph</h3>
  {% include '@paragraph--caption-text'
    with {
    'modifier': 'caption'
    }
  %}
  <h3 class="styleguide">Left aligned paragraph</h3>
  {% include '@paragraph--left-text'
    with {
    'modifier': 'text-left'
    }
  %}
  <h3 class="styleguide">Right aligned paragraph</h3>
  {% include '@paragraph--right-text'
    with {
    'modifier': 'text-right'
    }
  %}
</div>
{
  "items": [
    "<a href='#'>Stad.gent</a>",
    "<a href='#'>Overview</a>",
    "<span>Overview</span>",
    "<span>Overview</span>",
    "<span>Page title</span>"
  ],
  "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin mauris vel nisi condimentum accumsan. Phasellus eget est condimentum erat fringilla congue. Duis malesuada justo ut tincidunt tincidunt. Vestibulum in felis quam. In <strong>varius</strong> ligula vel ultricies consequat. Cras fringilla blandit purus nec <a href='javascript:(void);'>fermentum</a>. Vivamus tristique ac mi a <i>pulvinar</i>. Quisque non ipsum tortor. Nunc nec odio non tellus malesuada molestie id sed ipsum. Curabitur risus ex, aliquet sed orci a, sagittis finibus sem. Ut bibendum purus id sodales scelerisque."
}

There are no notes for this item.