Foehn Design System

Autority Info 

<h2>Service name</h2>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam libero aliquid enim dolores minus sint dolor nisi harum deleniti cumque aspernatur nihil, non obcaecati quae vero quisquam nostrum ab! Laudantium.</p>

<ul class="vd-list-icons">

    <li>
        <span class="fa fa-info-circle" aria-hidden="true"></span> <a href="#">Plus d&#39;information</a>
    </li>

</ul>

<p>
    <a href="#" title="Contacter l&#39;office link to somewhere" class="btn btn-dark">Contacter l&#39;office</a>

</p>
 
<h2>{{ name }}</h2>

<p>{{ description }}</p>

{% include '@list-icon' %}

<p>
  {% render '@button--default', button, true %}
</p>
 
{
  "name": "Service name",
  "description": "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Totam libero aliquid enim dolores minus sint dolor nisi harum deleniti cumque aspernatur nihil, non obcaecati quae vero quisquam nostrum ab! Laudantium.",
  "listIcon": {
    "items": [
      {
        "item": "Plus d'information",
        "icon": "fa-info-circle",
        "url": "#"
      }
    ]
  },
  "button": {
    "text": "Contacter l'office"
  }
}

No notes defined.