<!--
 
██╗   ██╗ █████╗ ███████╗ █████╗ ██╗         ██╗   ██╗██╗   ██╗ █████╗ ██████╗ ██╗
╚██╗ ██╔╝██╔══██╗██╔════╝██╔══██╗██║         ██║   ██║╚██╗ ██╔╝██╔══██╗██╔══██╗██║
 ╚████╔╝ ███████║███████╗███████║██║         ██║   ██║ ╚████╔╝ ███████║██████╔╝██║
  ╚██╔╝  ██╔══██║╚════██║██╔══██║██║         ██║   ██║  ╚██╔╝  ██╔══██║██╔══██╗██║
   ██║   ██║  ██║███████║██║  ██║███████╗    ╚██████╔╝   ██║   ██║  ██║██║  ██║██║
   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝╚══════╝     ╚═════╝    ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝
                                                                                  
Bu internet sayfası Restoria Tasarım - Büyüten Fikirler'ya aittir ve Restoria Tasarım - Büyüten Fikirler tarafından kullanılmaktadır. ('Restoria Tasarım - Büyüten Fikirler). 
Bu internet sayfasında ya da bu internet sayfası kullanılarak yayımlanan tüm içerik, bilgi ve yazılım Restoria Tasarım - Büyüten Fikirler'ın mülküdür. 
Bu internet sayfası sadece aşağıdaki kullanım şartlarına uyulduğu takdirde kullanılabilir. 
Bu internet sayfasını kullanımınız bu şartnameyi kabul ettiğinizin göstergesidir. 

Bu internet sayfasının içeriği sadece kişisel kullanım içindir ve ticari amaçla kullanılamaz.  
Bu siteyi kendiniz ve kendi şirketinizin ihtiyaçları için kullanabilirsiniz.  
Size bu sayfa ile ilgili olarak kaynak koda dönüştürme, tersine mühendislik yapma, sökme, kiralama, leasing, ödünç verme, satma, başkalarına 
lisans verme, veya bu internet sayfasından veya içeriğinden alıntılar yaparak benzer işler yapma hakkı verilmemiştir.  
Herhangi bir şebeke ağı takip ve keşif yazılımı kullanarak bu sitenin mimarisini saptayıp kullanımı veya kullanıcıları hakkında bilgiyi almanız yasaktır.  
Robot, spider ya da başka otomatik veya manüel cihaz veya yöntem ile bu internet sayfasını ya da içeriğini Restoria Tasarım - Büyüten Fikirler'ın önceden vermiş olduğu yazılı onayı olmadan takip etmek ya da kopyalamak yasaktır.  
İster ticari ister kâr amacı gütmeden ya da ister başkaları için olsun, bu web sitesini yukarıda tanınan izinlerin dışında kısmen de olsa yazdırma, indirme, kopyalama, değiştirme, çoğaltma, dağıtma, gösterme veya yayımlama hakkınız yoktur.  
Bu web sitesini ya da bir kısmını, içeriğini veya bu web sitesinde ya da web sitesi aracılığıyla mevcut yazılımı başka bir yere nakletmek ya da değiştirerek nakletmek geçerli nakil kontrol kanun ve düzenlemelerine ihlal sayılmaktadır.  
Bu web sitesinin veya içeriğinin yetki almadan kullanımı yasaktır ve size karşı infaz ve diğer yasal sonuçları doğurabilir.

Tüm içerik, başka şekilde belirtilmediği takdirde, en başta Türkiye Cumhuriyeti ve  Amerika Birleşik Devletlerinin telif hakkı, ticarî sır ve marka kanunu olmakla birlikte diğer eyalet, ulusal ve uluslararası kanun ve düzenlemeler gereğince korunmuştur.  Restoria Tasarım - Büyüten Fikirler size dolaylı ya da dolaysız olarak telif hakkı, marka veya ticarî sır haklarını vermemektedir. 
Bununla birlikte , bu web sitesinin veya içeriğinin yetki alınmadan kullanımı telif hakkı kanunlarına, marka kanunlarına, ticarî sır kanunlarına veya şahsiyet veya umumiyet ile ilgili kanunlara ters düşebilir.

