Untitled

<!DOCTYPE html>

<html Lang="pl-PL">
	<head>
	<meta charset="UTF-8">
	<title>Kup mieszkanie</title>
	<link rel="stylesheet" href="agencja.css">
	</head>

	<body>
		<div class="lewy">
			<h1>AGENCJA NIERUCHOMOŚCI</h1>
			<h3>OFERUJEMY</h3>
			<ol>
				<li>Nowe mieszkania</li>
				<li>Domy w naszym mieście</li>
				<li>Domy w okolicy</li>
			</ol>
			<h3>NASI PRACOWNICY<h3>
			<table>
			  <tr>
				<td rowspan="3">Jan Nowak <br /> Prezes</td>
				<td>Anna Kowalska</td>
			  </tr>
			  <tr>
				<td>Katarzyna Nowakowska</td>
			  </tr>
			  <tr>
				<td>Krzysztof Kowalewski</td>
			  </tr>
			</table>
		</div>

		<div class="prawy">
			<h1>KALKULATOR CENY MIESZKANIA</h1>
			<label>Podaj metraż mieszkania w m<sup>2</sup/>: <br /> <input type="number" name="rozmiar"></label>
			<br />
			<br />
			<label>Liczba pokoi z zamontowanym okablowaniem sieciowym <br /> <input type="number" name="liczba"></label>
			<br />
			<br />
			<label><input type="checkbox">Kafelki w łazience?</label>
			<br />
			<br />
			<button type="button">OBLICZ</button>
		</div>

		<div class="stopka">
			<p>Autor strony: 00000000000<img src="logo.png" alt="nieruchomości"></p>

		</div>
	</body>

</html>


*{
margin:0px;
padding:0px;
}

header{
background-color:#993333;
color:white;
text-align:center;
height:80px;
}

section{
font-family:Tahoma;
background-color:#CC6666;
color:white;
text-align:center;
width:25%;
height:150px;
float:left;
}

.lewy{
background-color:#CC9999;
width:40%;
height:550px;
text-align:center;
float:left;
clear:both;
}

.lewy table{
border:1px dotted red;
width:100%;
}

.lewy td{
text-align:center;
}

.srodek{
background-color:#FFCCCC;
width:20%;
height:550px;
float: left;
}

.srodek button{
border:none;
padding:20px;
background-color:red;
color:white;
}

.prawy{
background-color:#CC9999;
width:40%;
height:550px;
text-align:center;
float:right;
}

footer{
background-color:#993333;
color:white;
text-align:right;
clear:both;
}