Paste code

<!DOCTYPE html> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html > 
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=8"> 
[removed][removed]
[removed][removed]

<style>
body {background:#dddddd;background:url('r/arkajpg.jpg');background-repeat: repeat-x;font-family:verdana,Arial,sans-serif;font-size:80%;word-wrap:break-word;}

.bbaslik {font-size:22px;font-weight:bold;color:black}
.baslik {font-size:17px;font-weight:bold;}
a.show {color:#fff;size:15px;text-decoration:none}

img {border:0}
a.menu {color:#fff;text-decoration:none;}

a.alt {font-size:11px;color:#353535;opacity:0.6;text-decoration:none}
a.alt:hover {opacity:1}

a.red {font-size:11px;color:#e50606;text-decoration:none}
a.red:hover {}


ul {list-style-image: none;list-style-position: outside;list-style-type: none;margin:0;padding:0}
li {float: left;}
li.alt {float:left;padding:0 5px 0 5px}
li.menu {position:relative;float:left;margin:10px;padding:5px;background:#505050;border:1px solid #f6f6f6;width:130px;opacity:0.7}
li.menu:hover {opacity:1}
li.show {float: left;padding:5px;text-align: center;width: 160px;border:1px solid #504c4c;margin-right:15px;height:140px;background:#ededed;}
li.show:hover {border:1px solid yellow}

span.tab {left:101px;}
span.yazi {color:#474747;}

.yuvarla {background-origin: padding-box;background-clip: border-box;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}

div.ustmenu {position:relative;min-width:800px;margin:0 auto;text-align:center;}
div.ortala, div.ustmenu {display:table; margin:0 auto;}

div.clear {clear:both}

div.ana {width:800px;margin:0 auto;min-width:800px;}
div.orta {background:#f6f6f6;border:1px solid #e0e0e0;padding:10px;overflow:hidden;display:block;}
div.hr {border-top:1px solid #e0e0e0;width:90%;margin:0 auto;}

</style>
<br>

<div class="ustmenu">
<ul>
<a href="#/anasayfa/">
<li class="menu yuvarla"><img src="./r/home.png"/><br>Anasayfa</li></a>

<a href="#/bilgi/">
<li class="menu yuvarla"><img src="./r/bilgi.png"/><br>Bilgi</li></a>

<a href="#/cevre/">
<li class="menu yuvarla"><img src="./r/cevre.png"/><br>Çevre</li></a>

<a href="#/uyelik/">
<li class="menu yuvarla"><img src="./r/uye.png"/><br>Uyelik</li></a>

<a href="#/hakkinda/">
<li class="menu yuvarla"><img src="./r/hakkinda.png"/><br>Hakkkında</li></a>
</ul>
<div class="clear"></div></div>

<br>

<div class="ana">

<div class="orta yuvarla" id="bar">
</div>
<br>
<div class="orta yuvarla">
<div style="position:relative;float:left">
<ul>
<li class="alt"><a href="?/sitemap/" class="alt">Site Haritası</a></li>
<li class="alt" style="border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0"><a href="?/kosul/" class="alt">Kullanım Koşulları</a></li>
<li class="alt"><a href="?/gizlilik/" class="alt">Gizlilik Sözleşmesi</a></li>
</ul>
</div>
<div style="position:relative;float:right">
<a href="?/dil/en/" class="red">English</a></div>
<div class="clear"></div>
</div>

</div>