<!DOCTYPE HTML> <html lang=“en”>

<head>

<meta http-equiv="Content-Type" charset="UTF-8" />
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<title>{{ page.title }} | {{ site.title }}</title>
<meta name="description" content="">
<meta name="web-author" content="Manoverboard Inc. http://www.manoverboard.com">
<meta name="author" content="">
<meta name="theme-color" content="#FFFFFF">
<!-- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -->
<!--[if lt IE 9]><script src="/js/html5shiv.js"></script><![endif]-->
<!-- favicons -->
<!-- barba -->
<!--<script src="https://unpkg.com/@barba/core@2.9.7/dist/barba.umd.js"></script>
<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=default%2CArray.prototype.find%2CIntersectionObserver"></script> -->
<!-- gsap -->
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.5.1/gsap.min.js"></script> -->
<!-- scripts -->
<script
    src="https://code.jquery.com/jquery-3.5.1.min.js"
        integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
    crossorigin="anonymous">
</script>
<script src="/assets/js/global.js"></script>
<!-- css -->
<link rel="stylesheet" href="/assets/css/main.css">  
<!-- font preload -->
<!-- <link rel="preload" href="__HARD_URL_HERE__" as="font" type="font/woff" crossorigin>-->
<!-- end wp head -->

</head>

<body id=“bodyID” data-barba=“wrapper”>

<a id="skipLink" href="#skipNavigation">Skip Navigation</a>
<header id="mainHeader" class="main-header wo">
    <div class="main-header__logo-area">
        <a href="/">
            <img src="/images/image.jpg" alt="Logo" />
        </a>
    </div>
    <nav id="mainNav" class="main-header__nav">
        <a class="{% if page.url == "/" %}active{% endif %} main-header__nav__link" href="/">Page</a>
    </nav>
</header>
<div id="skipNavigation"></div>