breadandbutter+verticlenav.html

<!DOCTYPE html>
<html>
<head>
    <meta name="author" content="Umar Taufiq">
	<link rel="stylesheet" type="text/css" href="css/breadandbutter.css">
	<link rel="stylesheet" type="text/css" href="css/navflex.css">
	<title>Bread and Butter Layout + Holy Grail + Verticle Nav</title>
</head>
<body id="body" class="vert viewport">
    <!-- bread butter and holy grail = bbhg -->
	<section id="bbhg" class="full-height">
        <header>BREAD AND BUTTER + HOLY GRAIL</header>
        <main class="horizontal space-between">
            <nav id="bbhg-nav">
                <ul>
                    <a href="#">link 1</a>
                    <a href="#">link 2</a>
                    <a href="#">link 3</a>
                    
                </ul>
            </nav>
            <article>ARTICLE</article>
            <aside>aside</aside>
        </main>
        <footer>Bottom</footer>
    </section>
    
</body>
</html>