
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="tr"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="tr"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="tr"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="tr"> <!--<![endif]-->
<head>

	<!-- Basic Page Needs
  ================================================== -->
 
	<title>Derin Yuzey Temizleme</title>
	<meta name="description" content="">
	<meta name="author" content="">

	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/settings.css" media="screen"/>

    <!-- JS
  ================================================== -->
    <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script> <!-- jQuery -->
	<script src="js/jquery.easing.1.3.js" type="text/javascript"></script> <!-- jQuery easing -->
	<script src="js/modernizr.custom.js" type="text/javascript"></script> <!-- Modernizr -->
    <script src="js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script> <!-- tabs, toggles, accordion -->
    <script src="js/custom.js" type="text/javascript"></script> <!-- jQuery initialization -->
  
    <!-- Responsive Menu -->
    <script src="js/jquery.meanmenu.js"></script> 
    <script>
    jQuery(document).ready(function () {
    jQuery('header nav').meanmenu();
    });
    </script>
	
	<!-- Revolution Slider -->
	<script src="js/jquery.themepunch.plugins.min.js"></script>
	<script src="js/jquery.themepunch.revolution.min.js"></script>
	<script src="js/revolution-slider-options.js"></script>
	
	<!-- Prety photo -->
	<script src="js/jquery.prettyPhoto.js"></script>
	<script>
		$(document).ready(function(){
			$("a[data-gal^='prettyPhoto']").prettyPhoto();
		});
	</script>

	<!-- Tooltip -->
    <script src="js/tooltip.js"></script>
	
	<!-- Flexisel -->
    <script type="text/javascript" src="js/jquery.flexisel.js"></script>

	<!-- Favicons
	================================================== -->
	<link rel="shortcut icon" href="images/favicon.ico">
	<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">

</head>
<body>



	<!-- Primary Page Layout
	================================================== -->
    


<header class="header">
<div class="container">
<div class="four columns">
<h1 class="logo"><a href="index.asp"><img src="images/logo.png" alt="Derin YÃ¼zey Temizleme" /></a></h1>
</div><!-- logo -->

<div class="twelve columns">
		<nav class="main_menu">

<ul>
    <li class="current_page_item" >
        <a href="index.asp">
        Ana Sayfa
        <div class="sub">
        Başlarken
        </div>
        </a>
    </li>

 

<li >
<a href="#">
Kurumsal
<div class="sub">Firma bilgileri</div>
</a>
<ul>
<li ><a href="?p=derin-yuzey-hakkinda&y=1">Hakkımızda</a></li>
<li ><a href="?p=derin-yuzey-cevre&y=1">&Ccedil;evre Koruma</a></li>

<li ><a href="?p=derin-yuzey-kalite&y=1">Kalite Politikası</a></li> 
</ul>
</li>

<li >
<a href="?p=urunler">
&Uuml;R&Uuml;NLER
<div class="sub">
T&uuml;m &uuml;r&uuml;nler
</div>
</a>
 
</li>

<li >
<a href="#">
&Ouml;ZELLİKLER
<div class="sub">
&Uuml;r&uuml;n &ouml;zellikleri
</div>
</a>
<ul>
<li><a href="?p=derin-yuzey-doseme&y=2">D&ouml;şemeler</a></li>
<li><a href="?p=derin-yuzey-yaglar&y=2">Yağlar</a></li> 
</ul>
</li>

<li >
<a href="?p=video">
VİDEOLAR
<div class="sub">
Uygulama videoları
</div>
</a>
 
</li>


 
<li >
<a href="?p=iletisim">
İLETİŞİM
<div class="sub">
Bize Ulaşın
</div>
</a>
</li>
</ul>

</nav><!-- navigation -->
</div>
<div class="clearfix"></div>
</div>
</header><!-- header -->


				
	<!-- REVOLUTION SLIDER
	============================================= -->
	<div class="fullwidthbanner-container top-shadow">
		<div class="fullwidthbanner">
			<ul>
				<!-- Slide 1 -->
				<li data-transition="boxfade" data-slotamount="2" data-masterspeed="300">
				<!-- Main Image -->
				<img src="images/slider/Slider-1.jpg" alt="">
				<!-- End Main Image -->
				</li>
				<!-- End Slide 1 -->
				<!-- Slide 2 -->
				<li data-transition="boxfade" data-slotamount="3" data-masterspeed="300">
				<!-- Main Image -->
				<img src="images/slider/Slider-2.jpg" alt="">
				<!-- End Main Image -->
				</li>
				<!-- End Slide 2 -->
				<!-- Slide 3 -->
				<li data-transition="boxfade" data-slotamount="4" data-masterspeed="300">
				<!-- Main Image -->
				<img src="images/slider/Slider-3.jpg" alt="">
				<!-- End Main Image -->
				</li>
				<!-- End Slide 3 -->
				<!-- Slide 4 -->
				<li data-transition="boxfade" data-slotamount="5" data-masterspeed="300">
				<!-- Main Image -->
				<img src="images/slider/Slider-4.jpg" alt="">
				<!-- End Main Image -->
				</li>
				<!-- End Slide 4-->
			</ul>
		</div>
	</div>
	<!-- END REVOLUTION SLIDER
	============================================= -->

