Untitled

<body>
    <div id="page" class="site">
    	<header id="masthead" class="site-header" role="banner">
    		<div class="site-branding">
        		<h1 class="site-title">Site title</h1>
        		<p class="site-description">site description</p>
      		</div>
      		<nav id="site-navigation" class="main-navigation" role="navigation">
	          	<div>
				<ul>
					<li><a href="#">Menu item</a></li>
					<li><a href="#">Menu item</a></li>
					<li>
						<a href="#">Menu item</a>
						<ul class="sub-menu">
							<li><a href="#">Submenu item</a></li>
						</ul>
					</li>
				</ul>
	          	</div>
    		</nav>
		</header>
		<div id="content" class="site-content">
			<div id="primary" class="content-area">
				<main id="main" class="site-main" role="main">
					Content, posts etc.
				</main>
			</div>
			<aside id="secondary" class="widget-area" role="complementary">
				<div class="widget">
					<h4 class="widget-title">Widget title</h4>
					Widget content
				</div>
			</aside>
		</div>
		<footer id="colophon" class="site-footer" role="contentinfo">
			<div class="site-info">
				Credits
			</div>
		</footer>
	</div>
</body>