<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<div id=menu_gorne>
<div id=menu_gorne_lewa>
</div>
<div id=oferta><a class="hiper">OFERTA</a></div>
<div id=aktu><a class="hiper" href="<?php echo get_permalink(11) ?>">AKTUALNOŚĆI</a></div>
<div id="center" style=" background-color: red"></div>
<div id=lokale><a class="hiper">LOKALE</a></div>
<div id=galeria><a class="hiper">GALERIA</a></div>
<div id=kontakt><a class="hiper">KONTAKT</a></div>
<div id="menu_gorne_prawa">
</div>
</div>
<div id=aktu2 style="background-color: grey">
</div>
<div id=pojemnik>
<div id=aktu4>
</div>
<div id=aktu3 style="background-color: green">
</div>
</div>
<div id=aktu5 style="background-color: blue">
<br>
<br>
</div>
</body>
</html>
// Code goes here
/* Styles go here */
#menu_gorne {
width: 1900px;
height: 155px;
float: left;
clear: both;
background-color: white;
}
#menu_gorne_prawa {
width: 700px;
height: 100px;
float: left;
}
#menu_gorne_center {
width: 200px;
height: 160px;
float: left;
}
#aktu2 {
width: 1900px;
height: 751px;
}
#aktu3 {
width: 921px;
height: 158px;
float: left;
clear: both;
position: absolute;
top: 700px;
left: 450px;
}
#aktu4 {
float: left;
}
#aktu5 {
width: 321px;
height: 358px;
position: absolute;
top: 300px;
left: 150px;
}
#pojemnik {
float: left;
clear: both;
}
#menu_gorne_lewa {
width: 700px;
height: 160px;
float: left;
}
#center {
height: 152px;
width: 299px;
position: absolute;
top: 3px;
left: 900px;
}
#aktu {
position: absolute;
top: 60px;
left: 700px;
}
#lokale {
position: absolute;
top: 60px;
left: 1300px;
}
#galeria {
position: absolute;
top: 60px;
left: 1400px;
}
#kontakt {
position: absolute;
top: 60px;
left: 1500px;
}
#oferta {
position: absolute;
top: 60px;
left: 600px;
}