
<!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 class="active"><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="shop">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
				<h4>RESİM GALERİSİ</h4>
					<div class="products-heading">
						&nbsp;
					</div>	<!-- End of /.Products-heading -->
					<div class="product-grid">
					


</div>
<div class="row">

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -8" data-caption="Resim-8 Metin" data-image="img/gal8.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal8.jpg" alt="Resim -8">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -7" data-caption="Resim-7 Metin" data-image="img/gal7.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal7.jpg" alt="Resim -7">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -6" data-caption="Resim-6 Metin" data-image="img/gal6.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal6.jpg" alt="Resim -6">
            </a>
        </div>

  

</div>
<div class="row">

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -5" data-caption="Resim-5 Metin" data-image="img/gal5.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal5.jpg" alt="Resim -5">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -4" data-caption="Resim-4 Metin" data-image="img/gal4.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal4.jpg" alt="Resim -4">
            </a>
        </div>

  

         <div class="col-lg-4 col-md-4  thumb">
            <a class="thumbnail" href="#" data-image-id="" data-toggle="modal" data-title="Resim -3" data-caption="Resim-3 Metin" data-image="img/gal3.jpg" data-target="#image-gallery">
                <img class="img-responsive" src="img/gal3.jpg" alt="Resim -3">
            </a>
        </div>

  
    
  </div>
						</div>		
			</div>	<!-- End of /.row -->
		</div>	<!-- End of /.container -->
	</section>	
 


  <div class="pagination-bottom">
						<ul class="pagination">
			<li><a href="#">Sayfalar</a></li>			
 
<li><a href="#">1</a></li> 
<li><a href="?atbr=2&sayfa=1">2</a></li>
		
</ul>
</div>	





    
    
 <div class="modal fade" id="image-gallery" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Kapat</span></button>
                <h4 class="modal-title" id="image-gallery-title"></h4>
            </div>
            <div class="modal-body">
                <img id="image-gallery-image" class="img-responsive" src="">
            </div>
            <div class="modal-footer">

                <div class="col-md-2">
                    <button type="button" class="btn btn-primary" id="show-previous-image">Geri</button>
                </div>

                <div class="col-md-8 text-justify" id="image-gallery-caption">
                    This text will be overwritten by jQuery
                </div>

                <div class="col-md-2">
                    <button type="button" id="show-next-image" class="btn btn-default">İleri</button>
                </div>
            </div>
        </div>
    </div>
</div>

    <!-- 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>