<html>
<style>
body
{
width:1200;
height:3000px;
position: relative;
top: 0px;
left: 0px;
right: 0px;
background-repeat: no-repeat;}
#firstsoft
{
width:150px;
height: 150px;
border: 6px solid orange;
background-image: url(http://4hdwall.com/wp-content/uploads/2012/02/Cat-with-Hat-150x150.jpg);
position:relative;
top:60px;
left:-100px;
margin-left: 100px;
background-repeat: no-repeat;
}
#secondsoft
{
width:150px;
height: 150px;
border: 6px solid orange;
background-image: url(http://www.todaysfacilitymanager.com/2012_build/wp-content/uploads/happy-sad-faces-150x150.jpg);
position:relative;
top:-102px;
left:70px;
margin-left: 100px;
background-repeat: no-repeat;
}
#thirdsoft
{
width:150px;
height: 150px;
border: 6px solid orange;
background-image: url(http://www.tin-god.com/wp-content/uploads/2013/06/Sad-Clown-150x150.jpg);
position:relative;
top:-264px;
left:240px;
margin-left: 100px;
background-repeat: no-repeat;
}
#downloadme
{width:150px;
height: 35px;
border: 1px solid red;
background-color: yellow;
position:relative;
top:-260px;
left:-94px;
margin-left: 100px;
background-repeat: no-repeat;
}
#laster
{
width: 975px;
height: 112px;
background-image: url(http://uk-minicabs.com/taxi2/uae/images/footer.png);
position: relative;
top: 660px;
left: 0px;
bottom: 0px;
margin-left: 100px;
}
</style>
<body>
<div id="firstsoft"></div>
<div id="secondsoft"></div>
<div id="thirdsoft"></div>
<div id="downloadme"></div>
<div id="laster"></div>
</body>
</html>
