
<!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  >
        <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 class="current_page_item">
<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 -->


				<div class="container">
<div class="sixteen columns page-title">
<div class="eight columns alpha">
<h3> <span>İletişim</span> </h3>
</div>
<div class="eight columns omega">
 
</div>
<div class="clearfix"></div>
</div><!-- page-title -->
</div><!-- container -->

<div class="container">

	<!-- begin google map --> 
			<div class="sixteen columns google-map">
				<div id="map_canvas" class="full-shadow" style="width: 100%; padding-top: 40%;">
				</div>
                <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
				<script src="js/jquery.gmap.min.js"></script>
				<script>
					jQuery('#map_canvas').gMap({
						maptype: 'ROADMAP',
						scrollwheel: false,
						zoom: 14,
						markers: [
							{
								address: 'tuzla, istanbul', // Your Adress Here
								html: '',
								popup: false,
							}
						],
					});
				</script>
			</div>
    <!-- end google map -->
	
            <div class="clearfix"></div>

		
	        <!-- begin main -->
            <div class="ten columns">
            <!-- begin contact form -->
            <h4 class="headline">İletişim</h4>
            <p>Bize buradan ulaşabilir, sorularına cevap almak i&ccedil;in yazabilirsiniz.</p>

		<!--
		#########################################
			- Ajax Contact Form / Start -
		#########################################
		-->
		<div class="ajax-contact-form">
			<div class="form">
			
				<div class="form-holder">
					<div class="notification canhide"></div>	
										
					<form id="frm_contact" name="frm_contact" action="contact.php" method="post">
						
						<div class="field">
							<label for="name">İsim, Soyisim</label>
							<div class="inputs">
								<input class="aweform" type="text" id="name" name="name" />
							</div>  
						</div>
						
						<div class="field">
							<label for="email">e-mail adresi</label>
							<div class="inputs">
								<input class="aweform" type="text" id="email" name="email" />
							</div>  
						</div>
						
						<div class="field">
							<label for="phone">Telefon</label>
							<div class="inputs">
								<input class="aweform small" type="text" id="phone" name="phone" />
							</div>  
						</div>
						
						 
						
						<div class="field">
							<label for="message">Mesaj</label>
							<div class="inputs">
								<textarea class="aweform" id="message" name="message" rows="30" cols="5"></textarea>
							</div>  
						</div>
						 
						
						<div class="form-submit">
							<button type="submit" id="submit" name="submit">Mesajı g&ouml;nder</button>   
						</div>
						
					</form>
					
				</div>
				
			</div>
			
		</div>
		<!--
		#########################################
			- Ajax Contact Form / End -
		#########################################
		-->
			
            </div>
            <!-- end main -->
            
            <!-- begin sidebar -->
            <div class="six columns sidebar">
                <h4 class="headline">Bilgilerimiz</h4>
                		<ul class="list contact">
						<li class="contact-address"><i class="fa fa-map-marker"></i><span><strong>Adres:</strong> Evliya &Ccedil;elebi Mah.</span> &Ouml;zen Sk. No: 2/2 Tuzla / İstanbul</li>
						<li class="contact-phone"><i class="fa fa-phone"></i><span><strong>Telefon:</strong> +90 216 447 12 66</span></li>
                        <li class="contact-phone"><i class="fa fa-phone"></i><span><strong>Faks:</strong> +90 216 447 12 67</span></li>
                        <li class="contact-phone"><i class="fa fa-phone"></i><span><strong>Mobil:</strong> +90 532 421 49 36</span></li>
						<li class="contact-mail"><i class="fa fa-envelope"></i><strong>E-mail:</strong> <a href="#">info@derinyuzeytemizleme.com</a></li>
					</ul>
            </div>
            <!-- end sidebar -->
				
            <div class="clearfix"></div>
				
</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>