<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Restaurant Website</title>
     <?php 
  	   include('css_files.php'); 
  	 ?>  
 </head>
 
 
 <body>
     <div class="loader"><img src="images/loading.gif" alt="" /></div>
        <!--banner section-->
        <section>
        <div class="banner">
            <img class="img-responsive logo" src="images/logo.png"/>
            <div id="carousel-bnr" class="carousel slide" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="item active">
                        <img alt="First slide" style="visibility: hidden;" src="images/banner_1.jpg" />
                        <center><img class=" col-xs-8 sliderimg wow zoomIn img-responsive" data-wow-duration="2s" data-wow-delay="0s" src="images/slider_1.png" /></center>
                    </div>
                    <div class="item">
                        <img alt="First slide" style="visibility: hidden;" src="images/banner_1.jpg" />
                        <center><img class=" col-xs-8 sliderimg wow zoomIn img-responsive" data-wow-duration="2s" data-wow-delay="0s" src="images/slider_2.png" /></center>
                    </div>
                    <div class="item">
                        <img alt="First slide" style="visibility: hidden;" src="images/banner_1.jpg" />
                        <center><img class=" col-xs-8 sliderimg wow zoomIn img-responsive" data-wow-duration="2s" data-wow-delay="0s" src="images/slider_3.png" /></center>
                    </div>
                </div>
            </div>
        </div>
  <?php 
  	include('nav_bar.php'); 
  ?>   
</section>
<div class="clearfix"></div> 
<section class="about-section" id="#sec2">
    <div class="container">
        <div class="row">
            <!--about text-->
            <div class="col-md-8">
                <div class="section-title">
                    <div class="main_h3">ABOUT <span class="color" style="color:#0CF;">US</span></div>
                </div>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat..</p>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Dummy text is also known as 'fill text'. It is said that song composers of the past used dummy texts as lyrics when writing melodies in order to have a 'ready-made' text to sing with the melody. Dummy texts have been in use by typesetters since the 16th century.</p>
            </div>
            <div class="col-md-4">
             <div class="chef" style="padding-top:70px;">
                 <img class="img-responsive" src="images/abt_left.png" />
             </div>
         </div>
     </div>
 </div>
</section> 
<div class="clearfix"></div>                          

<section id="services" style="margin-top:3%;">  
    <div class="container" align="center">
      <div class="margin_bottom2"></div>
		<div class="clearfix margin_bottom0_5"></div>
        <div class="row slide_padding">
        <div class="container">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
           <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <!-- Wrapper for slides -->
          <div class="main_h3" style="color:#0CF; padding-top:20px;">Our Varieties</div>
          <div class="carousel-inner" role="listbox">
            <div class="item active">
              <div class="row">
              	<div class="p30_0">
                    <div class="col-md-4">
                        <img src="images/slider/Indian_main_dishes.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">India Main Dishes</h4>
                        <p>Looking for Indian main dish recipes? Allrecipes has more than 330 trusted Indian main dish recipes complete with ratings, reviews and cooking tips.</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/Indian_Desserts.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Indian Desserts</h4>
                        <p>I added about twice as much milk powder; the dough held its shape at this point. It turned out great!</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/Indian_Drinks.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Indian Drinks</h4>
                        <p>Creamy, tangy, refreshing anytime drink! My kids and I really loved this one, and with so few ingredients, it took no time at all to whip up in the blender.</p>
                     </div>
                    <div class="clearfix p20_0"></div>
                 </div>
              </div>
            </div>
            <div class="item">
              <div class="row">
              	<div class="p30_0">
                    <div class="col-md-4">
                        <img src="images/slider/Chinese_Main_Dish.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Chinese Main Dish</h4>
                        <p>Allrecipes has has trusted Chinese chicken main dish recipes including moo goo gai pan, General Tsao's Chicken, and more.</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/French_-Main_Dish.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">French Main Dish</h4>
                        <p>Each chicken breast is soaked with garlic butter, mustard and wine, then breaded and baked. Skin intact assures a moist result.</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/Greek_Main_Dish.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Greek Main Dish</h4>
                        <p>Looking for Greek chicken main dish recipes? Allrecipes has more than 30 trusted Greek chicken main dish recipes complete with ratings, reviews and cooking tips.</p>
                     </div>
                    <div class="clearfix p20_0"></div>
                 </div>
              </div>
            </div>
            
            <div class="item">
               <div class="row">
               	<div class="p30_0">
                    <div class="col-md-4">
                        <img src="images/slider/Italian_Recipes.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Italian Recipes</h4>
                        <p>Looking for authentic Italian recipes? Allrecipes has more than 450 trusted authentic Italian recipes complete with ratings, reviews and cooking tips.</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/Mexican_Recipes.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Mexican Recipes</h4>
                        <p>This was yum! Perfection on tortillas with cilantro, grated cabbage with a squeeze of lime, and fresh tomatoes.</p>
                     </div>
                    <div class="col-md-4">
                        <img src="images/slider/Spanish_Main_Dish.jpg" class="img img-responsive img-circle" />
                        <h4 style="color:#0CF;">Spanish Main Dish</h4>
                        <p>Spanish paella makes the perfect one-dish meal, but that's not all the thing Spaniards eat for dinner! Try our Spanish recipes for chicken, fish, and even octopus.</p>
                     </div>
                    <div class="clearfix p20_0"></div>
                 </div>
              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
 </div>
