<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Culinary Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<script src="js/jquery-1.11.0.min.js"></script>
<link href='#css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link href='#css?family=Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--start-smoth-scrolling-->
<!--start-top-nav-script-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<!--End-top-nav-script-->
</head>
<body>
<!--start-header-->
<div class="header" id="home">
<div class="container">
<div class="header-mian">
<div class="head">
<div class="logo">
<a href="index.html"><img src="images/logo.png" alt="" /></a>
</div>
<div class="call">
<ul>
<li><p>CALL 000.123.4567</p></li>
<li><p class="msg"><a href="#"><img src="images/msg.png" alt=""/></a></p></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="navigation">
<span class="menu">MENU</span>
<ul class="navig">
<li><a href="index.html">HOME</a></li>
<li><a href="services.html">SERVICES</a></li>
<li><a href="menu.html">MENU</a></li>
<li><a href="404.html">EVENTS</a></li>
<li><a href="staff.html">ABOUT</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- script-for-menu -->
<script>
$("span.menu").click(function(){
$(" ul.navig").slideToggle("slow" , function(){
});
});
</script>
<!-- script-for-menu -->
<!--start-menu-->
<div class="portfolio-filter">
<div class="container">
<h3>Gallery</h3>
<div class="gallery">
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Meat">
<img src="images/20.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/21.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Pizza">
<img src="images/21.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/22.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Papaya-Salad">
<img src="images/22.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/18.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Breast">
<img src="images/18.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/19.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Gourmet">
<img src="images/19.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Meat">
<img src="images/20.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/21.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Pizza">
<img src="images/21.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/22.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Papaya-Salad">
<img src="images/22.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/18.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Breast">
<img src="images/18.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="clearfix"> </div>
</div>
<div class="gallery">
<div class="gal">
<a href="images/19.jpg" class=" mask b-link-stripe b-animate-go swipebox" title="Gourmet">
<img src="images/19.jpg" alt="" class="img-responsive zoom-img"/>
</a>
<div class="gal-text">
<p>Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
cupidatat non proident</p>
</div>
</div>
<div class="gal">
<a href="images/20.jpg" class=" mask b-link-stripe b-animate-go swipebox" title=