Untitled

<html>
<head><title>stronka</title>
<meta charset="utf-8">
	<style>
      #calosc {
        outline:1px solid;
		width:1071px;
		height:672px;
      }


      #calosc:after {
        display:block;
        clear:both;
      }

      #panellewy {
		background-color:white;
		outline:1px solid;
        float:left;
		height:202px;
        width:900px;
      }

      #panelprawy {
		background-color:white;
		color:green;
		outline:1px solid;
        float:left;
        width:171px;
		height:202px;
      }

	  #panellewydol {
		background-color:white;
		outline:1px solid;
        float:left;
        width:122px;
		height:470px;
      }

	  #panellewydol:after {
        display:block;
        clear:both;
      }


	  #panelsrodek {
		display:table;
		background-color:#66FF99;
		outline:1px solid;
        float:left;
		text-align:center;
        width:778px;
		height:444px;
      }

	  #panelprawydol {
		background-color:white;
		outline:1px solid;
        float:left;
        width:171px;
		height:444px;
      }

	  #text{
	  vertical-align: middle;
	  display: table-cell;}

	  #podloga {
		background-color:white;
		outline:1px solid;
        float:left;
        width:949px;
		height:26px;
		text-align:center;
      }

					#panellewydol1 {
					background-color:green;
					outline:1px solid black;
					float:left;
					width:95px;
					height:70px;
					text-align:center;
					line-height: 70px;
					color:white;}

					#panellewydol2 {
					background-color:green;
					outline:1px solid black;
					float:left;
					width:95px;
					height:70px;
					text-align:center;
					line-height: 70px;
					color:white;}

					#panellewydol3 {
					background-color:green;
					outline:1px solid black;
					float:left;
					width:95px;
					height:70px;
					line-height: 70px;
					text-align:center;
					color:white;}

					#panellewydol4 {
					background-color:green;
					outline:1px solid black;
					float:left;
					width:95px;
					height:127px;
					line-height:127px;
					text-align:center;
					color:white;}

					#panellewydol5 {
					background-color:green;
					outline:1px solid black;
					float:left;
					width:95px;
					height:58px;
					line-height:58px;
					text-align:center;
					color:white;}

    </style>
</head>

  <body>

    <div id="calosc">
      <div id="panellewy"><img src="logo.png" width="900px" height="182px" alt="Błąd odczytu loga strony"></div>
      <div id="panelprawy"><h1><center>Telefon kontaktowy: <br><br> 508 125 953</center></h1></div>
	  <div id="panellewydol">
	  <div id="panellewydol1">Menu</div>
	  <div id="panellewydol2">O firmie</div>
	  <div id="panellewydol3">Oferta</div>
	  <div id="panellewydol4">Formularz</div>
	  <div id="panellewydol5">Kontakt</div>
	  </div>

	  <div id="panelsrodek"><div id="text"><h1>Adrian Wójtowicz,<br>klasa 3TI</h1></div></div>
	  <div id="panelprawydol"><center>
	  <a href="www.intel.pl"><img src="intel.jpg" width="150px" height="150px" ></a><br><br><br>
	  <a href="www.gigabyte.pl"><img src="gigabyte.jpg" width="170px" height="74px" ></a><br><br><br>
	  <a href="www.goodram.pl"><img src="goodram.jpg" width="130px" height="87px" ></a>
	  </center>
	  </div>
	  <div id="podloga">18 października 2017 r.</div>

    </div>

</body>
</html>