Bu şartları kabul etmiyorsanız, lütfen bu siteyi kullanmayın.
!-->
<!doctype html>
<html xmlns="//www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en-gb">
<!--[if IE 7 ]>    <html lang="en-gb" class="isie ie7 oldie no-js"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en-gb" class="isie ie8 oldie no-js"> <![endif]-->
<!--[if IE 9 ]>    <html lang="en-gb" class="isie ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html lang="en-gb" class="no-js">
<!--<![endif]-->
<head>
	<!-- Head -->
			<meta charset="UTF-8" />
	<script src="//code.jquery.com/jquery-latest.js" type="text/javascript"></script>
	<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
	<meta name="author" content="Restoria Tasarım - Büyüten Fikirler"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
	<meta content="follow, index, all" name="robots"/>
	<link id="page_favicon" href="deppo/image/favicon-d6e69.png" rel="icon" type="image/x-icon"/>
	<link rel="shortcut icon" type="image/x-icon" href="deppo/image/favicon-d6e69.png"/>
	<link rel="icon"  type="image/vnd.microsoft.icon" href="deppo/image/favicon-d6e69.png"/>
	<link rel="icon" href="deppo/image/logo-91d9d.png" sizes="32x32"/>
	<meta name="google-site-verification" content=""/>
	<meta name="yandex-verification" content=""/>
		

	<title>Letoon | Restoria Tasarım - Büyüten Fikirler</title>
	<meta name="description" content="Letoon için genç ve dinamik bir katalog tasarımı hazırladık." />
	<meta name="keywords" content="key1,key2" />
	<link rel="canonical" href="http://restoriatasarim.com/?s113/letoon" />

	<meta property="og:title" content="Letoon" />
	<meta property="og:site_name" content="http://restoriatasarim.com" />
	<meta property="og:url" content="http://restoriatasarim.com/?s113/letoon" />
	<meta property="og:image" content="http://restoriatasarim.com/deppo/image/letoon-0f01136745.jpg" />
	<meta property="og:description" content="Letoon için genç ve dinamik bir katalog tasarımı hazırladık." />

	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="http://restoriatasarim.com" />
	<meta name="twitter:creator" content="@restoriatasarim" />
	<meta name="twitter:title" content="Letoon" />
	<meta name="twitter:description" content="Letoon için genç ve dinamik bir katalog tasarımı hazırladık." />
	<meta name="twitter:image" content="http://restoriatasarim.com/deppo/image/letoon-0f01136745.jpg" />
	<meta name="twitter:domain" content="http://restoriatasarim.com/?s113/letoon" />


	<style type="text/css">
	.banks {background-image: url('//cdn.v3medya.com/wpanel/banks.png');}
	/****************** Switches ********************/
	#autosave input[type=checkbox] {
		//display: none;
	}
	#autosave input[type="checkbox"]:checked + label:before {
		//display: none;
	}
	.mini-switch + label {
		width: 40px;
		height: 20px;
		background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 -24px;
		background-position: -1px -311px;
		display: inline-block;
		padding: 0 0 0 0px;
		cursor: pointer;
	}
	.mini-switch:checked + label {
		width: 40px;
		height: 20px;
		background: url('//cdn.v3medya.com/wpanel/wpanel.png') no-repeat 0 0px;
		background-position: -1px -287px;
		display: inline-block;
		padding: 0 0 0 0px;
		cursor: pointer;
	}
	.updated {
		display: none;
		padding: 14px 0px;
		color: #000;
		width: 200px;
		position: fixed;
		top: 1%;
		right: 1%;
		z-index: 9999999999999999;		
		text-align: center;
	}
	#preload{
		display:none; width:100%; height:100%; padding:20% 45%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999; background-image:url('http://restoriatasarim.com/deppo/v3/img/trns.png')
	}
	#AjaxSuccess{
		width:300px; height:300px; padding:20% 46%; position:fixed; margin:0px; left:0px; top:0px; z-index:999999999999; display:none;
	}
	.v3statusac {
		position: fixed;
		left: 10px;
		z-index: 9999999999;
		cursor: pointer;
		font-size: 30px !important;
	}
	.v3status {
		background-color: #000;
		color: #fff;
		opacity: 0.8;
		position: fixed;
		display: block;
		left: -1px;
		top: -2px;
		margin: 0px;
		width: 101%;
		padding: 5px;
		border: solid 1px #ccc;
		z-index: 999999999;
		display: none;
	}
	.v3status ul {
		list-style: none;
		font-size: 13px;
	}
	.v3status ul li {
		float: left;
		padding: 5px;
		margin-left: 10px;
	}
	.v3status ul li a {
		color: #fff;
	}
	.v3-map iframe {
		min-height:350px;
	}
