<section class="t-themed-section">
<div class="t-color--light">
<div class="o-layer o-layer--base">
<div class="o-retain o-retain--default">
<div class="o-layout o-layout--fit o-layout--justify">
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Facebook">
<span class="u-visually-hidden">Facebook</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-facebook" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Instagram">
<span class="u-visually-hidden">Instagram</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-instagram" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="Twitter">
<span class="u-visually-hidden">Twitter</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-twitter" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="LinkedIn">
<span class="u-visually-hidden">LinkedIn</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-linkedin" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="WhatsApp">
<span class="u-visually-hidden">WhatsApp</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-whatsapp" />
</svg>
</a>
</li>
</ul>
</div>
<div>
<ul class="o-layout o-layout--fit">
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="zoeken">
<span class="u-visually-hidden">zoeken</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-search" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="inloggen">
<span class="u-visually-hidden">inloggen</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-user" />
</svg>
</a>
</li>
<li>
<a href="#" class="o-button-clean c-header__nav-item" title="naar begin van pagina">
<span class="u-visually-hidden">naar begin van pagina</span>
<svg class="c-icon " aria-hidden="true">
<use xlink:href="../../dist/sprite.svg#icon-arrow-up" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="t-themed-section">
<div class="t-color--light">
<div class="o-layer o-layer--base">
<div class="o-retain o-retain--default">
<div class="o-layout o-layout--fit o-layout--justify">
<div>
<ul class="o-layout o-layout--fit">
{{# each social.items }}
<li>
{{> '@atoms-nav-icon' element='a' href='#' label=label icon=icon }}
</li>
{{/each}}
</ul>
</div>
<div>
<ul class="o-layout o-layout--fit">
<li>
{{> '@atoms-nav-icon' element='a' href='#' label='zoeken' icon='search' }}
</li>
<li>
{{> '@atoms-nav-icon' element='a' href='#' label='inloggen' icon='user' }}
</li>
<li>
{{> '@atoms-nav-icon' element='a' href='#top' label='naar begin van pagina' icon='arrow-up' }}
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
{
"social": {
"items": [
{
"label": "Facebook",
"icon": "facebook"
},
{
"label": "Instagram",
"icon": "instagram"
},
{
"label": "Twitter",
"icon": "twitter"
},
{
"label": "LinkedIn",
"icon": "linkedin"
},
{
"label": "WhatsApp",
"icon": "whatsapp"
}
]
}
}
No notes defined.