{{- $c := site.Data.content -}}
<a class="skip" href="#contact">{{ $c.header.a_1 }}</a>
<div class="intro" aria-hidden="true">
  <p class="small" data-k="i-est">{{ $c.header.p_2 }}</p>
  <p class="small i-load" data-k="i-load">{{ $c.header.p_3_html | safeHTML }}</p>
  <p class="i-word" data-k="i-word"></p>
</div>
<header class="bar">
  <button class="b ink small menu-btn" type="button" data-k="b-menu" aria-expanded="false" aria-controls="menu"><span data-hover data-menu-label>{{ $c.header.span_4 }}</span></button>
  <a class="b ink small" href="#contact" data-k="b-write"><span data-hover>{{ $c.header.span_5 }}</span></a>
</header>
<a class="logo" href="#top" aria-label="Telaro, back to top">{{ $c.header.a_6 }}</a>
<nav id="menu" class="menu" aria-label="Main">
  <ul class="b mn-links" data-k="mn-links">
    <li><a href="#top"><span class="small">{{ $c.header.span_7 }}</span><span data-hover>{{ $c.header.span_8 }}</span></a></li>
    <li><a href="#manifesto"><span class="small">{{ $c.header.span_9 }}</span><span data-hover>{{ $c.header.span_10 }}</span></a></li>
    <li><a href="#collections"><span class="small">{{ $c.header.span_11 }}</span><span data-hover>{{ $c.header.span_12 }}</span></a></li>
    <li><a href="#ateliers"><span class="small">{{ $c.header.span_13 }}</span><span data-hover>{{ $c.header.span_14 }}</span></a></li>
    <li><a href="#contact"><span class="small">{{ $c.header.span_15 }}</span><span data-hover>{{ $c.header.span_16 }}</span></a></li>
  </ul>
  <div class="b mn-box" data-k="mn-a">
    <p class="small">{{ $c.header.p_17 }}</p>
    <p>{{ $c.header.p_18 }}</p>
    <p><a href="mailto:atelier@example.com">{{ $c.header.a_19 }}</a></p>
    <p><a href="tel:+351220000000">{{ $c.header.a_20 }}</a></p>
  </div>
  <div class="b mn-box" data-k="mn-b">
    <p class="small">{{ $c.header.p_21 }}</p>
    <p><a href="#">{{ $c.header.a_22 }}</a></p>
    <p><a href="#">{{ $c.header.a_23 }}</a></p>
    <p><a href="#">{{ $c.header.a_24 }}</a></p>
  </div>
</nav>