Untitled

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<meta name="description" content="Stronka internetowa :3"/>
		<meta name="author" content="Wojciech Hołuj"/>
		<meta name="robots" content="follow"/>
		<title> Sprawdzianik  </title>
		<style>
			body
			{
			margin:0;
			padding:0;
			}

			#pojemnik
			{
			width:1200px;
			margin:0 auto;
			overflow:hidden;
			}

			header
			{
			text-align:center;
			font-family:arial;
			height:150px;
			background-color:rgb(0,206,209);
			}

			#lewo
			{
			float:left;
			width:300px;
			height:400px;
			background:rgb(224,255,255);
			border-right: dashed 2px rgb(0,128,128);
			}
			#menu li{
			list-style:none;
			padding:3px;
			}

			#menu a{
			text-decoration:none;
			color:black;
			font-family:arial;
			background-color:rgb(0,206,209);
			border: solid 2px black;
			width:100px;
			}

			#prawo
			{
			float:right;
			width:897px;
			height:400px;
			background:rgb(224,255,255);
			}

			h2{
			text-align:center;
			font-family:arial;
			}
			ol{
			margin: 0px 300px;
			}

			#lista{
			margin: 0px -300px;
			}

			footer
			{
			text-align:center;
			clear:both;
			background-color:rgb(0,206,209)
			}


		</style>
	</head>
	<body>
		<div id="pojemnik">
			<header>
				<h1> Strona internetowa </h1>
			</header>
			<div id="lewo">
			<div id="menu">
				<ul>
					<li><a href="index.html"> Strona główna </a></li>
					<li><a href="index.html"> Podstrona nr 1 </a></li>
					<li><a href="index.html"> Podstrona nr 2 </a></li>
					<li><a href="index.html"> Pomoc	</a></li>
				</ul>
			</div>
			</div>
			<div id="prawo">
				<h2> Informacje </h2>
				<ol>
					<li>Dane ucznia: <br/>
					<div id="lista">
						<ol>
							<li> xD </li>
							<li>d</li>
							<li>d</li>
							<li>d</li>
						</ol>
					</div>
					</li>
					<li>xD</li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
			</div>
				<img src="html5.png" alt="xD"/>
			<footer>
				<h3> Strona utworzona przez Wojciech Hołuj </h3>
			</footer>
		</div>
	</body>
</html>