<div class="container">

<div class="sixteen columns welcome">
<center>
<img src="images/mafralogo.png" width="259" height="78"><br>
<br>
<h3>Ma-Fra; 1965'ten beri Otomotiv, end&uuml;striyel ara&ccedil;lar,&uuml;retim tesisleri,deniz ve hava taşıtları sekt&ouml;rlerinde, uluslar arası bayi ağı ile geniş bir yelpazeye sahip spesifik, konsantre ve kaliteli &uuml;r&uuml;nlerin İtalya menşeili &uuml;reticisidir.</h3></center>
</div>
 
<div class="separator"></div>

				<div class="four columns">
					<!-- Icon Box -->
					<div class="service">
						<a href="#"><i class="fa  fa-check colored square"></i></a>
						<h3 class="centered"><a href="#" class="dark-link">Bakım Koruma Grubu</a></h3>
						<p class="centered">
                      Boya, d&ouml;şeme koruması ve bakımı i&ccedil;in geliştirilen &uuml;r&uuml;nler </p>
					</div>
					<!-- End Icon Box -->
				</div>
				<div class="four columns">
					<!-- Icon Box -->
					<div class="service">
						<a href="#"><i class="fa  fa-check colored square"></i></a>
						<h3 class="centered"><a href="#" class="dark-link">Marin Grubu</a></h3>
						<p class="centered">
						Gemi ve Tekne Bakımı ve koruması i&ccedil;in geliştirilen &uuml;r&uuml;nler
					  </p>
					</div>
					<!-- End Icon Box -->
				</div>
				<div class="four columns">
					<!-- Icon Box -->
					<div class="service">
						<a href="#"><i class="fa  fa-check colored square"></i></a>
						<h3 class="centered"><a href="#" class="dark-link">Teknik &Uuml;r&uuml;nler</a></h3>
						<p class="centered">
                        Teknik &uuml;r&uuml;n ve par&ccedil;aların korunması ve bakımı i&ccedil;in &uuml;r&uuml;nler     
					  </p>
					</div>
					<!-- End Icon Box -->
				</div>
				<div class="four columns">
					<!-- Icon Box -->
					<div class="service">
						<a href="#"><i class="fa  fa-check colored square"></i></a>
						<h3 class="centered"><a href="#" class="dark-link">End&uuml;striyel &Uuml;r&uuml;nler</a></h3>
						<p class="centered">
						End&uuml;stiriyel olarak kullanılan &uuml;r&uuml;nler
					  </p>
					</div>
					<!-- End Icon Box -->
				</div>

<div class="clearfix"></div>

<div class="separator"></div>


				
	<div class="sixteen columns">
    <h4 class="headline">Bazı Kullanım alanları</h4>
    </div>

				<div class="four columns identity photography tehnology">
					<div class="work">
					 
							<img src="images/portfolio/torpido-koruyucu.jpg" alt="">
							<div class="link-overlay fa fa-chevron-right"></div>
						 
						 <h4>Torpido Koruma </h4>
					  <div class="tags">
							 Hoş kokusuyla parlatır ve korur
					  </div>
				  </div>
				</div>
                
                <div class="four columns identity photography tehnology">
					<div class="work">
					 
							<img src="images/portfolio/cizik-giderici.jpg" alt="">
							<div class="link-overlay fa fa-chevron-right"></div>
						 
						 <h4>&Ccedil;izik Giderme </h4>
					  <div class="tags">
							 &Ouml;zel ve vevreye duyarlı form&uuml;l
						</div>
					</div>
				</div>
                
                <div class="four columns identity photography tehnology">
					<div class="work">
					 
							<img src="images/portfolio/cila.jpg" alt="">
							<div class="link-overlay fa fa-chevron-right"></div>
						 
						 <h4>Cila </h4>
					  <div class="tags">
							Parlatır, Su tutmaz
					  </div>
				  </div>
				</div>
                
                <div class="four columns identity photography tehnology">
					<div class="work">
					 
							<img src="images/portfolio/krm-korur.jpg" alt="">
							<div class="link-overlay fa fa-chevron-right"></div>
						 
						 <h4>Kromajları korur </h4>
					  <div class="tags">
							Parlak kromajları daha da parlatır
					  </div>
				  </div>
				</div>
				 
			
