
<!doctype html>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
	<title>Ataber Lokanta</title>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

	<!-- Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700' rel='stylesheet' type='text/css'>
	<link rel="icon" href="img/food.ico" type="image/x-icon">
	<link rel="shortcut icon" href="img/food.ico" type="image/x-ico">
	<!-- Css -->
	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" />
	<link rel="stylesheet" href="css/owl.carousel.css">
	<link rel="stylesheet" href="css/owl.theme.css">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="../fontawesome/css/fontawesome.min.css">
	<link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="css/responsive.css">
	<link rel="stylesheet" href="../fontawesome/css/all.css">


	<!-- jS -->
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/jquery.nivo.slider.js" type="text/javascript"></script>
	<script src="js/owl.carousel.min.js" type="text/javascript"></script>
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/jquery.scrollUp.min.js"></script>
	<script src="js/main.js" type="text/javascript"></script>
	<script src="js/atbr.js" type="text/javascript"></script>


</head>
<body>


<!-- TOP HEADER Start
    ================================================== -->
	
	<section id="top">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<p class="contact-action"><i class="fa fa-phone-square"></i>HER TÜRLÜ BİLGİ İÇİN ARAYABİLİRSİNİZ: <strong>+14149991212</strong></p>
				</div>
						</div> <!-- End Of /.row -->
		</div>	<!-- End Of /.Container -->

	</section>  <!-- End of /Section -->
	


	<!-- LOGO Start
    ================================================== -->
	
	<header>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<a href="#">
						<img src="img/banner.png" alt="logo" width="283" height="91">
					</a>
				</div>	<!-- End of /.col-md-12 -->
			</div>	<!-- End of /.row -->
		</div>	<!-- End of /.container -->
	</header> <!-- End of /Header -->

	


	<!-- MENU Start
    ================================================== -->

	<nav class="navbar navbar-default">
		<div class="container">
		    <div class="navbar-header">
		      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
		        <span class="sr-only">Toggle navigation</span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		        <span class="icon-bar"></span>
		      </button>
		    </div> <!-- End of /.navbar-header -->

		    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		      	<ul class="nav navbar-nav nav-main">
		        	<li ><a href="?">BAŞLANGIÇ</a></li>
					<li ><a href="?atbr=1">ÜRÜNLERİMİZ</a></li>
					<li ><a href="?atbr=2">RESİM GALERİSİ</a></li>
					<li ><a href="?atbr=3">HAKKIMIZDA</a></li>
					<li class="dropdown  ">
						<a href="#">
							DİĞERLERİ
							<span class="caret"></span>
						</a>
						<ul class="dropdown-menu">

		   <li><a  href="?atbr=4&at=2">Vizyonumuz</a></li>
              

		   <li><a  href="?atbr=4&at=3">Misyonumuz</a></li>
              

		   <li><a  href="?atbr=4&at=4">Politikamız</a></li>
              
   
								    
						</ul>
					</li> <!-- End of /.dropdown -->
	<li ><a href="?atbr=5">İLETİŞİM</a></li>
					
		        </ul> <!-- End of /.nav-main -->
		    </div>	<!-- /.navbar-collapse -->
		</div>	<!-- /.container-fluid -->
	</nav>	<!-- End of /.nav -->



	
	<!-- SLIDER Start
    ================================================== -->


	<section id="topic-header">
		<div class="container">
			<div class="row">
			<h4>ÜRÜN DETAYLARI</h4>
			<div class="products-heading">
					&nbsp;
					</div>

				
				<!-- /.col-md-4 -->
							</div>	<!-- /.row -->
		</div>	<!-- /.container-->
	</section><!-- /Section -->




	<section id="single-product">
		<div class="container">
			<div class="row">

				<div class="col-md-5">
					<div class="single-product-img">
						<img src="img/cor4.jpg" alt="" width="450" height="327">
					</div>

				</div> <!-- End of /.col-md-5 -->
				<div class="col-md-4">
					<div class="block">
						<div class="product-des">
							<h4>Mantar Çorbası</h4>
							<p class="price">10,00 TL</p>
							<p>Mantar Çorbası</p>
													
							<a class="view-link" style="background-color:#FF6600" href="tel://+14149991212"><i class="fas fa-phone"></i>Telefon ile Sipariş</a>
							<a class="view-link"  href="https://wa.me/+9994141212?text=Mantar Çorbası"><i class="fab fa-whatsapp"></i>Whatsapp Siparişi</a>
							


						</div>	<!-- End of /.product-des -->
					</div> <!-- End of /.block -->
				</div>	<!-- End of /.col-md-4 -->
				

			<div class="col-md-3">
					<div class="blog-sidebar">
						<div class="block">
							<h4> Ürün Kategorileri</h4>
							<div class="list-group">
							
	
	
							
								<a href="?atbr=1&at=1" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Çorbalar
								</a>

	
							
								<a href="?atbr=1&at=2" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Kebaplar
								</a>

	
							
								<a href="?atbr=1&at=3" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Tatlılar
								</a>

	
							
								<a href="?atbr=1&at=4" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Salatalar
								</a>

	
							
								<a href="?atbr=1&at=5" class="list-group-item">
									<i class="fa  fa-dot-circle-o"></i>
									Balık Ürünleri
								</a>
	

							</div>
						</div>
	</div>
			</div>
				</div>
						
				<div class="row">
				<div class="col-md-9 col-12">
									<ul class="nav nav-tabs">
						<li class="active" ><a href="#siparis" style="background-color:#C60000" class="view-link"  data-toggle="tab">Jet Sipariş</a></li>
					</ul>

					<!-- Tab panes -->
					<div class="tab-content">
						<div class="tab-pane active" id="siparis">
					
				
					<!-- Nav tabs -->

 <form id="giris" action="?atbr=6&at=4&br=1" method="post">
 
  <div class="input-group">
    <span class="input-group-addon"><i class="fas fa-user"></i></span>
    <input id="adsoyad" type="text" class="form-control" name="adsoyad" placeholder="Adınız Soyadınız" size="20">
  </div>
  <br>

  <div class="input-group">
    <span class="input-group-addon"><i class="fas fa-phone"></i></span>
    <input id="telefon" type="text" class="form-control" name="telefon" placeholder="Telefon Numaranız" size="20">
  </div>
  <br>