</style>
<div id="guncellendi" class="updated alert alert-success"><i class="fa fa-check" style="font-size: 20px; margin-right: 10px;"></i> Güncellendi</div>
<div id="AddBasket" class="updated alert alert-success"></div>
<div id="preload" style="">
	<img border="0" src="http://restoriatasarim.com/deppo/v3/img/loading.svg" style="max-height:150px;">
</div>
<div id="AjaxSuccess"><img border="0" src="http://restoriatasarim.com/deppo/v3/img/saved.gif" style="max-height:150px;"></div>
<link rel="stylesheet" href="//cdn.v3medya.com/css/watolye.css" type="text/css" /> 
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
<link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 
<style type='text/css'> 
.qfont {font-family: 'Open Sans', sans-serif !important;} 
</style> 
<!--[if lt IE 9]><script src='http://restoriatasarim.com/deppo/v3/js/html5.js'></script><![endif]--> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.css" /> 
<script src="http://restoriatasarim.com/deppo/v3/js/gen_validatorv4.js"></script> 
<script src="//cdn.ckeditor.com/4.8.0/basic/ckeditor.js"></script> 

<script type="text/javascript">
	document.getElementsByTagName("body")[0].setAttribute("id", "watolye");

	function AjaxKaydet(){
		for(var dilan in CKEDITOR.instances)
			CKEDITOR.instances[dilan].updateElement();
		jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/",
			data: jQuery('#autosave').serialize(), success: function (){
				setTimeout(function () { jQuery('#guncellendi').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#guncellendi').delay(3000).fadeOut('slow'); }, 500);
			}
		});
	}

	function AddBasket(ID){
		jQuery('#AddBasket').load("islem.php?islem=sepet&id="+ID+"");
		jQuery("#asepet").load("basket.php?islem=asepet");
		jQuery("#tsepet").load("basket.php?islem=tsepet");
		jQuery("#msepet").load("basket.php?islem=msepet");
		sgoster('AddBasket');
	};

	function AjaxKaydet2(){
		for(var dilan in CKEDITOR.instances)
			CKEDITOR.instances[dilan].updateElement();
		jQuery.ajax({type: "POST", url: "?panel/ilan/kilan/",
			data: jQuery('#autosave').serialize(), success: function () {
				setTimeout(function () { jQuery('#AjaxSuccess').fadeIn('slow'); }, 500);  setTimeout(function () { jQuery('#AjaxSuccess').delay(1500).fadeOut('slow'); }, 500);
			}
		});
	}

	function AjaxSave(url,id){
		jQuery.post(url, jQuery(id).serialize())
        .done(function(data) {
            if (data.trim().length >0){
                jQuery("#sent").text("Error");   
            }else {
            	jQuery("#sent").text("Success");
            }
        });
        return false;
	}

	jQuery(document).on('click','[data-size]',function(e){
		e.preventDefault();
		var _this=jQuery(this);
		if(_this.data('size')=="small"){
			var m = document.getElementById("modal-size");
			m.className += " v3-modal-sm";
		}else if(_this.data('size')=="large"){
			var m = document.getElementById("modal-size");
			m.className += " v3-modal-lg";
		}
	});

	jQuery(document).on('click','[data-form]',function(e){
		jQuery('#preload').fadeIn('slow');
		e.preventDefault();
		var _this=jQuery(this);
		$.post(_this.data('url'),jQuery(_this.data('form')).find('input,textarea,select').serialize(),function(){
			show('mmesaj');
			jQuery(_this.data('form'))[0].reset();
			jQuery('#preload').fadeOut('slow');
		});
	});
	//data-url="islem.php?islem=fmail" data-form="#iform"

