<ul class="details-list list-reset list-sm ">
<li class="icon-mail">
<a href="mailto:ola.nordmann@epost.no">ola.nordmann@epost.no</a>
</li>
<li class="icon-call">
<a href="tel:90343893">903 43 893</a>
</li>
<li class="icon-home icon-align-top">
<span>Torvgaten 64<br> 1632 Gamle Fredrikstad</span>
</li>
<li class="icon-male-colored">
<span data-title="Fødselsdato">13.04.1976</span>
</li>
<li class="icon-id-card">
<span data-title="Fødselsnummer">130476 44839</span>
</li>
</ul>
<ul class="details-list list-reset list-sm {{ class }}">
{% for detail in items %}
<li class="icon-{{ detail.icon }}">
{% if detail.link %}
<a {% if detail.link_arrow %}class="icon-arrow-forward icon-after"{% endif %} {% if detail.tooltip %}data-title="{{ detail.tooltip }}"{% endif %} href="{{ detail.link }}">{{ detail.text }}</a>
{% else %}
<span {% if detail.tooltip %}data-title="{{ detail.tooltip }}"{% endif %}>{{ detail.text }}</span>
{% endif %}
{% if detail.description %}
<span class="details-list__description">{{ detail.description }}</span>
{% endif %}
</li>
{% endfor %}
</ul>
{
"items": [
{
"icon": "mail",
"text": "ola.nordmann@epost.no",
"link": "mailto:ola.nordmann@epost.no"
},
{
"icon": "call",
"text": "903 43 893",
"link": "tel:90343893"
},
{
"icon": "home icon-align-top",
"text": "Torvgaten 64<br> 1632 Gamle Fredrikstad"
},
{
"icon": "male-colored",
"text": "13.04.1976",
"tooltip": "Fødselsdato"
},
{
"icon": "id-card",
"text": "130476 44839",
"tooltip": "Fødselsnummer"
}
]
}
There are no notes for this item.