<!-- kırmızı kutu -->
	<div style="background-color:#FF6633; width:150px; height:100px; color:#ffffff; padding:10px;"> 
Deneme Metni 1 </div>

<!-- mavi kutu -->
	<div style="background-color:#00B8F5; width:450px; height:200px; color:#ffffff; padding:20px; position:absolute; top:60px; left:100px; z-index:10"> 
Deneme Metni 2 </div>
	
<!-- yesil kutu -->
	<div style="background-color:#B8F500; width:350px; height:400px; color:#ffffff; padding:20px; position:absolute; top:180px; left:80px;  z-index:7"> 
Deneme Metni 3 </div>

<!-- mor kutu -->
	<div style="background-color:B800F5; width:250px; height:100px; color:#ffffff; padding:20px;  position:absolute; top:260px; left:250px; text-align:center; z-index:15"> 
<img src="c3.jpg" width="71" height="82" /> </div>

<div style="width:60px; height:80px; border:1px">
<!-- cimler -->
<img src="cimler.gif" width="600" height="206" style="position:absolute; top:260px; z-index:20;" /> 

<!-- gokyuzu -->
<img src="gokyuzu.gif" width="600" height="356" style="position:absolute; top:20px; left:0; z-index:10;" />

<!-- gunes -->
<img src="gunes.gif" width="202" height="168" style="position:absolute; top:80px; left:50px; z-index:20;" />

<!-- agac -->
<img src="agac.gif" width="288" height="434" style="position:absolute; top:0px; left:250px; z-index:15;" />

</div>