//!-- Göster/Gizle -->
function hide(id){var divObject=document.getElementById(id); divObject.style.display="none";}
function show(id){var divObject=document.getElementById(id); divObject.style.display="block";}

function dgg(id,islem,sure){
	if(islem=="show"){
		jQuery(id).fadeIn(sure);
	}else{
		jQuery(id).fadeOut(sure);
	}
}
//!-- Göster/Gizle -->

function sgoster(id){
	setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="block";}, 0);
	setTimeout(function() {var divObject=document.getElementById(id); divObject.style.display="none";}, 5000);
}

jQuery(function(){
	jQuery('form.fcontrol button').prop('disabled',true);
});

jQuery(document).on('input','form.fcontrol input.icontrol',function(e){
	if(jQuery('form.fcontrol input.icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol').find('.alert1').remove();
		jQuery('form.fcontrol button').prop('disabled',false);
	}else{
		jQuery('form.fcontrol button').prop('disabled',true);
		if(jQuery('form.fcontrol').find('.alert1').length==0){
			jQuery('form.fcontrol').prepend('<span class="v3-col-md-12 alert alert-danger alert1" style="padding:5px;">Formda boş alanlar var.</span><br>');
		}
	}
});

jQuery(function(){
	jQuery('form.fcontrol2 button').prop('disabled',true);
});

jQuery(document).on('input','form.fcontrol2 input.icontrol',function(e){
	if(jQuery('form.fcontrol2 input.icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol2').find('.alert2').remove();
		jQuery('form.fcontrol2 button').prop('disabled',false);
	}else{
		jQuery('form.fcontrol2 button').prop('disabled',true);
		if(jQuery('form.fcontrol2').find('.alert2').length==0){
			jQuery('form.fcontrol2').prepend('<span class="v3-col-md-12 alert alert-danger alert2" style="padding:5px;">Formda boş alanlar var.</span><br>');
		}
	}
});

jQuery(function(){
	jQuery('form.fcontrol3 button').prop('disabled',true);
});

jQuery(document).on('input','form.fcontrol3 input.icontrol',function(e){
	if(jQuery('form.fcontrol3 input.icontrol').filter(function() { return this.value == ""; }).length==0){
		jQuery('form.fcontrol3').find('.alert3').remove();
		jQuery('form.fcontrol3 button').prop('disabled',false);
	}else{
		jQuery('form.fcontrol3 button').prop('disabled',true);
		if(jQuery('form.fcontrol3').find('.alert3').length==0){
			jQuery('form.fcontrol3').prepend('<span class="v3-col-md-12 alert alert-danger alert3" style="padding:5px;">Formda boş alanlar var.</span><br>');
		}
	}
});


//<form class="fcontrol">
//<input type="text" class="icontrol">
//</form>


//!-- Fade Out -->
jQuery(window).load(function(){
	setTimeout(function(){jQuery('.v3_mbox').fadeOut() }, 3000);
});
//<div class="v3_mbox"></div>
//!-- Fade Out -->

//!-- Sadece Sayı -->
function IsNumeric(nesne){var ValidChars = "0123456789.";
var IsNumber=true;
var Char;
for (i = 0; i < nesne.value.length && IsNumber == true; i++){Char = nesne.value.charAt(i); 
	if (ValidChars.indexOf(Char) == -1) {// alert('Lütfen Sadece Sayısal Değer Giriniz')
		nesne.value = nesne.value.substring(0,i);
	break;}}
	return IsNumber;}
	//<input name="" type="text" onKeyUp="IsNumeric(this);">
//!-- Sadece Sayı -->

