
<!DOCTYPE html>
<html lang="en">
	<head>
		<title>Olivia</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta charset="windows-1254">
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/animate.css" rel="stylesheet" media="screen">
		<link href="css/streamline-icons.css" rel="stylesheet" media="screen">
		<link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
		<link href="css/perfect-scrollbar.css" rel="stylesheet" media="screen">
		<link href="css/styles.css" rel="stylesheet" media="screen">


		<!-- Favicon -->
		<link rel="shortcut icon" href="images/favicon.ico">

		<!-- <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'> -->

		<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100,300' rel='stylesheet' type='text/css'>


		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,700' rel='stylesheet' type='text/css'>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!--[if lt IE 9]>
			<script src="js/ie/html5shiv.js"></script>
			<script src="js/ie/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>

		<header id="header">
			<div id="sidebar-content">

	<div class="logo">
		<a href="#"><img src="images/logo.png" alt="Logo"></a>
	</div>

	<nav id="nav-container">
		<ul>
			<li><a href="Default.asp">Anasayfa</a></li>
			<li>
				<a href="#">Kurumsal</a>
				<ul class="sub-menu">
					
					<li><a href="Hakkimizda.asp?ID=2">Tarihçe</a></li>
					
				</ul>
			</li>
			<li>
				<a href="#">ÜRÜNLERİMİZ</a>
				<ul class="sub-menu">
				
					<li><a href="Urunlerimiz.asp?ID=1">Bay</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=2">Bot</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=3">Klasik</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=4">Sandalet</a></li>
				
					<li><a href="Urunlerimiz.asp?ID=5">Spor</a></li>
					
				</ul>
			</li>
			<li><a href="Iletisim.asp">İLETİŞİM</a></li>
		</ul>
	</nav><!-- end nav-container -->

	<div class="social-container">
		<a href="#"><i class="fa fa-facebook"></i></a>
		<a href="#"><i class="fa fa-pinterest"></i></a>
		<a href="#"><i class="fa fa-twitter"></i></a>
		<a href="#"><i class="fa fa-dribbble"></i></a>
	</div>

	<div id="footer">
		<div id="footer-content">
			<span class="copy">design by <a href="#">mgm bilisim</a></span>
		</div>

	</div>

</div><!-- end sidebar-content -->
		</header>

		<div class="main-content">

			<section class="section-block">

				<h1 class="section-title wow bounceIn" ><span class="light">İLETİŞİM<span></h1>

				<div class="divider"></div>
				
				<div class="col-sm-6" style="height:40px;"><b>Adres :</b> Mimar Kemalattin Mah. Koca Rağıppaşa Cad. No:8/204 Ali Gülaçtı Center Laleli Fatih/İstanbul</div>
				<div class="col-sm-6" style="height:40px;"><b>Telefon :</b> +90 212 517 1767</div>
				<div class="col-sm-6" style="height:40px;"><b>Fax :</b> +90 532 471 6317</div>
				<div class="col-sm-6" style="height:40px;"><b>E-Mail :</b> info@sylviacarlo.net</div>
				
				<div style="clear:both;height:20px;"></div>
				<div class="divider"></div>

				<div class="row wow bounceInLeft" data-wow-delay="0.5s">
					<div class="col-sm-7">

						<form action="process.asp" id="contactForm" method="post">
							<ul class="contactform">
								<li>
									<span class="contact-input-icon">
										<i class="fa fa-user"></i>
									</span>
									<div class="input-field">
										<input type="text" name="contactName" id="contactName" value="" class="required requiredField" placeholder="Ad - Soyad"/>
									</div>
								</li>

								<li>
									<span class="contact-input-icon">
										<i class="fa fa-envelope"></i>
									</span>
									<div class="input-field">
										<input type="text" name="email" id="email" value="" class="required requiredField email" placeholder="E-Mail"/>
									</div>
								</li>

								<li class="textarea">
									<span class="contact-input-icon">
										<i class="fa fa-pencil"></i>
									</span>
									<div class="input-field">
										<textarea name="comments" id="commentsText" rows="6" cols="20" class="required requiredField" placeholder="Mesajını yazınız.."></textarea>
									</div>
								</li>

								<li class="buttons">
									<button type="submit" class="button">Gönder</button>
								</li>
							</ul>
						</form>

					</div><!-- end col-sm-7 -->

					<div class="col-sm-5">
						<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3009.396730168855!2d28.986981049999997!3d41.0384525!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x14cab76ff797ca69%3A0x1d95d08d474d6487!2sTaksim+Gezi+Park%C4%B1!5e0!3m2!1str!2s!4v1395604151374" style="width:100%;height:310px;" frameborder="0" style="border:0"></iframe>
					</div><!-- end col-sm-5 -->
				</div><!-- end row -->

			</section><!-- end section-block -->

		</div><!--end main-content-->


		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="js/nprogress.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.isotope.min.js"></script>
		<script src="js/jquery.bxslider.min.js"></script>
		<script src="js/jquery.fitvids.js"></script>
		<script src="js/jquery.transit.min.js"></script>
		<script src="js/jquery.mousewheel.js"></script>
		<script src="js/perfect-scrollbar-0.4.8.min.js"></script>
		<script src="js/jquery.mobilemenu.js"></script>
		<script src="js/jquery.parallax-1.1.3.js"></script>
		<script src="js/jquery.inview.min.js"></script>
		<script src="js/retina-1.1.0.min.js"></script>
		<script src="js/jquery.easypiechart.min.js"></script>
		<script src="js/wow.min.js"></script>
		<!-- Google Maps API -->
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
		<!-- jQuery Validate -->
		<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>


	<script src="js/min/custom.min.js"></script>
</body>

</html>
