Untitled

<!doctype html>
<head>
<meta charset="UTF-8">
<title>Restauracja wszystkie smaki</title>
<link rel="stylesheet" type="text/css" href="styl1.css">
</head>
<body>
<div id="gura"><h1>Witamy w restauracji „Wszystkie Smaki</h1></div>
<div id="lewo"><img src="menu.jpg" alt="Nasze danie"></div>
<div id="prawo">
<h4>„U nas dobrze zjesz!”</h4>
<ul>
<li>Obiady od 40zl</li>
<li>Przekąski od 10zl</li>
<li>Kolacje od 20zl</li>
</ul>
</div>
<div id="dul">
<h2>Zarezerwuj stolik on-line</h2>
<form method="POST">
Data (format rrrr-mm-dd)<br>
<input type="text" name="xd1"><br>
ile osob????????????????????????????<br>
<input type="number" name="xd2"><br>
Twuj numer telefonu<br>
<input type="text" name="xd3"><br>
<input type="checkbox" name="xd4"><label for="xd4">Zgadzam sie na przestawianie danych</label><br>
<input type="reset" value="wyczysc">
<input type="submit" value="rezerwuj">
</form>
</div>
<div id="stopka"><i>strone internetowa opracowal adas szmulc</i></div>
</body>


body { background-color: #f6e5dc; font-family: Tahoma;}
#gura { background-color: #2f180c; text-align: center; color: white; height: 60px;}
#lewo { width: 60%; float:left;}
#prawo { font-size: 200%; padding: 50px;}
#dul { background-color: #d0b6a8; text-align: center; padding: 30px;}
#stopka { background-color: #2f180c; color: white; height: 60px;}
img { height: 400px;}
ul { list-style-type: circle;}