<!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" xml:lang="tr" lang="tr">
<head>
<title>Psd To Css / Prototurk.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9" />
<style type="text/css">
@import url("css/reset.css");
</style>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
// Son Haberler
$(".son_haberler span").hide();
$(".son_haberler span:first").show();
var toplam = $(".son_haberler span").length;
var deger = 0;
$("#sonraki").click(function(){
$(".son_haberler span").hide();
if (deger === toplam-1){
deger = 0;
$(".son_haberler span:first").fadeIn();
}else {
deger++;
$(".son_haberler span:eq("+deger+")").fadeIn();
}
});
$("#onceki").click(function(){
$(".son_haberler span").hide();
if (deger === 0){
deger = toplam-1;
$(".son_haberler span:last").fadeIn();
}else {
deger--;
$(".son_haberler span:eq("+deger+")").fadeIn();
}
});
// Tab
$(".lb_tab li:first").addClass("aktif");
$(".tab_icerik").hide();
$(".tab_icerik:first").show();
$(".lb_tab li").click(function(){
var a = $(this).index();
$(".tab_icerik").hide();
$(".tab_icerik:eq("+a+")").show();
$(".lb_tab li").removeClass("aktif");
$(this).addClass("aktif");
});
// Slider
$("#slider_alt ul li:first").addClass("aktif");
$(".slider_icerik").hide();
$(".slider_icerik:first").show();
$("#slider_alt ul li").click(function(){
var a = $(this).index();
$("#slider_alt ul li").removeClass("aktif");
$(this).addClass("aktif");
$(".slider_icerik").hide();
$(".slider_icerik:eq("+a+")").show();
});
// Recent Post Tab
$(".rp_icerik").hide();
$(".rp_icerik:first").show();
$(".sb_link li:first").addClass("aktif");
$(".sb_link li").click(function(){
var a = $(this).index();
$(".sb_link li").removeClass("aktif");
$(this).addClass("aktif");
$(".rp_icerik").hide();
$(".rp_icerik:eq("+a+")").show();
});
// CSS Düzenlemesi
$("#header_menu ul li:last a").css("background","none");
$(".blok2 ul li:last a").css("border","none");
$("#blok3_oyunlistesi li:last").css("border","none");
});
</script>
</head>
<body>
<!-- Genel -->
<div id="genel">
<!-- Header -->
<div id="header">
<!-- Navbar -->
<div class="navbar">
<!-- RSS -->
<div class="rss">
<a href="#">Subscribe</a> by <a href="#">RSS</a> or <a href="#">Email</a> <a href="#"><img src="images/rss_ikon.png" alt="" /></a>
</div>
<!--#RSS -->
<!-- Son Haberler -->
<div class="son_haberler">
<strong>Latest Topics: </strong>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.1</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.2</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.3</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.4</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.5</span>
<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tempus dui id eros aliquam laoreet.6</span>
<a href="javascript:void(0)" id="onceki"><img src="images/onceki.png" alt="" /></a>
<a href="javascript:void(0)" id="sonraki"><img src="images/sonraki.png" alt="" /></a>
</div>
<!--#Son Haberler -->
</div>
<!--#Navbar -->
<!-- Header Orta -->
<div class="header_orta">
<!-- Ana Sayfa -->
<a href="index.html" id="ansyf">Anasayfa</a>
<!-- Logo -->
<div class="logo">
<h1>Game Portal Logo</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<!-- Giriş Alanı -->
<div id="giris_alani">
<form action="" method="post">
<input type="text" class="input1" value="Username" onfocus="if(this.value == 'Username'){this.value='';}" onblur="if(this.value==''){this.value='Username'}" />
<input type="password" class="input2" value="Username" onfocus="if(this.value == 'Username'){this.value='';}" onblur="if(this.value==''){this.value='Username'}" />
<div class="giris_buton"><input type="submit" value="" /></div>
</form>
<div class="giris_link"><a href="#">Sign up</a>|<a href="#" style="color: #353535">Forgot Password</a></div>
</div>
</div>
<!--#Header Orta -->
<!-- Header Menü -->
<div id="header_menu">
<!-- Arama -->
<div class="arama">
<form action="" method="post">
<input type="text" class="arama_input" value="Search here..." onfocus="if(this.value == 'Search here...'){this.value='';}" onblur="if(this.value==''){this.value='Search here...'}" />
<input type="submit" value="" class="arama_btn" />
</form>
</div>
<!-- Menü -->
<ul>
<li><a href="#">PC</a></li>
<li><a href="#">Xbox 360</a></li>
<li><a href="#">Wii</a></li>
<li><a href="#">PS3</a></li>
<li><a href="#">PS2</a></li>
<li><a href="#">PSP</a></li>
<li><a href="#">DS</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#" style="color: #e1b503">Forums</a></li>
<li><a href="#" style="color: #e1b503">Videos</a></li>
<li><a href="#" style="color: #e1b503">Downloads</a></li>
</ul>
</div>
<!--#Header Menü -->
<!-- Alt Menü -->
<div id="alt_menu">
<ul>
<li><a href="#">Reviews</a></li>
<li><a href="#">Previews</a></li>
<li><a href="#">Answers</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Trailers</a></li>
<li><a href="#">Top Games</a></li>
<li><a href="#">All Games</a></li>
<li><a href="#">Daily Updates</a></li>
<li><a href="#">Soapbox</a></li>
<li><a href="#">Site Blogs</a></li>
<li><a href="#">Tech</a></li>
<li><a href="#">Sports</a></li>
</ul>
</div>
<!--#Alt Menü -->
</div>
<!--#Header -->
<!-- Sağ -->
<div id="sag">
<!-- Blok 1 -->
<div class="sag_baslik"><a href="#">See More</a><h3>Latest Headlines</h3></div>
<div class="sag_blok">
<ul class="blok1">
<li><a href="#"><img src="images/resim.png" alt="" />Lorem ipsum dolor sit amet, consectetur adipiscing elit.<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque.</span></a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
</ul>
</div>
<div class="sag_alt"></div>
<!--#Blok 1 -->
<!-- Reklam -->
<div class="sag_reklam">
<a href="#"><img src="images/reklam.png" alt="" /></a>
</div>
<!--#Reklam -->
<!-- Blok 1 -->
<div class="sag_baslik"><h3>Game Cheats</h3></div>
<div class="sag_blok">
<ul class="blok1">
<li><a href="#"><img src="images/resim2.png" alt="" />Assassin's Creed: Brotherhood <span>Cheat Code</span></a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
<li><a href="#">God of War 4 on the way?</a></li>
</ul>
</div>
<div class="sag_alt"></div>
<!--#Blok 1 -->
<!-- Blok 1 -->
<div class="sag_baslik">
<ul class="lb_tab">
<li><a href="javascript:void(0)">Everone</a></li>
<li><a href="javascript:void(0)">Staff Only</a></li>
</ul>
<h3>Latest Blogs</h3>
</div>
<div class="sag_blok">
<div class="tab_icerik">
<ul class="blok1 yeni">
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone<span>Emrah Demirağ</span></a></li>
</ul>
</div>
<div class="tab_icerik">
<ul class="blok1 yeni">
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim2.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
<li><a href="#"><img src="images/resim3.png" alt="" />T-Mobile G2x 4G Android Smartphone2<span>Emrah Demirağ</span></a></li>
</ul>
</div>
</div>
<div class="sag_alt"></div>
<!--#Blok 1 -->
<!-- Reklam -->
<div class="sag_reklam">
<a href="#"><img src="images/reklam.png" alt="" /></a>
</div>
<!--#Reklam -->
<!-- Anket -->
<div class="sag_baslik"><a href="#">Results</a><h3>Game Poll</h3></div>
<div class="sag_blok">
<div class="anket_soru">Did you get the 3DS like you said you would?</div>
<div class="anket_siklar">
<span><input type="radio" /> Of course.</span>
<span><input type="radio" /> I never said I was going to get a 3DS!</span>
<span><input type="radio" /> Waiting for payday, son.</span>
</div>
<div class="oyla"><input type="image" src="images/oyla.png" /></div>
</div>
<div class="sag_alt"></div>
</div>
<!--#Sağ -->
<!-- Sol -->
<div id="sol">
<!-- Slider -->
<div id="slider">
<!-- 1.İçerik -->
<div class="slider_icerik">
<div class="sicerik_sag">
<span>Emrah Demirağ | March 30 2011 | 2 Comments</span>
<h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.1</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
<div class="goster"><a href="#">Göster</a></div>
</div>
<div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
</div>
<!-- 2.İçerik -->
<div class="slider_icerik">
<div class="sicerik_sag">
<span>Emrah Demirağ | March 30 2011 | 2 Comments</span>
<h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.2</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
<div class="goster"><a href="#">Göster</a></div>
</div>
<div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
</div>
<!-- 3.İçerik -->
<div class="slider_icerik">
<div class="sicerik_sag">
<span>Emrah Demirağ | March 30 2011 | 2 Comments</span>
<h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.3</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
<div class="goster"><a href="#">Göster</a></div>
</div>
<div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
</div>
<!-- 4.İçerik -->
<div class="slider_icerik">
<div class="sicerik_sag">
<span>Emrah Demirağ | March 30 2011 | 2 Comments</span>
<h2><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit.4</a></h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam feugiat fringilla pellentesque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec dapibus aliquam orci in cursus. Nulla id volutpat quam. Integer ullamcorper, nisi at hendrerit porttitor, augue erat vestibulum enim, id euismod mi dui ut ligula. Nulla posuere porttitor aliquam.</p>
<div class="goster"><a href="#">Göster</a></div>
</div>
<div class="slider_resim"><img src="images/resim4.png" alt="" /></div>
</div>
<div id="slider_alt">
<ul>
<li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
<li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
<li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
<li><a href="javascript:void(0)"><img src="images/resim5.png" alt="" /></a></li>
</ul>
</div>
</div>
<!--#Slider -->
<!-- Sol Blok -->
<div class="sol_baslik">
<ul class="sb_link">
<li><a href="javascript:void(0)">All</a></li>
<li><a href="javascript:void(0)">Technology</a></li>
<li><a href="javascript:void(0)">News</a></li>
<li><a href="javascript:void(0)">High Energy</a></li>
</ul>
<h3>Recent Posts</h3>
</div>
<div class="sol_blok">
<div class="rp_icerik">
<ul class="sb1">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
</div>
<div class="rp_icerik">
<ul class="sb1">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault2<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
</div>
<div class="rp_icerik">
<ul class="sb1">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault3<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
</div>
<div class="rp_icerik">
<ul class="sb1">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault4<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span>Review</a></li>
</ul>
</div>
</div>
<!--#Sol Blok -->
<!-- Blok2 -->
<div class="blok2" style="float: right">
<div class="blok2_baslik"><a href="#">See More</a><h3>Solutions</h3></div>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
</ul>
</div>
<div class="blok2">
<div class="blok2_baslik"><a href="#">See More</a><h3>Technology</h3></div>
<ul class="sb2">
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
<li><a href="#"><img src="images/resim6.png" alt="" />Medal of Honor Allied Assault<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mollis mi vel lorem imperdiet varius vitae et nisi.</span></a></li>
</ul>
</div>
<!--#Blok2 -->
<!-- Blok 3 -->
<div class="blok3_baslik"><a href="#">See More</a><h3>Recent Games</h3></div>
<div class="blok3">
<ul id="blok3_oyunlistesi">
<li><span class="puan">92</span><span class="no">2</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">3</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">4</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">5</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">6</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">7</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">8</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">9</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
<li><span class="puan">92</span><span class="no">10</span><a href="#">Assassin's Creed: Brotherhood - PC<span>PC, Playstation 3, XBox 360 | Action</span></a></li>
</ul>
<div class="oyun_ayrinti">
<img src="images/resim7.png" alt="" />
<div class="oy_puan">95</div>
<div class="oy_sira"><h1>1</h1><span>Crysis 2</span></div>
</div>
<div class="oyun_hakknda">
<p><span>Producer:</span>Crytek Studios</p>
<p><span>Publisher:</span>EA Games</p>
<p><span>Type:</span>Action, First Person Shoote</p>
<p><span>Multi-player:</span>Have</p>
<p><span>Platform:</span>PC, Playstation 3, XBox 360</p>
</div>
<div class="oyun_bune">
Rankings based on user activity from yesterday, limited to upcoming games and games released in the last year.
</div>
</div>
<!--#Blok 3 -->
<!-- Video Galeri -->
<div class="blok3_baslik"><a href="#">See More</a><h3>Video Galleries</h3></div>
<div class="galeri">
<ul>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Official Trailer</span></a></li>
</ul>
</div>
<!--#Video Galeri -->
<!-- Foto Galeri -->
<div class="blok3_baslik"><a href="#">See More</a><h3>Photo Galleries</h3></div>
<div class="galeri">
<ul>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
<li><a href="#"><img src="images/resim8.png" alt="" />Medal of Honor: Interview With...<span>Picture Number : 16 </span></a></li>
</ul>
</div>
<!--#Foto Galeri -->
</div>
<!--#Sol -->
</div>
<!--#Genel -->
<!-- Footer -->
<div id="footer"><div class="footer">
<!-- Footer Menü -->
<ul id="fmenu">
<li><a href="#">PC</a></li>
<li><a href="#">Xbox 360</a></li>
<li><a href="#">Wii</a></li>
<li><a href="#">PS3</a></li>
<li><a href="#">PS2</a></li>
<li><a href="#">PSP</a></li>
<li><a href="#">DS</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Mobile</a></li>
<li><a href="#" style="color: #e1b503">Forums</a></li>
<li><a href="#" style="color: #e1b503">Videos</a></li>
<li><a href="#" style="color: #e1b503">Downloads</a></li>
</ul>
<!-- Arama -->
<div id="arama">
<form action="" method="post">
<input type="text" class="arama_input2" value="Search.." onfocus="if(this.value == 'Search..'){this.value='';}" onblur="if(this.value==''){this.value='Search..'}" />
<input type="submit" value="" class="arama_btn2" />
</form>
</div>
<div class="footer_bloklar">
<!-- Footer Blok -->
<ul class="footer_blok1">
<li class="fb_bas">Top Stories:</li>
<li><a href="#"><img src="images/resim9.png" alt="" /> Zotac GTX 590</a></li>
<li><a href="#"><img src="images/resim9.png" alt="" /> AMD Radeon HD 6990</a></li>
<li><a href="#"><img src="images/resim9.png" alt="" /> Medal of Honor Allied Assault </a></li>
</ul>
<ul class="footer_blok1 diger">
<li class="fb_bas">Top Games:</li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
</ul>
<ul class="footer_blok1 diger">
<li class="fb_bas">Top Cheats:</li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
<li><a href="#">Gears of War 3 (X360)</a></li>
</ul>
<ul class="footer_blok1 diger">
<li class="fb_bas">Game PortalOn:</li>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Youtube</a></li>
<li><a href="#">iPhone</a></li>
<li><a href="#">Mobile</a></li>
</ul>
</div>
<div class="copyright">
<div style="float: right">
Copyright 2010 Game Portal - All Rights Reserved.
</div>
Tasarım: <strong>Emrah Demirağ</strong> | CSS: <strong>Tayfun Erbilen</strong>
</div>
</div></div>
<!--#Footer -->
</body>
</html>
