<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Pelerin Tasarım</title>
<style>
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,ul,li { margin:0; padding:0; }
#container { width:768px; height:auto; margin:0 auto; font:16px Tahoma, Geneva, sans-serif; color:#666;}
#header { width:768px; height:141px; float:left; font:16px Tahoma, Geneva, sans-serif; color:#666;}
.head1 { width:768px; height:104px; float:left;}
.head2 { width:768px; height:37px; float:left; background:url(images/head_2_bg_images.jpg) top left; background-repeat:no-repeat;}
#logo { width:428px; height:104px; float:left;}
#header_banner { width:596px; height:30px; float:left; padding-top:7px; padding-left:15px;}
#sayac { width:152px; height:30px; padding-top:7px; float:right; text-align:center;}
#logo a { outline:0;}
#logo a img { border:0px; }
.top_link { width:110px; height: 100px; float:left;}
.plrn_btn { display:block; width:107px; height:38px; float:left; border:0px; background:url(images/plrn_btn.jpg) top left; background-repeat:no-repeat; margin-top:5px;}
.sapka_btn { display:block; width:107px; height:38px; float:left; border:0px; background:url(images/spka_btn.jpg) top left; background-repeat:no-repeat; margin-top:5px;}
#content_top { width:768px; height:128px; float:left; background:url(images/content_top_bg_images.jpg) top left; background-repeat:no-repeat; margin-top:8px;}
#content { width:768px; height:auto; float:left;}
#content_left { width:176px; height:auto; float:left;}
#content_right { width:592px; height:auto; float:right;}
.right_face { width:176px; height:123px; float:left; background:url(images/face_bg.jpg) top left; background-repeat:no-repeat;}
.right_face span { display: block; width:176px; height:22px; text-align:center; margin-top:19px; float:left; }
.right_reklam1 { width:176px; height:201px; float:left; background:url(images/reklam_1bg.jpg) top left; background-repeat:no-repeat;}
.right_reklam1 span { display: block; width:176px; height:22px; text-align:center; margin-top:9px; float:left; }
#content_right_top { width:592px; height:166px; float:left;}
#right_product { width:296px; height:166px; float:left; background:url(images/right_top_product.jpg) top left; background-repeat:no-repeat;}
#right_product span { display: block; width:296px; height:22px; text-align:center; margin-top:17px; float:left; }
#content_top span { display: block; width:120px; height:22px; text-align:center; margin-top:6px; float:left; }
#content_text { width:572px; height:281px; float:left; padding:10px; background:url(images/content_text_body.jpg) top left; background-repeat:no-repeat; }
#footer { width:572px; height:37px; float:left; padding:10px; background:url(images/footer_bg.jpg) top left; background-repeat:no-repeat;}
.cerceve_duyuru { width:738px; height:85px; margin-left:13px; margin-top:30px; overflow:hidden; }
.cerceve_face { width:146px; height:72px; margin-left:13px; margin-top:43px; overflow:hidden;}
.cerceve_rklm { width:146px; height:144px; margin-left:13px; margin-top:40px; overflow:hidden;}
.cerceve_urun { width:270px; height:113px; margin-left:13px; margin-top:43px; overflow:hidden; }
</style>
</head>
<body>
<div id="container">
<div id="header">
<div class="head1">
<div id="logo"><a href="#"><img src="images/pl_logo_images.jpg" alt="Pelerin Tasarım" title="Pelerin Tasarım"/></a></div>
<div class="top_link">
<a href="#" class="plrn_btn"></a>
<a href="#" class="sapka_btn"></a>
</div
</div>
<div class="head2">
<div id="header_banner">
kayan yazı kodun buraya
</div>
<div id="sayac">sayaç kodu</div>
</div>
<div id="content_top">
<span><a href="#"><img src="images/duyuru_cap.jpg" alt="REKLAM" title="REKLAM" border="0" /></a></span>
<div class="cerceve_duyuru">
tex resim vs
</div>
</div>
<div id="content">
<div id="content_left">
<div class="right_face">
<span><a href="#"><img src="images/face_link.jpg" alt="Face" title="Face" border="0" /></a></span>
<div class="cerceve_face">
tex resim vs
</div>
</div>
<div class="right_reklam1">
<span><a href="#"><img src="images/rklm_link_img.jpg" alt="REKLAM" title="REKLAM" border="0" /></a></span>
<div class="cerceve_rklm">
tex metin yada resim
</div>
</div>
<div class="right_reklam1">
<span><a href="#"><img src="images/rklm_link_img.jpg" alt="REKLAM" title="REKLAM" border="0" /></a></span>
<div class="cerceve_rklm">
tex metin yada resim
</div>
</div>
</div>
<div id="content_right">
<div id="content_right_top">
<div id="right_product">
<span><a href="#"><img src="images/pelerinler_link.jpg" alt="Pelerinler" title="Pelerinler" border="0" /></a></span>
<div class="cerceve_urun">
tex resim vs
</div>
</div>
<div id="right_product">
<span><a href="#"><img src="images/sapka_cap.jpg" alt="Şapkalar" title="Şapkalar" border="0" /></a></span>
<div class="cerceve_urun">
tex resim vs
</div>
</div>
<div id="content_text">
<div style="margin-left:10px; float:left; overflow:auto; height:280px;">
bu alana artık ıstedıgını yaz :)
<br />
<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam quis purus consequat tellus semper auctor ut sit amet turpis. Integer consectetur gravida nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec molestie molestie pellentesque. Donec ac nunc nulla, vel volutpat velit. Fusce ac nunc sed mauris congue egestas eu non velit. Integer eget velit erat. In rutrum, leo et venenatis adipiscing, nibh risus sodales metus, id porttitor neque purus quis neque. Vivamus varius tellus lorem. Nunc eros turpis, lobortis a dapibus a, molestie non dui. Aliquam nunc odio, faucibus eu feugiat sit amet, ornare in purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus iaculis tempor lacus, at suscipit mi volutpat id. Nullam placerat, est eu fermentum gravida, sapien enim posuere justo, aliquet gravida libero tortor nec magna. Proin suscipit blandit turpis, eget pharetra nibh imperdiet rhoncus.
. Nunc eros turpis, lobortis a dapibus a, molestie non dui. Aliquam nunc odio, faucibus eu feugiat sit amet, ornare in purus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus iaculis tempor lacus, at suscipit mi volutpat id. Nullam placerat, est eu fermentum gravida, sapien enim posuere justo, aliquet gravida libero tortor nec magna. Proin suscipit blandit turpis, eget pharetra nibh imperdiet rhoncus.
</div>
</div>
<div id="footer">
Copyright© PelerinTasaım 2011
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