</section> 
<!--section end-->
<div class="clearfix"></div> 
<section id="gallery">
    <div class="container">
        <div class="section-title">
            <div class="main_h3" align="center">Our&nbsp; <span style="color:#0CF;">Recipes</span></div>
            <div class="line" align="center"><img class="img-responsive" src="images/undr.png" /></div> 
        </div>
        <div class="inner">
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                <span></span>
            </div>
            
        <!-- Tab panes -->
        <div class="tab-content" style="margin-top:2%;">
         <div class="row">
             <div class="col-sm-3">
                 <div role="tabpanel" class="tab-pane" id="home">
                    <div class="item">
                     <div class="hovereffect">
                         <img src="images/g1.png" class="img-responsive" style="width:100%;" />
                         <div class="overlay">
                             <h2>Drunken Shrimp</h2>
                             <p><a href="#">CLICK HERE</a></p> 
                         </div>
                     </div>
                 </div>
             </div>
         </div>
         <div class="col-sm-3">
             <div role="tabpanel" class="tab-pane" id="prof">
              <div class="item">
                 <div class="hovereffect">
                     <img src="images/g2.png" class="img-responsive" style="width:100%;" />
                     <div class="overlay">
                         <h2>Cream Puffs</h2>
                         <p><a href="#">CLICK HERE</a></p> 
                     </div>
                 </div>
             </div>
         </div>
     </div>
     <div class="col-sm-3">
         <div role="tabpanel" class="tab-pane" id="fsh">
          <div class="item">
             <div class="hovereffect">
                 <img src="images/g3.png" class="img-responsive" style="width:100%;" />
                 <div class="overlay">
                     <h2>Indian Naan</h2>
                     <p><a href="#">CLICK HERE</a></p> 
                 </div>
             </div>
         </div>
     </div>
 </div>
 <div class="col-sm-3">
     <div role="tabpanel" class="tab-pane" id="home">
      <div class="item">
         <div class="hovereffect">
             <img src="images/g4.png" class="img-responsive" style="width:100%;" />
             <div class="overlay">
                 <h2>Chicken Scallopini</h2>
                 <p><a href="#">CLICK HERE</a></p> 
             </div>
         </div>
     </div>
 </div>
</div>
</div>
<div class="tab-content" style="margin-top:2%;">
<div class="row">
 <div class="col-sm-3">
     <div role="tabpanel" class="tab-pane" id="home">
        <div class="item">
         <div class="hovereffect">
             <img src="images/g5.png" class="img-responsive" style="width:100%;" />
             <div class="overlay">
                 <h2>Chicken Chimi</h2>
                 <p><a href="#">CLICK HERE</a></p> 
             </div>
         </div>
     </div>
 </div>
</div>
<div class="col-sm-3">
 <div role="tabpanel" class="tab-pane" id="prof">
  <div class="item">
     <div class="hovereffect">
         <img src="images/g6.png" class="img-responsive" style="width:100%;" />
         <div class="overlay">
             <h2>Chinese Lion's</h2>
             <p><a href="#">CLICK HERE</a></p> 
         </div>
     </div>
 </div>
</div>
</div>
<div class="col-sm-3">
<div role="tabpanel" class="tab-pane" id="fsh">
<div class="item">
 <div class="hovereffect">
     <img src="images/g7.png" class="img-responsive" style="width:100%;" />
     <div class="overlay">
         <h2>White Peachy Sangria</h2>
         <p><a href="#">CLICK HERE</a></p> 
     </div>
 </div>
</div>
</div>
</div>
<div class="col-sm-3">
<div role="tabpanel" class="tab-pane" id="home">
<div class="item">
<div class="hovereffect">
 <img src="images/g8.png" class="img-responsive" style="width:100%;" />
 <div class="overlay">
     <h2>Carrot Rice</h2>
     <p><a href="#">CLICK HERE</a></p> 
 </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> 
</section>
<div class="clearfix"></div> 
<!--section end-->
<section class="banner-4" id="demo">  
    <div class="container">
        <div class="row">
           <div class="col-md-12">
            <div class="section-title">
                 <div class="main_h3" align="center" style="color:#0CF;">Testimonials</div>
                <div class="line" align="center"><img class="img-responsive" src="images/undr.png" /></div> 
            </div>
            <div class="col-md-12" data-wow-delay="0.2s">
                <div class="carousel slide" data-ride="carousel" id="quote-carousel">
                 <!-- Carousel Slides / Quotes -->
                 <div class="carousel-inner text-center">
                    <!-- Quote 1 -->
                    <div class="item active">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-8 col-sm-offset-2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                    <small>People Name</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                    <!-- Quote 2 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-8 col-sm-offset-2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                    <small>People Name</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                    <!-- Quote 3 -->
                    <div class="item">
                        <blockquote>
                            <div class="row">
                                <div class="col-sm-8 col-sm-offset-2">
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                                    <small>People Name</small>
                                </div>
                            </div>
                        </blockquote>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
</section>
<?php 
include('footer.php'); 
include('js_files.php'); 
?>
  
</body>
</html>
