

<!DOCTYPE html>
<html>

  <head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap" rel="stylesheet">
	<link rel="icon" href="img/27092021PSPC5V164830Cafe.ico" type="image/x-icon">
	<link rel="shortcut icon" href="img/27092021PSPC5V164830Cafe.ico" type="image/x-ico">
	<title>AtaberKafe</title>
<!--
    
TemplateMo 558 Klassy Cafe

https://templatemo.com/tm-558-klassy-cafe

-->
    <!-- Additional CSS Files -->
    <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

    <link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">

    <link rel="stylesheet" href="assets/css/templatemo-klassy-cafe.css">

    <link rel="stylesheet" href="assets/css/owl-carousel.css">

    <link rel="stylesheet" href="assets/css/lightbox.css">

    </head>
    
    <body>
    
    <!-- ***** Preloader Start ***** -->
    <div id="preloader">
        <div class="jumper">
            <div></div>
            <div></div>
            <div></div>
        </div>
    </div>  
    <!-- ***** Preloader End ***** -->
    
    
    <!-- ***** Header Area Start ***** -->
    <header class="header-area header-sticky">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <nav class="main-nav">
                        <!-- ***** Logo Start ***** -->
                        <a href="?" class="logo">
                            <img src="img/27092021KBTXTG142825klassy-logo8.png" align="klassy cafe html template" width="170" height="55">
                        </a>
                        <!-- ***** Logo End ***** -->
                        <!-- ***** Menu Start ***** -->
                        <ul class="nav">
                            <li class="scroll-to-section"><a href="#top" class="active">Başlangıç</a></li>
                            <li class="scroll-to-section"><a href="#about">Hakkımızda</a></li>
                           	
                        <!-- 
                            <li class="submenu">
                                <a href="javascript:;">Drop Down</a>
                                <ul>
                                    <li><a href="#">Drop Down Page 1</a></li>
                                    <li><a href="#">Drop Down Page 2</a></li>
                                    <li><a href="#">Drop Down Page 3</a></li>
                                </ul>
                            </li>
                        -->
                            <li class="scroll-to-section"><a href="#menu">Menu</a></li>
                            <li class="scroll-to-section"><a href="#chefs">Şeflerimiz</a></li> 
                                                       <li class="scroll-to-section"><a href="#reservation">İletişim</a></li> 
                        </ul>        
                        <a class='menu-trigger'>
                            <span>Menu</span>
                        </a>
                        <!-- ***** Menu End ***** -->
                    </nav>
                </div>
            </div>
        </div>
    </header>
    <!-- ***** Header Area End ***** -->

    <!-- ***** Main Banner Area Start ***** -->
    <div id="top">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-4">
                    <div class="left-content">
                        <div class="inner-content">
                            <h4>AtaberKafe</h4>
                            <h6>Daima Kaliteli...</h6>
                            <div class="main-white-button scroll-to-section">
                                <a href="#reservation">Rezervasyon Yap</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-8">
                    <div class="main-banner header-text">
                        <div class="Modern-Slider">
                   

                          <div class="item">
                            <div class="img-fill">
                                <img src="img/2892021H5N85S041044slide-01.jpg" class="img-fluid">
                            </div>
                            </div>
                         

                          <div class="item">
                            <div class="img-fill">
                                <img src="img/2892021OPEVU4041057slide-02.jpg" class="img-fluid">
                            </div>
                            </div>
                         

                          <div class="item">
                            <div class="img-fill">
                                <img src="img/2892021LHKVAA041108slide-03.jpg" class="img-fluid">
                            </div>
                            </div>
                         	                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ***** Main Banner Area End ***** -->

    <!-- ***** About Area Starts ***** -->
    <section class="section" id="about">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div class="left-text-content">
                        <div class="section-heading">
                            <h6>Hakkımızda</h6>
                            <h2>Daima Kaliteli...</h2>
                        </div>
                        <p>Lezzetli yemek yemek ister misin?<br>Aklınızda nasıl bir yemek olursa olsun Restaurantımız sizin için hazırlamaya hazır.<br>1973'ten beri Lokantamız bölge sakinleri için akşam yemeği mekanı olmuştur.<br>Lokantamız, öğle ve akşam yemeklerinde sağlıklı ve lezzetli yemek seçeneklerinin yanı sıra tüm gün kahvaltı sunmaktadır.<br>Lokantamız salatalara, deniz ürünlerinden makarnalara kadar taze hazırlanmış her çeşit doyurucu yemek bulacaksınız.<br>Lokantamızda ayrıca lezzetli unlu mamüller ve ünlü cheesecake'imiz de dahil olmak üzere diğer ikramlarla dolu bir fırın bulunmaktadır.<br>Size en iyi yemekleri sunmak için buradayız.</p>
                        <div class="row">
                                                   <div class="col-4">
                                <img src="img/cor1.jpg" width="250px" height="150px" alt="">
                            </div>
                             <div class="col-4">
                                <img src="img/cor2.jpg" width="250px" height="150px" alt="">
                            </div>
                             <div class="col-4">
                                <img src="img/cor3.jpg" width="250px" height="150px" alt="">
                            </div>
                           
                            
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-xs-12">
                    <div class="right-content">
                        <div class="thumb">
                            <a rel="nofollow" href="https://www.youtube.com"><i class="fa fa-play"></i></a>
                            <img src="img/280920216NK9R0002851slide-02.jpg"  width="100%" height="100%" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** About Area Ends ***** -->

    <!-- ***** Menu Area Starts ***** -->
    <section class="section" id="menu">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                    <div class="section-heading">
                        <h6>Menumüz</h6>
                        <h2>Leziz Yemek Çeşitlerimiz</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="menu-item-carousel">
            <div class="col-lg-12">
                <div class="owl-menu-item owl-carousel">
                    
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/cor1.jpg')");">
                            <div class="price"><h6>10TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Mercimek Çorbası</h1>
                              <p class='description'>Mercimek Çorbası</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/cor2.jpg')");">
                            <div class="price"><h6>10TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Domates Çorbası</h1>
                              <p class='description'>Domates Çorbası</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/cor3.jpg')");">
                            <div class="price"><h6>10TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Ezogelin Çorbası</h1>
                              <p class='description'>Ezogelin Çorbası</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/cor4.jpg')");">
                            <div class="price"><h6>10TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Mantar Çorbası</h1>
                              <p class='description'>Mantar Çorbası</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/keb1.jpg')");">
                            <div class="price"><h6>25TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Kanat Mangal</h1>
                              <p class='description'>Kanat Mangal</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/keb2.jpg')");">
                            <div class="price"><h6>25TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Acılı Kebap</h1>
                              <p class='description'>Acılı Kebap</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/keb3.jpg')");">
                            <div class="price"><h6>35TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Ciğer Şiş</h1>
                              <p class='description'>Ciğer Şiş</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/tat1.jpg')");">
                            <div class="price"><h6>15TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Peynirli Künefe</h1>
                              <p class='description'>Peynirli Künefe</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/tat2.jpg')");">
                            <div class="price"><h6>12TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Sütlaç</h1>
                              <p class='description'>Sütlaç</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/bal1.jpg')");">
                            <div class="price"><h6>30TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Alabalık</h1>
                              <p class='description'>Alabalık</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
	                  
                  <div class="item" >
                        <div class='card' style="background-image:url('img/26092021YPMISE151514sal1.jpg')");">
                            <div class="price"><h6>8TL</h6></div>
                            <div class='info'>
                              <h1 class='title'>Çoban Salatası</h1>
                              <p class='description'>İsteğinize göre soğanlı veya soğansız tercihiz edebilirsiniz.</p>
                              <div class="main-text-button">
                                  <div class="scroll-to-section"><a href="#reservation">Rezervasyon Yap <i class="fa fa-angle-down"></i></a></div>
                              </div>
                            </div>
                        </div>
                    </div>
                 
  


                </div>
            </div>
        </div>
    </section>
    <!-- ***** Menu Area Ends ***** -->

    <!-- ***** Chefs Area Starts ***** -->
    <section class="section" id="chefs">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 offset-lg-4 text-center">
                    <div class="section-heading">
                        <h6>Şeflerimiz</h6>
                        <h2>Sizin için en iyi malzemeleri sunuyoruz</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                   
                <div class="col-lg-4">
                    <div class="chef-item">
                        <div class="thumb">
                            <div class="overlay"></div>
                            <ul class="social-icons">
                                <li><a target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                            <img src="img/28092021TBVNYC001028chefs-01.jpg" alt="İlker Ekin ATABER">
                        </div>
                        <div class="down-content">
                            <h4>İlker Ekin ATABER</h4>
                            <span>Pastacı Şefi</span>
                        </div>
                    </div>
                </div>
                             
                <div class="col-lg-4">
                    <div class="chef-item">
                        <div class="thumb">
                            <div class="overlay"></div>
                            <ul class="social-icons">
                                <li><a target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                            <img src="img/280920211IJK4U001040chefs-02.jpg" alt="Ali İmran ATABER">
                        </div>
                        <div class="down-content">
                            <h4>Ali İmran ATABER</h4>
                            <span>Kurabiye Şefi</span>
                        </div>
                    </div>
                </div>
                             
                <div class="col-lg-4">
                    <div class="chef-item">
                        <div class="thumb">
                            <div class="overlay"></div>
                            <ul class="social-icons">
                                <li><a target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-twitter"></i></a></li>
                                <li><a target="_blank" href="#"><i class="fa fa-instagram"></i></a></li>
                            </ul>
                            <img src="img/28092021TVG0A1001055chefs-03.jpg" alt="Yasin Rüzgar ATABER">
                        </div>
                        <div class="down-content">
                            <h4>Yasin Rüzgar ATABER</h4>
                            <span>Gözleme Şefi</span>
                        </div>
                    </div>
                </div>
                               </div>
        </div>
    </section>
    <!-- ***** Chefs Area Ends ***** -->

    <!-- ***** Reservation Us Area Starts ***** -->
    <section class="section" id="reservation">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 align-self-center">
                    <div class="left-text-content">
                        <div class="section-heading">
                            <h6>İletşim ve Rezervasyon</h6>
                            <h2>Rezervasyon yapmak için aşağıdaki yollardan birini kullanabilirsiiz.</h2>
                        </div>
                        <p>Formu doldurarak başvurmanız halinde temsilcimiz tarafından aranacaksınız.</p>
                        <div class="row">
                            <div class="col-lg-6">
                                <div class="phone">
                                    <i class="fa fa-phone"></i>
                                    <h4>İletişim Numaralarımız</h4>
                                    <span><a href="tel://+14149991212">Telefon : +14149991212</a><br><a href="https://wa.me/+9994141212">Whatsapp : +9994141212</a></span>
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="message">
                                    <i class="fa fa-envelope"></i>
                                    <h4>E-Posta Adresimiz</h4>
                                    <span><a href="info@ataber.com">info@ataber.com</a><br><br></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="contact-form">
                        <form id="contact" action="?br=1#reservation" method="post">
                          <div class="row">
                            <div class="col-lg-12">
                                <h4>Rezervasyon Formu</h4>
                            </div>
                            					
                            <div class="col-lg-6 col-sm-12">
                              <fieldset>
                                <input name="adsoyad" type="text" id="adsoyad" placeholder="Adınız Soyadınız" required="" size="20">
                              </fieldset>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                              <fieldset>
                                <input name="telefon" type="text" id="telefon" placeholder="Telefon Numaranız" required="" size="20">
                              </fieldset>
                            </div>
                             <div class="col-lg-6 col-sm-12">
                             <label>Rezervasyon Tarihi :</label>
                              <fieldset>
                                <input name="rtarih" type="date" id="rtarih" required="" size="20">
                              </fieldset>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                             <label>Rezervasyon Saati :</label>
                              <fieldset>
                                <input name="rsaat" type="time" id="rsaat" required="" size="20">
                              </fieldset>
                            </div>
							<div class="col-lg-6 col-sm-12">
                              <fieldset>
                                <input name="rmasa" type="text" id="rmasa" placeholder="Masa Sayısı" required="" size="20">
                              </fieldset>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                              <fieldset>
                                <input name="rkisi" type="text" id="rkisi" placeholder="Kişi Sayısı" required="" size="20">
                              </fieldset>
                            </div>
                            <div class="col-lg-12">
                              <fieldset>
                                <textarea name="rdetay" rows="6" id="rdetay" placeholder="Özel İstekleriniz" required="" cols="20"></textarea>
                              </fieldset>
                            </div>
                            
                            
                            <div class="col-lg-6 col-sm-12">
                              <fieldset>
                               <div class="alert alert-light">Kod : <img border='0' src='img/guvenlikkodu/9_1.png'><img border='0' src='img/guvenlikkodu/3_1.png'><img border='0' src='img/guvenlikkodu/3_1.png'><img border='0' src='img/guvenlikkodu/5_1.png'><img border='0' src='img/guvenlikkodu/7_1.png'></div>                                 
                              </fieldset>
                            </div>
                            <div class="col-lg-6 col-sm-12">
                              <fieldset>
                               <input name="gkodu" type="text" id="gkodu" placeholder="Kodu Yazınız" required="" size="20">
                              </fieldset>
                            </div>
                            <div class="col-lg-12">
                              <fieldset>
                                <button type="submit" id="form-submit" class="main-button-icon">Rezervasyon Yap</button>
                              </fieldset>
                            </div>
                            			
    
                            
                            
                            
                            
                            
                            
                          </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ***** Reservation Area Ends ***** -->

    <!-- ***** Menu Area Starts ***** -->

  <section class="section" id="offers">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 offset-lg-4 text-center">
                    <div class="section-heading">
                        <h6>Tüm Yemeklerimiz</h6>
                        <h2>Herzman taze her zaman leziz</h2>
                    </div>
                </div>
            </div>
            <div class="row">
            <div class="col-lg-12">
                            <section class='tabs-content'>
                                <article id='tabs-1'>
                                    <div class="row">
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <div class="left-list">
                                                
                                                   
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/26092021YPMISE151514sal1.jpg" alt="">
                                                            <h4>Çoban Salatası</h4>
                                                            <p>İsteğinize göre soğanlı veya soğansız tercihiz edebilirsiniz.</p>
                                                            <div class="price">
                                                                <h6>8,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/tat2.jpg" alt="">
                                                            <h4>Sütlaç</h4>
                                                            <p>Sütlaç</p>
                                                            <div class="price">
                                                                <h6>12,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/keb3.jpg" alt="">
                                                            <h4>Ciğer Şiş</h4>
                                                            <p>Ciğer Şiş</p>
                                                            <div class="price">
                                                                <h6>35,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/keb1.jpg" alt="">
                                                            <h4>Kanat Mangal</h4>
                                                            <p>Kanat Mangal</p>
                                                            <div class="price">
                                                                <h6>25,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/cor3.jpg" alt="">
                                                            <h4>Ezogelin Çorbası</h4>
                                                            <p>Ezogelin Çorbası</p>
                                                            <div class="price">
                                                                <h6>10,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/cor1.jpg" alt="">
                                                            <h4>Mercimek Çorbası</h4>
                                                            <p>Mercimek Çorbası</p>
                                                            <div class="price">
                                                                <h6>10,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12" >
                                                        <div class="tab-item" >
                                                            <img src="img/27920210RJR9J222221cola.png" alt="">
                                                            <h4>Kola</h4>
                                                            <p>Kola</p>
                                                            <div class="price">
                                                                <h6>8,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
    
                                                  
   
                                                    
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-6">
                                            <div class="row">
                                                <div class="right-list">
                                                
                                                
                                                    
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/bal1.jpg" alt="">
                                                            <h4>Alabalık</h4>
                                                            <p>Alabalık</p>
                                                            <div class="price">
                                                                <h6>30,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/tat1.jpg" alt="">
                                                            <h4>Peynirli Künefe</h4>
                                                            <p>Peynirli Künefe</p>
                                                            <div class="price">
                                                                <h6>15,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/keb2.jpg" alt="">
                                                            <h4>Acılı Kebap</h4>
                                                            <p>Acılı Kebap</p>
                                                            <div class="price">
                                                                <h6>25,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/cor4.jpg" alt="">
                                                            <h4>Mantar Çorbası</h4>
                                                            <p>Mantar Çorbası</p>
                                                            <div class="price">
                                                                <h6>10,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/cor2.jpg" alt="">
                                                            <h4>Domates Çorbası</h4>
                                                            <p>Domates Çorbası</p>
                                                            <div class="price">
                                                                <h6>10,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                
                                                    <div class="col-lg-12">
                                                        <div class="tab-item" >
                                                            <img src="img/2792021UY341M222426cat-956-720-1.jpg" alt="">
                                                            <h4>Portakal Suyu</h4>
                                                            <p>Taze meyvelerle hazırlanmış sıkma portakal suyu</p>
                                                            <div class="price">
                                                                <h6>7,00TL</h6>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
    


                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </article>  
                            </section>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    <!-- ***** Chefs Area Ends ***** --> 
    
    <!-- ***** Footer Start ***** -->
    <footer>
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-xs-12">
                    <div class="right-text-content">
                            <ul class="social-icons">
                                <li><a target="_blank" href="https://www.facebook.com"><i class="fa fa-facebook"></i></a></li>
                                <li><a target="_blank" href="https://www.twitter.com"><i class="fa fa-twitter"></i></a></li>
                                <li><a target="_blank" href="https://www.instagram.com"><i class="fa fa-instagram"></i></a></li>
                            </ul><br><br>
                             <a target="_blank" href="http://www.ataber.com/">
						<img src="ataberb.png"></a> 

                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="logo">
                        <a href="?">
         <img src="img/27092021KBTXTG142825klassy-logo8.png" alt="" width="170" height="55"></a>
                </div>
            </div>
                <div class="col-lg-4 col-xs-12">
                    <div class="left-text-content">
                        <p>Edit by <a href="http://www.ataber.com">ibrahim Ataber</a>.
                        
                        <br>Design: TemplateMo</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <!-- jQuery -->
    <script src="assets/js/jquery-2.1.0.min.js"></script>

    <!-- Bootstrap -->
    <script src="assets/js/popper.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>

    <!-- Plugins -->
    <script src="assets/js/owl-carousel.js"></script>
    <script src="assets/js/accordions.js"></script>
    <script src="assets/js/datepicker.js"></script>
    <script src="assets/js/scrollreveal.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/imgfix.min.js"></script> 
    <script src="assets/js/slick.js"></script> 
    <script src="assets/js/lightbox.js"></script> 
    <script src="assets/js/isotope.js"></script> 
    
    <!-- Global Init -->
    <script src="assets/js/custom.js"></script>
    <script>

        $(function() {
            var selectedClass = "";
            $("p").click(function(){
            selectedClass = $(this).attr("data-rel");
            $("#portfolio").fadeTo(50, 0.1);
                $("#portfolio div").not("."+selectedClass).fadeOut();
            setTimeout(function() {
              $("."+selectedClass).fadeIn();
              $("#portfolio").fadeTo(50, 1);
            }, 500);
                
            });
        });

                        </script>
  </body>
</html>