<div class="form-group">
  <label for="comment">Sipariş Detayı:</label>
  <textarea class="form-control" rows="5" id="siparis" name="siparis" cols="20">Ürün: Mantar Çorbası, İçecek :</textarea>
</div>
 
  <div class="input-group">
    <span class="input-group-addon"><img border='0' src='Resim/guvenlikkodu/7_1.png'><img border='0' src='Resim/guvenlikkodu/1_1.png'><img border='0' src='Resim/guvenlikkodu/6_1.png'><img border='0' src='Resim/guvenlikkodu/7_1.png'><img border='0' src='Resim/guvenlikkodu/0.png'></span>
    <input id="gkodu" type="text" class="form-control" name="gkodu" placeholder="Rakamları Buraya Yazın" size="20">
  </div>
  <br>
 
	  <input type="submit" class="btn btn-danger" value="Sipariş ver">					
	 
  
</form>		
			
				
			
	</div>
				</div>
				</div>	<!-- End of /.col-md-9 -->

				<div class="col-md-3">
					<div class="blog-sidebar">


						<div class="block">
							<h4>Son Eklenen Ürünler</h4>
							<ul class="media-list">
							
							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=14">
							      		<img class="media-object" src="img/26092021YPMISE151514sal1.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=14" class="media-heading">Çoban Salatası
							      		<p>Çoban Salatası...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=11">
							      		<img class="media-object" src="img/bal1.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=11" class="media-heading">Alabalık
							      		<p>Alabalık...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=9">
							      		<img class="media-object" src="img/tat2.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=9" class="media-heading">Sütlaç
							      		<p>Sütlaç...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=8">
							      		<img class="media-object" src="img/tat1.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=8" class="media-heading">Peynirli Künefe
							      		<p>Peynirli Künefe...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=7">
							      		<img class="media-object" src="img/keb3.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=7" class="media-heading">Ciğer Şiş
							      		<p>Ciğer Şiş...</p></a>
							    	</div>
							  	</li>

							 	<li class="media">
							    	<a class="pull-left" href="?atbr=6&at=6">
							      		<img class="media-object" src="img/keb2.jpg" alt="...">
							    	</a>
							    	<div class="media-body">
							      		<a href="?atbr=6&at=6" class="media-heading">Acılı Kebap
							      		<p>Acılı Kebap...</p></a>
							    	</div>
							  	</li>

							  </ul>
						</div>

						</div>	<!-- End of /.col-md-3 -->
									</div>	<!-- End of /.row -->
				
		</div>	<!-- End of /.container -->
	</section>	
    </div>
    </div>
    <br>
    <!-- End of Section -->
	<!-- FOOTER Start
    ================================================== -->

	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-5">
					<div class="block clearfix">
						<a href="#">
							<img src="img/banner.png" alt="" width="210" height="68">
						</a>
						<p>
							1998 Yılından beri kaliteli ve organik ürünler ile kaliteyi ucuza sunmaktayız.						</p>
						<h4 class="connect-heading">Kanallar</h4>
						<ul class="social-icon">
							<li>
								<a target="_blank" class="linkedin-icon" href="https://www.facebook.com">
									<i class="fab fa-facebook"></i>
								</a>
							</li>
							<li>
								<a target="_blank" class="twitter-icon" href="https://www.twitter.com">
									<i class="fab fa-twitter"></i>
								</a>
							</li>
							<li>
								<a target="_blank" class="pinterest-icon" href="https://www.youtube.com/">
									<i class="fab fa-youtube"></i>
								</a>
							</li>
							<li>
								<a target="_blank" class="linkedin-icon" href="https://www.instagram.com">
									<i class="fab fa-instagram"></i>
								</a>
							</li>
						</ul>	<!-- End Of /.social-icon -->
					</div>	<!-- End Of /.block -->
				</div> <!-- End Of /.Col-md-4 -->
				<div class="col-md-5">
					<div class="block">
						<h4>İletişim</h4>
						<p ><i class="fa  fa-map-marker"></i> <span>Adres :</span> Bilinmeyen Caddesi Bilinmeyen Sok. No:17 Bilinmeyen/Bilinmeyen</p>
						<p> <i class="fa  fa-phone"></i> <span>Telefon :</span> +14149991212 </p>

						<p> <i class="fa  fa-mobile"></i> <span>Whatsapp :</span> +9994141212</p>
 
						<p class="mail"><i class="fa  fa-envelope"></i><span>Email :</span> info@ataber.com</p>
					</div>	<!-- End Of /.block -->
				</div> <!-- End Of Col-md-3 -->
				<div class="col-md-2">
					<div class="block">
						<h4>Sayfalar</h4>
						<div class="media">
		      	<ul>
		        	<li><a href="?"  style="color: white;">BAŞLANGIÇ</a></li>
					<li><a href="?atbr=1"  style="color: white;">ÜRÜNLERİMİZ</a></li>
					<li><a href="?atbr=2"  style="color: white;">RESİM GALERİSİ</a></li>
					<li><a href="?atbr=3"  style="color: white;">HAKKIMIZDA</a></li>

		   <li><a   style="color: white;" href="?atbr=4&at=2">VIZYONUMUZ</a></li>
              

		   <li><a   style="color: white;" href="?atbr=4&at=3">MISYONUMUZ</a></li>
              

		   <li><a   style="color: white;" href="?atbr=4&at=4">POLITIKAMıZ</a></li>
              
   
								    
	<li><a href="?atbr=5"  style="color: white;">İLETİŞİM</a></li>
					
		        </ul> <!-- End of /.nav-main -->


				</div>	<!-- End Of /.media -->
					</div>	<!-- End Of /.block -->
				</div> <!-- End Of Col-md-3 -->
			</div> <!-- End Of /.row -->
		</div> <!-- End Of /.Container -->
		


	<!-- FOOTER-BOTTOM Start
    ================================================== -->

		<div class="footer-bottom">
			<div class="container">
				<div class="row">
					<div class="col-md-12">
                        <a target="_blank" href="http://www.ataber.com/">
						<img src="ataberx.png"></a> 
						<p class="copyright-text pull-right">Designed by <a href="http://www.themexpert.com">Themexpert</a> Edit by <a href="http://www.ataber.com">ibrahim Ataber</a>.</p>
					</div>	<!-- End Of /.col-md-12 -->	
				</div>	<!-- End Of /.row -->	
			</div>	<!-- End Of /.container -->	
		</div>	<!-- End Of /.footer-bottom -->
	</footer> <!-- End Of Footer -->
	
	<a id="back-top" href="#"></a>
</body>
</html>