{{- $c := site.Data.content -}}
<a class="skip" href="#contact-form">{{ $c.header.a_1 }}</a>
<div class="loader" aria-hidden="true">
  <p class="caps l-est">{{ $c.header.p_2 }}</p>
  <p class="caps l-load">{{ $c.header.p_3_html | safeHTML }}</p>
  <p class="l-word" data-word></p>
</div>
<div class="curtain" aria-hidden="true"></div>
<header class="top">
  <button class="sq caps menu-btn" type="button" aria-expanded="false" aria-controls="menu"><span data-hover data-menu-label>{{ $c.header.span_4 }}</span></button>
  <a class="logo t" href="#home" aria-label="Orlo, home"><span data-hover>{{ $c.header.span_5 }}</span></a>
  <p class="crumb caps"><a href="#home">{{ $c.header.a_6 }}</a> . <span>{{ $c.header.span_7 }}</span></p>
  <a class="sq caps write" href="#contacts"><span data-hover>{{ $c.header.span_8 }}</span></a>
</header>
<nav id="menu" class="menu" aria-label="Main">
  <div class="m-a">
    <ul class="m-links t">
      <li><a href="#home" data-route="home"><span data-hover>{{ $c.header.span_9 }}</span></a></li>
      <li><a href="#home" data-cat="0"><span data-hover>{{ $c.header.span_10 }}</span></a></li>
      <li><a href="#home" data-cat="1"><span data-hover>{{ $c.header.span_11 }}</span></a></li>
      <li><a href="#home" data-cat="2"><span data-hover>{{ $c.header.span_12 }}</span></a></li>
      <li><a href="#contacts" data-route="contacts"><span data-hover>{{ $c.header.span_13 }}</span></a></li>
    </ul>
    <div class="m-foot">
      <div><p class="caps">{{ $c.header.p_14 }}</p><a class="t" href="#contact-form"><span data-hover>{{ $c.header.span_15 }}</span></a></div>
      <div><p class="caps">{{ $c.header.p_16 }}</p><p>{{ $c.header.p_17_html | safeHTML }}</p></div>
    </div>
  </div>
  <div class="m-mid">
    <div class="m-block">
      <p class="caps">{{ $c.header.p_18 }}</p>
      <p class="t">{{ $c.header.p_19 }}</p>
      <ul><li><a href="#contacts">{{ $c.header.a_20 }}</a></li><li><a href="#contacts">{{ $c.header.a_21 }}</a></li><li><a href="#contacts">{{ $c.header.a_22 }}</a></li><li><a href="#contacts">{{ $c.header.a_23 }}</a></li></ul>
      <a class="view" href="#contacts"><span data-hover>{{ $c.header.span_24 }}</span></a>
    </div>
    <div class="m-block">
      <p class="caps">{{ $c.header.p_25 }}</p>
      <p class="t">{{ $c.header.p_26 }}</p>
      <ul><li><a href="#contacts">{{ $c.header.a_27 }}</a></li><li><a href="#contacts">{{ $c.header.a_28 }}</a></li><li><a href="#contacts">{{ $c.header.a_29 }}</a></li><li><a href="#contacts">{{ $c.header.a_30 }}</a></li></ul>
      <a class="view" href="#contacts"><span data-hover>{{ $c.header.span_31 }}</span></a>
    </div>
    <div class="m-block">
      <p class="caps">{{ $c.header.p_32 }}</p>
      <p class="t">{{ $c.header.p_33 }}</p>
      <ul><li><a href="#contacts">{{ $c.header.a_34 }}</a></li><li><a href="#contacts">{{ $c.header.a_35 }}</a></li><li><a href="#contacts">{{ $c.header.a_36 }}</a></li></ul>
      <a class="view" href="#contacts"><span data-hover>{{ $c.header.span_37 }}</span></a>
    </div>
  </div>
  <div class="m-side">
    <div class="m-c"><p class="caps">{{ $c.header.p_38 }}</p><a href="#">{{ $c.header.a_39 }}</a><br><a href="#">{{ $c.header.a_40 }}</a><br><a href="#">{{ $c.header.a_41 }}</a><br><a href="#">{{ $c.header.a_42 }}</a></div>
    <div>
      <div class="m-c lang"><p class="caps">{{ $c.header.p_43 }}</p><a href="#" aria-current="true">{{ $c.header.a_44 }}</a><br><a href="#">{{ $c.header.a_45 }}</a></div>
      <div class="m-c"><p class="caps">{{ $c.header.p_46 }}</p><a href="#">{{ $c.header.a_47 }}</a><br><a href="#">{{ $c.header.a_48 }}</a></div>
    </div>
  </div>
</nav>