Untitled

<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			body
			{
				width: 960px;
				margin: 0 auto;
			}
			#content
			{
				overflow: auto;
				height: 100%;

			}
			#nav, #feature, #footer
			{
				background-color: #efefef;
				padding: 10px;
				margin: 10px;
				text-align: center
			}
			.column1, .column2, .column3
			{
				background-color: #efefef;
				width: 300px;
				float: left;
				margin: 10px;
			}
			li
			{
				display: inline;
				padding: 5px;
			}
		</style>
	</head>
	<body>
		<div id="header">
			<h1>Logo</h1>
			<div id="nav">
				<ul>
					<li><a href="">Strona główna </li>
					<li><a href="">Produkty </li>
					<li><a href="">Usługi </li>
					<li><a href="">O nas </li>
					<li><a href="">Kontakt </li>
				</ul>
			</div>
		</div>
		<div id="content">
			<div id="feature">
				<p>Opis</p>
			</div>
			<div class="article column1">
				<p>Kolumna pierwsza</p>
			</div>
			<div class="article column2" style="text-align: center;">
				<p>Kolumna druga</p>
			</div>
			<div class="article column3" style="text-align: right;">
				<p>Kolumna trzecia</p>
			</div>
		</div>
		<div id="footer">
			<p>&copy; Wszelkie prawa zastrzeżone. Utworzono w 2011r.</p>
		</div>
	</body>
</html>