//!-- Font Boyut -->
function degistir(kaynak, deger) {
	var hedef = document.getElementById(kaynak);
	var hedeffont = parseInt(hedef.style.fontSize, 10)
	hedef.style.fontSize = (hedeffont + parseInt(deger, 10)) + 'px';
}
	//Kullanımı onClick="degistir('ContentID','2');"
//!-- Font Boyut -->

//!-- Lazyload -->

//!-- LightBOX-1 -->
	<!-- <a data-fancybox="gallery" href=""></a> -->


//var frmvalidator = new Validator("FormID");
//frmvalidator.addValidation("Zorunlu","req","Lütfen Adınızı Giriniz");
//frmvalidator.addValidation("max50","maxlen=50");
//frmvalidator.addValidation("Email","email");
//frmvalidator.addValidation("Numara","numeric");
</script><!-- CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css" >
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<link rel="stylesheet" href="css/animate.css">
	<link rel="stylesheet" href="css/cubeportfolio.min.css">
	<link rel="stylesheet" href="css/magnific-popup.css">
	<link rel="stylesheet" href="css/slick.css">
	<link rel="stylesheet" href="css/aos.css">
	<link rel="stylesheet" href="css/fonts.css">
	<link rel="stylesheet" href="css/main.css">  
	<link rel="stylesheet" href="css/responsive.css">

<style>
.tr-footerbar-social li {float:left; padding:5px; margin-left:5px;}
</style>

	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	<![endif]-->
</head>
<style>
.v3icerik {
	position : fixed;
	top : expression(eval(document.body.scrollTop));
	margin-left : 2px;
	height : 105%;
	width : 100%;
	z-index : 99999999;
	border : 0px solid #000;
}
iframe {
	height : 100%;
	width : 100%;
	border : none;
}
/* message box */
.message-box {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9999;
}
.message-box.open {
	display: block;
}
.message-box .mb-container {
	position: absolute;
	left: 0px;
	top: 35%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	width: 100%;
}
.message-box .mb-container .mb-middle {
	width: 50%;
	left: 25%;
	position: relative;
	color: #FFF;
}
.message-box .mb-container .mb-middle .mb-title {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
	font-size: 31px;
	font-weight: 400;
	line-height: 36px;
}
.message-box .mb-container .mb-middle .mb-title .fa, .message-box .mb-container .mb-middle .mb-title .glyphicon {
	font-size: 38px;
	float: left;
	margin-right: 10px;
}
.message-box .mb-container .mb-middle .mb-content {
	width: 100%;
	float: left;
	padding: 10px 0px 0px;
}
.message-box .mb-container .mb-middle .mb-content p {
	margin-bottom: 0px;
}
.message-box .mb-container .mb-middle .mb-footer {
	width: 100%;
	float: left;
	padding: 10px 0px;
}
.message-box.message-box-warning .mb-container {
	background: rgba(254, 162, 35, 0.9);
}
.message-box.message-box-danger .mb-container {
	background: rgba(182, 70, 69, 0.9);
}
.message-box.message-box-info .mb-container {
	background: rgba(63, 186, 228, 0.9);
}
.message-box.message-box-success .mb-container {
	background: rgba(149, 183, 93, 0.9);
}
/* end message box */
.modal-backdrop.in {
	filter: alpha(opacity=50);
	opacity: 0 !important;
}
.modal-backdrop {
	z-index:0;
}
</style>

<div style="display:none; background-image:url('deppo/v3/img/trns.png'); margin-top:-20px;" class="v3icerik" id="icerik" align="center" onclick="icerik.location.href='about:blank'; hide('icerik'); lmedya();">
	<div style="margin-top:10% !important; width:60% !important; height:60% !important; position:relative; border:solid 5px #ccc; background-color:#fff;" class="v3-img-thumbnail">
		<div style="margin-top:10px; position:absolute; right:-20px; top:-35px; width:32px; height:32px; z-index:9999999999999999999;"><a href="about:blank" target="icerik" class="fa fa-remove" onclick="hide('icerik')" style="cursor:pointer;font-size:30px;" id="ajxsepet"></a></div>
		<iframe name="icerik"></iframe>
	</div>
