rcaneppele/header-flex.html

## header-flex.html
<!DOCTYPE html>
<html>
	<head>
		<title>Mirror Fashion</title>
		<meta charset="utf-8" />

		<link rel="stylesheet" href="css/reset.css" />
		<style>
			.menu-opcoes li {
				display: inline;
			}
			.container {
				margin: 0 auto;
				width: 940px;
				min-height: 100%;
			}
			.sacola {
				background: url(img/sacola.png) no-repeat top right;

				width: 140px;
				font-size: 14px;
				text-align: right;
				padding-right: 35px;
				padding-top: 8px;
			}
		</style>
	</head>

	<body>
		<header class="container">
			<h1>
				<img src="img/logo.png" alt="Mirror Fashion">
			</h1>

			<p class="sacola">
				Nenhum item na sacola de compras
			</p>

			<nav class="menu-opcoes">
				<ul>
					<li><a href="#">Sua Conta</a></li>
					<li><a href="#">Lista de Desejos</a></li>
					<li><a href="#">Cartão Fidelidade</a></li>
					<li><a href="sobre.html">Sobre</a></li>
					<li><a href="#">Ajuda</a></li>
				</ul>
		</nav>
		</header>
	</body>
</html>