<div class="clearfix"></div>
			
	<!-- begin promobox -->
	<div class="sixteen columns">
	    <div class="promo-box clearfix">
	        <div class="text">
	        <h3>Son Teknoloji Aşınmaz, Anti-Korozyon Boya</h3>
	        <p>En zor zeminlerde, Korozyon derdinin bitmediği, aşınma problemlerinin bolca yaşandığı zeminler i&ccedil;in &ccedil;&ouml;z&uuml;m.</p>
	        </div>
	        <a class="btn big colored" href="#"><i class="fa fa-hand-o-right"></i>İncelemek i&ccedil;in </a>
	    </div>	
	</div>	
    <!-- end promobox -->
    
    


</div><!-- container --><footer class="footer">
    <div class="container">
	<div class="footer-top clearfix">
	<div class="four columns">
	<h3>MA-FRA Hakkında</h3>
	<p>MA-FRA satış ağı , İtalya i&ccedil;inde 130' dan fazla firma ile Avrupa ve Avrupa dışı 38'i aşkın &uuml;lkede bulunan distrib&uuml;t&ouml;rlerinden oluşmaktadır.</p>
	<p>MA-FRA T&uuml;rkiye Genel Distrib&uuml;t&ouml;r&uuml;l&uuml;ğ&uuml;n&uuml; firmamız Vira Petro Kimya Ltd. Şti. yapmaktadır. </p>
	</div>
	 
<div class="six columns">
<h3>&Ouml;rnek Uygulamalar</h3>
						<div class="latest-project">
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-01.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-02.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-03.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-04.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-05.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-06.jpg" alt=""></a>
							</div>
                            <div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-07.jpg" alt=""></a>
							</div>
							<div class="latest-project-item">
								<a href="#"><img src="images/elements/yuzey-temizleme-08.jpg" alt=""></a>
							</div>
						</div>
</div>
<div class="six columns">
						<h3>İletişim</h3>
						<ul class="list contact" style="margin-bottom: 15px;">
							<li class="contact-address"><i class="fa fa-map-marker"></i><span>Derin Y&uuml;zey Temizleme ve Koruma Sistemleri</span></li>
							<li class="contact-address"><i class="fa fa-envelope"></i><a class="link" href="#">info@derinyuzeytemizleme.com</a></li>
							<li class="contact-address"><i class="fa fa-phone"></i><span>+90 216 447 12 66</span></li>
							<li class="contact-address"><i class="fa fa-phone"></i><span>+90 216 447 12 67</span></li>
							<li class="contact-address"><i class="fa fa-phone"></i><span>+90 532 421 49 36</span></li>
						 
						</ul>
		
<div class="tooltips">			
			<ul class="social-icons-footer">
				<li><a href="#" data-rel="tooltip" title="Twitter"><i class="fa fa-twitter"></i></a></li>
				<li><a href="#" data-rel="tooltip" title="Facebook"><i class="fa fa-facebook"></i></a></li>
				 
				<li><a href="#" data-rel="tooltip" title="LinkedIn"><i class="fa fa-linkedin"></i></a></li>
				<li> 
			</ul>
</div>

</div>
	</div><!-- footer-top -->
	</div>

	<div class="container">
	<div class="footer-bottom clearfix">
	<div class="eight columns">
	<p> 2014 &copy; Derin Y&uuml;zey Temizleme </p>
	</div>
	<div class="eight columns">
	<nav class="footer-nav">
<ul>
<li>
<a class="first" href="index.asp">Ana Sayfa</a>
/
</li>
 
<li>
<a href="?p=hakkimizda">Hakkımızda</a>
/
</li>
<li>
<a href="?p=urunler">&Uuml;r&uuml;nler</a>
/
</li>
<li>
<a href="?p=iletisim">İletişim</a>
</li>
</ul>
</nav>
</div>
</div><!-- footer-bottom -->
</div>
	
</footer><!-- footer -->

<script type="text/javascript">

$(window).load(function() {
	$("#flexiselDemo2").flexisel({
		visibleItems: 5,
		animationSpeed: 1000,
		autoPlay: true,
		autoPlaySpeed: 3000,    		
		pauseOnHover: true,
		enableResponsiveBreakpoints: true,
    	responsiveBreakpoints: { 
    		portrait: { 
    			changePoint:480,
    			visibleItems: 1
    		}, 
    		landscape: { 
    			changePoint:640,
    			visibleItems: 2
    		},
    		tablet: { 
    			changePoint:768,
    			visibleItems: 3
    		}
    	}
    });
    
});
</script>
<!-- End Document
================================================== -->
</body>
</html>