</div>

<!-- Trigger the modal with a button 
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" data-size="small">Small</button>
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" data-size="">Normal</button>
<button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" data-size="large">Large</button>
<button type="button" class="bmd-modalButton" data-toggle="modal" data-bmdSrc="https://www.youtube.com/embed/cMNPPgB0_mU" data-bmdWidth="640" data-bmdHeight="480" data-target="#myModal"  data-bmdVideoFullscreen="true">Youtube</button>
-->
<div id="myModal" class="v3-modal fade" role="dialog">
	<div class="v3-modal-dialog" id="modal-size">
		<!-- Modal content-->
		<div class="v3-modal-content">
			<div class="v3-modal-header">
				<button type="button" class="close" data-dismiss="modal" onclick="icerik.location.href='about:blank';">&times;</button>
				<h4 class="v3-modal-title">Restoria Tasarım - Büyüten Fikirler</h4>
			</div>
			<div class="v3-modal-body">
				<div class="embed-responsive embed-responsive-16by9">
					<iframe class="embed-responsive-item" frameborder="0"></iframe>
				</div>
			</div>
		</div>
	</div>
</div>


<div id="islem" style="background-color:#fff; position:fixed; left:-1px; top:-2px; margin:0px; height:35px; width:100%; border:solid 1px #ccc; z-index:999999999; display:none;">
	<iframe name="islem" style="width:98%; float:left;" scrolling="no"></iframe>
	<i class="fa fa-remove" style="cursor:pointer; float:right; font-size:20px; margin-top:6px; margin-right:10px;" onclick="hide('islem')"></i>
</div>

<div class="message-box animated fadeIn" data-sound="alert" id="mmesaj">
	<div class="mb-container">
		<div class="mb-middle">
			<div class="mb-title"><span class="fa fa-check"></span>  İşlem Başarılı ! </div>
			<div class="mb-content">
				<p> Bizi tercih Ettiğiniz için Teşekkürler </p>
			</div>
			<div class="mb-footer">
				<div class="pull-right">
					<a href="?s113/letoon" style="cursor:pointer;" onclick="hide('mmesaj')" class="v3-btn v3-btn-default v3-btn-lg mb-control-close"> Kapat </a>
				</div>
			</div>
		</div>
	</div>
</div><!--[if lt IE 9]>
<div style="background-color:#FFF1A8; opacity:0.2; position:fixed; left:0px; top:0px; width:99.8%; padding:10px; border:solid 1px #ccc; z-index:99999999999999999999999999999999; text-align:center;" id="uyari">Web Sitesi tarafından artık desteklenmeyen bir Internet Explorer sürümünü kullanıyorsunuz. Bazı özellikler doğru çalışmayabilir. <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">Google Chrome</a> gibi <a href="https://www.google.com/intl/tr/chrome/browser/promo/gmail/?brand=CHHM" target="_blank" style="color:#1155CC; font-weight:bold;">modern bir tarayıcıya</a> geçin. <a href="javascript:hide('uyari');" style="color:#1155CC; font-weight:bold;">Yoksay</a></div>
<![endif]-->


