[[+partition:is=`header`:then=`
<header>
  <div class="wrapper">
    <span class="overlay"></span>
    <div class="header-table">
      <div data-id="logo" class="header-table-column">
        <span id="logo"><a href="/" title="[[++site_name]]"><img src="[[++design.logo]]" alt="[[++site_name]]" /></a></span>
      </div>
      <div data-id="mobilenav" class="header-table-column">
        <span id="mobilenav"><span class="a"><span class="icon"></span></span></span>
      </div>
      <div data-id="mobilesocials" class="header-table-column">
        <div class="mobilesocials-inner">
          [[+mobileservices]]
        </div>
      </div>
      <div data-id="navigation" class="header-table-column">
        <div class="navigation-inner">
          [[+services]]
          <div class="account">
            <ul>
              [[!web.header.navigation.account.buttons]]
            </ul>
          </div>
          <br class="clear" />
        </div>
        <br class="clear" />
        [[+navigation]]
      </div>
    </div>
  </div>
</header>
`]]

[[+partition:is=`header.navigation`:then=`
<div id="navigation">
  <div class="navigation-table">
    <div data-id="logo" class="navigation-table-row">
      <div class="navigation-table-cell">
        <span id="logo"><a href="/" title="[[++site_name]]">
          <noscript><img src="assets/images/default/header/globelocums.png" alt="[[++site_name]]" /></noscript>
          <img data-src="assets/images/default/header/globelocums.png" src="data:image/gif;base64,R0lGODlhHAAVAIAAAP///wAAACH5BAEAAAAALAAAAAAcABUAAAIWhI+py+0Po5y02ouz3rz7D4biSJZfAQA7" alt="[[++site_name]]" class="lazyload" />
        </a></span>
        <span class="fader"><span></span><span></span></span>
      </div>
      <span id="close-mobile-nav" class="close"><span class="icon"></span></span>
    </div>
    <div data-id="navigation" class="navigation-table-row">
      <div class="navigation-table-cell">
        <div class="scrollable">
          <nav>
            <ul>
              [[+items]]
            </ul>
          </nav>
        </div>
      </div>
    </div>
    <div data-id="buttons" class="navigation-table-row">
      <div class="navigation-table-cell">
        <span class="fader"><span></span><span></span></span>
        <div id="buttons">
          <ul>
            [[!web.header.mobilenav.account.buttons]]
          </ul>
        </div>
      </div>
    </div>
    <div data-id="copyright" class="navigation-table-row">
      <div class="navigation-table-cell">
        <span class="fader"><span></span><span></span></span>
        <div id="copyright">
          &copy;[[+nowdate:default=`now`:strtotime:date=`%Y`]] [[++site_name]]
        </div>
      </div>
    </div>
  </div>
</div>
`]]

[[+partition:is=`header.navigation.x`:then=`
<li class="[[+class]]"><a href="[[+uri]]" title="[[+pagetitle]]"><span class="text">[[+pagetitle]]</span></a>[[+submenu]]</li>
`]]

[[+partition:is=`header.navigation.x.submenu`:then=`
<span class="toggle"><a title="~"><span class="icon"></span></a></span>
<div class="submenu">
  <span class="pointer"><span class="icon"><span></span></span></span>
  <div class="submenu-inner">
    [[+lists]]
  </div>
</div>
`]]

[[+partition:is=`header.navigation.list`:then=`
<ul>
  [[+items]]
</ul>
`]]

[[+partition:is=`header.services`:then=`
<div class="socials">
  <ul>
    [[+items]]
  </ul>
</div>
`]]

[[+partition:is=`header.services.x`:then=`
<li data-service="[[+type]]"><a href="[[+link]]" target="_blank" title="[[+type]]"><span class="icon"></span></a></li>
`]]