Untitled

<!DOCTYPE html>
<html lang="PL-pl">
	<head>
		<meta charset="utf-8">
		<title>Ogłoszenia</title>
		<link rel="stylesheet" href="styl6.css">
	</head>

	<body>
		<header>
			<h1>Ogłoszenia drobne</h1>
		</header>

		<section class="pierwszy">
			<h3>telefon</h3>
			<p>601601601</p>
		</section>

		<section class="drugi">
			<h3>e-mail</h3>
			<p>ogloszenia@poczta.pl</p>
		</section>

		<section class="trzeci">
			<h3>Adres</h3>
			<p>ul.Morska 45 Gdynia</p>
		</section>

		<section class="czwarty">
			<img src="inkspace/logo.png">
		</section>

		<div class="lewy">
			<h2>Ceny</h2>
			<table>
				<tr>
					<td>Ile?</td>
					<td>Koszt</td>
					<td>Upust</td>
				</tr>

				<tr>
					<td>1 - 40</td>
					<td>3 PLN</td>
					<td rowspan="2">0,30 PLN dla stałych klientów</td>
				</tr>

				<tr>
					<td>41 i więcej</td>
					<td>2 PLN</td>
				</tr>
			</table>
		</div>

		<div class="srodek">
			<h2>Policz koszt ogłoszenia</h2>
			<p>Liczba ogłoszeń<input type="number"></p>
			<label for=""><input type="checkbox">Jestem stałym klientem</label>
			<button type="button" name="button">Kalkulacja</button>
		</div>

		<div class="prawy">
			<h2>Znajdujesz się na stronie portalu ogłoszeniowego</h2>
			<img src="inkspace/grafika.png" alt="Oblicz koszt ogłoszenia">
		</div>

		<footer>
			<p>Portal ogłoszeniowy opracował:</p>
		</footer>

	</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;
}