@project.rubberTemplate

автор: systemiv

index.html

<div class="header">
  <div id="office"></div>
  <div id="truck"></div>
  <div id="bild"></div>
  <div id="mixer"></div>
  <div id="lift"></div>
  <div id="weld"></div>
  <div id="name"></div>
  </div>

style.css

.header{
	height: 302px;
	width: 100%;
	position: absolute;
	background-image: url(../images/bg-header.png);
	background-repeat: repeat-x;
	z-index: 80;
}
 
#office{
	width: 321px;
	height: 208px;
	background-image: url(../images/office.png);
	position: absolute;
	left: 35%;
	top: 94px;
	z-index: 99;
}
 
#truck{
	width: 381px;
	height: 200px;
	background-image: url(../images/truck.png);
	position: absolute;
	left: 10%;
	top: 100px;
	z-index: 98;
 
}
 
#bild{
	width: 330px;
	height: 302px;
	background-image: url(../images/bild.png);
	z-index: 98;
	position: absolute;
	right: 0%;
}
 
#mixer{
	width: 500px;
	height: 288px;
	background-image: url(../images/mixer.png);
	z-index: 96;
	position: absolute;
	left: 20%;
	top: 14px;
}
 
#lift{
	width: 448px;
	height: 298px;
	background-image: url(../images/lift.png);
	z-index: 95;
	position: absolute;
	right: 10%;
}
 
#weld{
	width: 410px;
	height: 155px;
	background-image: url(../images/weld.png);
	z-index: 95;
	position: absolute;
	left: 3%;
	top: 60px;
}
 
#name{
	width: 506px;
	height: 32px;
	background-image: url(../images/name.png);
	z-index: 100;
	position: absolute;
	left: 5%;
	top: 260px;
}