<header id="header" class="solid-header">
        <div class="centered-wrapper">

            <div class="percent-one-fourth">
                <div class="logo"><a href="index.html"><img src="images/logo.png" alt="" /></a></div>
            </div><!--end one-fourth-->

            <a class="nav-btn"><i class="fa fa-bars"></i></a>

            <div class="percent-three-fourth column-last">
                <nav id="navigation">
                    <ul id="mainnav" class="sf-menu">
                        <li class="current"><a href="index.html/#hello"><span>HELLO</span></a></li>
                        <li><a href="index.html#about"><span>ABOUT</span></a></li>
                        <li><a href="index.html#work"><span>WORK</span></a></li>
                        <li><a href="index.html#services"><span>SERVICES</span></a></li>
                        <li><a href="index.html#blog"><span>JOURNAL</span></a></li>
                        <li><a href="#extra"><span>EXTRA</span></a>
                            <ul>
                                <li><a class="external" href="elements.html">Elements</a></li>
                                <li><a class="external" href="portfolio-item-1.html">Portfolio Item 1</a></li>
                                <li><a class="external" href="portfolio-item-2.html">Portfolio Item 2</a></li>
                                <li><a class="external" href="portfolio-item-3.html">Portfolio Item 3</a></li>
                                <li><a class="external" href="portfolio-item-4.html">Portfolio Item 4</a></li>
                                <li><a class="external" href="portfolio-item-5.html">Portfolio Item 5</a></li>
                                <li><a class="external" href="blog-masonry-3-columns.html">Blog - Masonry 3 Cols</a></li>
                                <li><a class="external" href="blog-masonry-2-columns.html">Blog - Masonry 2 Cols</a></li>
                                <li><a class="external" href="blog-masonry-2-columns-sidebar.html">Blog - Masonry 2 Cols + Sidebar</a></li>
                                <li><a class="external" href="blog.html">Blog - Regular Layout</a></li>
                                <li><a class="external" href="blog-single.html">Blog - Single</a></li>
                            </ul>
                        </li>
                        <li><a href="index.html#contact"><span>CONTACT</span></a></li>
                    </ul>
                </nav><!--end navigation-->
            </div><!--end three-fourth-->
            <div class="clear"></div>
        </div><!--end centered-wrapper-->
    </header>