pawel

<!DOCTYPE HTML>
<HTML>
<HEAD>
<title> zadanie 1</title>
<meta charset="utf-8">
<link rel="Stylesheet" href="style.css">
</HEAD>
<BODY>


<div id="main">
<div id="banerl">
<p class="foto"><img src="pobrane.png" alt="zdjecie" ></p>
</div>
<div id="banerp">
ZSP w Oleśnicy
</div>
<div id="left">
<h1>Gatunki Zwierząt</h1><br><br>
PTAKI<br>
SSAKI<br>
GADY<br>
PŁAZY
</div>
<div id="mid">
<h1>Zwierzęta</h1><br>
królestwo obejmujące wielokomórkowe organizmy
cudzożywne o komórkach eukariotycznych,
bez ściany komórkowej, w większości
 zdolne do aktywnego poruszania się.
 Są najbardziej zróżnicowanym gatunkowo
 królestwem organizmów. Największą grupę
 zwierząt stanowią bezkręgowce, a wśród nich owady. Drugą, obok bezkręgowców, grupą zwierząt są kręgowce. Wśród nich tradycyjnie wyróżnia się ryby, płazy, gady, ptaki i ssaki, do których należy również człowiek.
</div>


<div id="stopka">
Informacje aktualizacyjne<br>
Informacje aktualizacyjne<br>
Informacje aktualizacyjne<br>
Informacje aktualizacyjne
</div>
<div id="stopka2">
STOPKA
</div>
</BODY>
</HTML>


#main{
	height: 1000px;
	width:  800px;

}
#banerl
	{

	 height: 105px;
	 width: 220px;
	 background-color: #882D17;
	 float: left;
	 text-align: center;

	}
p.foto img{
width:100px;
height:70px;
margin: 1mm;
}


.foto:hover { background-color: green;
	height: 125px;
	 width: 220px;
	text-align: center;
}


#banerp
{
	 background-color: #882D17;
	 width: 580px;
	 height: 105px;
	 Font-size:30px;
	 float: right;
	 text-align: center;


}

#left
{
	height: 600px;
	width: 220px;
	background-color: #DEB887;
	float: left
}
#mid{
	height: 600px;
	width: 580px;
	background-color: #DEB887;
	float: left;
	text-align: center;
}


#stopka
{
	clear: both;
	height: 55px;
	width: 800px;
	background-color: #bc8f8f;
	text-align: center;
	font-size: 11px;
}

#stopka2{
	clear: both;
	height: 55px;
	width: 800px;
	background-color: #800000;
	font-size: 30px;
	text-align: center;
}