Basic Layout Tags in HTML

For the site header, you should use the header tag, for the footer - the footer tag, for the sidebar - the aside tag, for the content - the main tag. Let's see how the site layout written using these tags will look:

<div id="wrapper">
	<header>
		header
	</header>
	<div id="container">
		<aside>
			sidebar
		</aside>
		<main>
			content
		</main>
	</div>
	<footer>
		footer
	</footer>
</div>

For the menu, you should use the nav tag:

<nav>
	<a href="#"></a>
	<a href="#"></a>
	<a href="#"></a>
</nav>

The following code is given:

<div id="wrapper">
	<div id="header">
		<div id="menu">
			<a href="#"></a>
			<a href="#"></a>
			<a href="#"></a>
		</div>
	</div>
	<div id="container">
		<div id="sidebar">
			sidebar
		</div>
		<div id="content">
			content
		</div>
	</div>
	<div id="footer">
		footer
	</div>
</div>

Transform this code using the new tags you learned.