<body>
		<div class="tr-topbar">
			<div class="container">
				<div class="topbar-left">
					<ul class="tr-list pull-left">
					<li><span class="icon icon-send-message"></span> <a href="mailto:info@restoriatasarim.com">info@restoriatasarim.com</a></li>
					<li><span class="icon icon-support"></span>+90 212 210 10 49</li>
					</ul>
				</div>
				<ul class="tr-list pull-right">

				</ul>
			</div><!-- /.container -->
		</div><!-- /.tr-topbar -->

		<div class="tr-menu">
			<nav class="navbar navbar-default">
				<div class="container">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse">
							<span class="sr-only">Toggle navigation</span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<a class="navbar-brand logo" href="."><img class="img-responsive" src="deppo/image/logo-91d9d.png" alt="Restoria Tasarım - Büyüten Fikirler"></a>
					<a class="navbar-brand logo-2" href="."><img class="img-responsive" src="deppo/image/logo-ebbe4.png" alt="Restoria Tasarım - Büyüten Fikirler"></a>
					</div><!-- /.navbar-header -->

					<div class="collapse navbar-collapse navbar-right" id="navbar-collapse">
						<ul class="nav navbar-nav">
							<li class="active"><a href=".#home">ANASAYFA</a></li>
						<li class=""><a href=".#tr-about">HAKKIMIZDA</a></li>
						<li class=""><a href=".#tr-portfolio">PORTFOLYO</a></li>
						<li class=""><a href=".#tr-about2">KABİLİYETLER</a></li>
						<li class=""><a href=".#tr-feedback">BİZE ULAŞIN</a></li>				
						</ul>

					</div>
					<div class="tr-search">
					<div class="search-icon"><i class="fa fa-search"></i></div>
					<div class="search-form">
						<form action="#" id="search" method="get">
							<input id="inputhead" name="search" type="text" placeholder="Arama">
							<button type="submit"><i class="fa fa-search"></i></button>
						</form><!-- /form -->
					</div><!-- /s form -->
				</div><!-- /search -->						
			</div><!-- /.container -->					
		</div><!-- /.navbar -->										
	</div><!-- /.tr-menu -->
		<div class="tr-breadcrumb" style="background-image: url(deppo/image/letoon-77387a505c.jpg); background-size: cover;background-position: center;">
			<div class="container">
				<div class="breadcrumb-info">
					<div class="tr-page-title">
						<h1 style="font-size: 30px;">Letoon</h1>
					</div>
					<p style="font-weight: 600;">Letoon için genç ve dinamik bir katalog tasarımı hazırladık.</p>
				</div>
			</div><!-- /.container -->
		</div><!-- /.tr-breadcrumb -->

		<div class="tr-page-content portfolio-details">
			
							<div style="position:fixed; background:rgb(204, 53, 23); right:30px; color:white; padding:10px; text-aling:center;">
				<a href="?s85/zorah"><i class="fa fa-chevron-left" style="float:left; font-size:80px;color:white;"></i></a>
				<a href="?s114/yor-group"><i class="fa fa-chevron-right" style="float:left; font-size:80px;color:white;"></i></a>
				<div style="widht:100%;display:block; text-align:center;">
					Diğer Projeler
				</div>
			</div>
			<div class="container">
				<div class="row">
					<div class="col-sm-12 tr-sticky">
												<div class="theiaStickySidebar tr-bg-white" style="margin-top:20px;">
							<div>
								<div class="" style="margin-bottom:80px;">
									<a data-fancybox="gallery" href="deppo/image/letoon-0f01136745.jpg">
									<img src="deppo/image/letoon-0f01136745.jpg" alt="letoon" class="img-responsive" style="box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;">
									</a>
								</div>
								<div class="" style="margin-bottom:80px;">
									<a data-fancybox="gallery" href="deppo/image/letoon-5ad3466ff1.jpg">
									<img src="deppo/image/letoon-5ad3466ff1.jpg" alt="letoon" class="img-responsive" style="box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;">
									</a>
								</div>
								<div class="" style="margin-bottom:80px;">
									<a data-fancybox="gallery" href="deppo/image/letoon-4f7e0aa2bb.jpg">
									<img src="deppo/image/letoon-4f7e0aa2bb.jpg" alt="letoon" class="img-responsive" style="box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;">
									</a>
								</div>
								<div class="" style="margin-bottom:80px;">
									<a data-fancybox="gallery" href="deppo/image/letoon-6e9c9edc82.jpg">
									<img src="deppo/image/letoon-6e9c9edc82.jpg" alt="letoon" class="img-responsive" style="box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;">
									</a>
								</div>
							</div>
							<div class="entry-content" style="display:none">
								<div class="entry-summary">
									<div class="portfolio-gallery">
										<div class="row">
											<div class="col-sm-6">
												<div class="gallery-image">
													<img src="images/blog/7.jpg" alt="Image" class="img-responsive">
												</div>
											</div>
											<div class="col-sm-6">
												<div class="gallery-image">
													<img src="images/blog/14.jpg" alt="Image" class="img-responsive">
												</div>
											</div>
											<div class="col-sm-6">
												<div class="gallery-image">
													<img src="images/blog/9.jpg" alt="Image" class="img-responsive">
												</div>
											</div>
											<div class="col-sm-6">
												<div class="gallery-image">
													<img src="images/blog/8.jpg" alt="Image" class="img-responsive">
												</div>
											</div>
										</div>
									</div>	
								</div>							
							</div>
						</div><!-- /.theiaStickySidebar -->					
					</div>
					<div class="col-sm-4 tr-sticky" style="display:none;">
						<div class="tr-sidebar theiaStickySidebar">
							<div class="widget-area">
								<div class="widget recent-post">
									<h3 class="widget_title">Related Case Study</h3>
									<ul class="tr-list">
										<li>
										<a href="#">Lorem Ipsum is simply dummy text.</a>
										<span><a href="#">August 28, 2017</a></span>
										</li>
										<li>
										<a href="#">When an unknown printer took a galley of type.</a>
										<span><a href="#">April 18, 2017</a></span>
										</li>
										<li>
										<a href="#">The leap into electronic typesetting remaining essentially.</a>
										<span><a href="#">April 5, 2017</a></span>
										</li>
										<li>
										<a href="#">It was popularised in the 1960s with the release of Letraset</a>
										<span><a href="#">April 1, 2017</a></span>
										</li>
									</ul>
								</div><!-- /.widget -->

								<div class="widget">
									<h3 class="widget_title">Popular Tags</h3>
									<div class="tag-cloud">
										<a href="#">Creative,</a>
										<a href="#">Art,</a>
										<a href="#">Flat,</a>
										<a href="#">Illustration,</a>
										<a href="#">Business,</a>
										<a href="#">Illustration,</a>
									</div>
								</div><!-- /.widget -->
							</div><!-- /.widget-area -->
						</div><!-- /.tr-sidebar -->							
					</div>
				</div><!-- /.row -->
			</div><!-- /.container -->
		</div><!-- /.tr-page-content --><div class="tr-footer bg-color-red text-center aos-animate" ata-aos-duration="300" data-aos-delay="300" data-aos="fade-in">
			<div class="container">
				<span>Restoria by <a href="http://restoriatasarim.com">Restoria Tasarım - Büyüten Fikirler</a>. All Rights Reserved.</span>
				<ul class="tr-list tr-footerbar-social pull-right">				
					<li><a href="http://www.facebook.com/restoria" target="_blank"><i class="fa fa-facebook color-trd"></i></a></li>
					<li><a href="http://instagram.com/restoriatasarim/" target="_blank"><i class="fa fa-instagram color-trd"></i></a></li>
					<li><a href="https://twitter.com/restoriatasarim" target="_blank"><i class="fa fa-twitter color-trd"></i></a></li>						
			</ul>
			</div><!-- /.container -->
		</div><!-- /.tr-footer -->
		<script src="//cdn.v3medya.com/js/watolye.js" id="wjs" lang="lang1" url="restoriatasarim.com" pow="Restoria Tasarım - Büyüten Fikirler" ver="V8.0511"></script> 
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 
<script src="http://restoriatasarim.com/deppo/v3/js/jquery.maskedinput.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/fancybox/3.0.47/jquery.fancybox.min.js"></script> 
		<!-- JS -->
		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/cubeportfolio.min.js"></script>
		<script src="js/inview.min.js"></script>
		<script src="js/easypiechart.js"></script>
		<script src="js/slick.min.js"></script>
		<script src="js/aos.js"></script>
		<script src="js/magnific-popup.min.js"></script>
		<script src="js/counterup.min.js"></script>
		<script src="js/waypoints.min.js"></script>
		<script src="js/jquery.parallax.js"></script>
		<script src="js/theia-sticky-sidebar.js"></script>
		<script src="js/main.js"></script>  
	</body>
	</html>