<header class="global-header container">
                <a href="/" title="Harper Creative homepage"><img src="/assets/img/global/harper-creative-logo.png" alt="logo" class="logo"></a>
                <div class="global-header-contact">
                  {exp:channel:entries
                    channel="single"
                    disable="categories|category_fields|member_data|pagination|trackbacks"
                    dynamic="off"
                    require_entry="yes"
                    entry_id="14"
                  }
                  <ul class="contact-options">
                    <li>t: <strong>{single_telephone}</strong></li>
                  </ul>
                  <ul class="social-media">
                    <li><a href="{single_facebook}" title="Facebook" target="_blank"><span class="icon icon-facebook"></span></a></li>
                    <li><a href="{single_twitter}" title="Twitter" target="_blank"><span class="icon icon-twitter"></span></a></li>
                    <li><a href="mailto:{single_email}" title="Email"><span class="icon icon-mail"></span></a></li>
                  </ul>
                  {/exp:channel:entries}
                </div>
              </header><!-- /header -->

              <nav class="main-nav container">
                <ul>
                  <li><a href="/" title="Home" {if segment_1 == ""}class="active"{/if}>Home</a></li>
                  <li><a href="/services/" title="Services" {if segment_1 == "services"}class="active"{/if}>Services</a></li>
                  <li><a href="/work/" title="Work" {if segment_1 == "work"}class="active"{/if}>Work</a></li>
                  <li><a href="/about/" title="About us" {if segment_1 == "about"}class="active"{/if}>About us</a></li>
                </ul>
              </nav>