File size: 59.43Kb
<!DOCTYPE html>
<!--[if lt IE 10]> <html lang="en" class="iex"> <![endif]-->
<!--[if (gt IE 10)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gallery | Nightlife demo | Framework Y</title>
<meta name="description" content="Photos and video gallery HTML template.">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link rel="stylesheet" href="scripts/bootstrap/css/bootstrap.css">
<script src="scripts/script.js"></script>
<link rel="stylesheet" href="css/image-box.css">
<link rel="stylesheet" href="scripts/magnific-popup.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="images/favicon.png">
<!-- Extra optional content header -->
</head>
<body>
<div id="preloader"></div>
<header class="fixed-top scroll-change" data-menu-anima="fade-left">
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="navbar-main navbar-middle">
<div class="container">
<div class="scroll-hide">
<div class="container">
<a class="navbar-brand center" href="#">
<img src="images/logo.png" alt="logo" />
</a>
</div>
</div>
<div class="navbar-header">
<a class="navbar-brand" href="index.html"><img src="images/logo.png" alt="logo" /></a>
<button type="button" class="navbar-toggle">
<i class="fa fa-bars"></i>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav no-margins">
<li><a href="index.html">Home</a></li>
<li class="dropdown">
<a href="events.html" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">Events <i class="caret"></i></a>
<ul class="dropdown-menu multi-level">
<li><a href="events.html">All events</a></li>
<li><a href="single-event.html">Single event</a></li>
<li><a href="single-event-big.html">Big single event</a></li>
</ul>
</li>
<li><a href="gallery.html">Gallery</a></li>
<li class="scroll-show"><a href="index.html"><img src="images/logo-small.png" alt="logo"></a></li>
<li><a href="products.html">Products</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="header-title ken-burn ken-burn-center" data-parallax="scroll" data-position="top" data-natural-height="705" data-natural-width="1620" data-image-src="images/title-1.jpg">
<div class="container">
<div class="title-base">
<h1 class="text-xl">PHOTOS AND VIDEOS GALLERY</h1>
<hr />
<p><b>WE ARE</b> A BIG FAMILY</p>
</div>
</div>
</div>
<div class="section-empty">
<div class="container content">
<div class="album-main" data-album-anima="fade-bottom">
<div class="album-list row">
<div class="album-box col-md-4">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-1.jpg">
</a>
<div class="caption">
<h2 class="album-name">FREE COCKTAIL HAILABO<br><b>25/12/16</b></h2>
</div>
</div>
</div>
<div class="album-box col-md-4">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-2.jpg">
</a>
<div class="caption">
<h2 class="album-name">SINGLES PARTY<br><b>25/02/16</b></h2>
</div>
</div>
</div>
<div class="album-box col-md-4" data-album-id="album-3">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-3.jpg">
</a>
<div class="caption">
<h2 class="album-name">MEXICAN FOODS AND DRINKS<br><b>05/11/16</b></h2>
</div>
</div>
</div>
<div class="album-box col-md-4">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-4.jpg">
</a>
<div class="caption">
<h2 class="album-name">HAWAIIAN MUSIC<br><b>02/10/16</b></h2>
</div>
</div>
</div>
<div class="album-box col-md-4">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-5.jpg">
</a>
<div class="caption">
<h2 class="album-name">SAN VALENTINE DAY<br><b>18/08/16</b></h2>
</div>
</div>
</div>
<div class="album-box col-md-4" data-album-id="album-3">
<div class="img-box scale adv-img adv-img-half-content" data-anima="fade-left" data-trigger="hover">
<a href="#" class="img-box anima-scale-up anima">
<img alt="" src="images/gallery/thumb-6.jpg">
</a>
<div class="caption">
<h2 class="album-name">NOT FOR NORMAL PEOPLE<br><b>14/15/17</b></h2>
</div>
</div>
</div>
<!-- INSERT OTHERS ALBUMS MENU ITEMS HERE -->
</div>
<div class="cont-album-box">
<p class="album-title">
<span>...</span>
<a class="button-list circle-button btn btn-default btn-sm">
<i class="fa fa-arrow-left"></i> Album list
</a>
</p>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<div class="album-item">
<div class="maso-list gallery maso-layout" data-trigger="manual">
<div class="navbar navbar-inner">
<div class="navbar-toggle"><i class="fa fa-bars"></i><span>Menu</span><i class="fa fa-angle-down"></i></div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav over ms-rounded inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">Photos</a></li>
<li><a data-filter="cat2">Videos</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-lightbox-anima="show-scale">
<div data-sort="1" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-1.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-1.jpg" />
</a>
</div>
<div data-sort="2" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-9.jpg" />
</a>
</div>
<div data-sort="3" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-2.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-2.jpg" />
</a>
</div>
<div data-sort="4" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-3.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-3.jpg" />
</a>
</div>
<div data-sort="5" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-4.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-4.jpg" />
</a>
</div>
<div data-sort="6" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-5.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-5.jpg" />
</a>
</div>
<div data-sort="7" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-6.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-6.jpg" />
</a>
</div>
<div data-sort="8" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-7.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-7.jpg" />
</a>
</div>
<div data-sort="9" class="maso-item col-md-4 cat1">
<a class="img-box i-bottom" href="images/gallery/image-8.jpg">
<i class="fa fa-camera"></i>
<img alt="" src="images/gallery/thumb-8.jpg" />
</a>
</div>
<div data-sort="10" class="maso-item col-md-4 cat2">
<a class="img-box mfp-iframe i-bottom" href="https://www.youtube.com/watch?v=Wd7H311MrWA">
<i class="fa fa-film"></i>
<img alt="" src="images/gallery/thumb-10.jpg" />
</a>
</div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="7">Load More <i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
<!-- INSERT OTHERS ALBUMS HERE -->
</div>
</div>
</div>
</div>
<div class="footer-section section-bg-animation header-animation">
<div id="anima-layer-a" class="anima-layer fog-1"></div>
<div id="anima-layer-b" class="anima-layer fog-2"></div>
<div class="container content overlay-content text-center">
<hr class="space" />
<hr class="h" />
<h1>GET IN TOUCH</h1>
<p class="text-bold">
47 Chandos Place, London, WC2N 4HS
</p>
<hr class="space s" />
<a class="anima-button circle-button btn-sm" href="contacts.html"><i class="fa fa-map-marker"></i>Locate us on map </a>
</div>
</div>
<footer>
<div class="container">
<div class="row">
<div class="col-md-8">
<hr class="space xs" />
<div class="copy-row">
<div class="tag-row">
<span>Copyright © 2016</span>
<span>47 Chandos Place London WC2N 4HS</span>
<span>020 7836 0291</span>
<span>info@soundoflondon.com</span>
</div>
</div>
</div>
<div class="col-md-4 text-right">
<div class="btn-group social-group">
<a target="_blank" href="#"><i class="fa fa-facebook"></i></a>
<a target="_blank" href="#"><i class="fa fa-twitter"></i></a>
<a target="_blank" href="#"><i class="fa fa-instagram"></i></a>
<a target="_blank" href="#"><i class="fa fa-youtube"></i></a>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="scripts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="css/animations.css">
<script async src="scripts/bootstrap/js/bootstrap.min.js"></script>
<script src="scripts/imagesloaded.min.js"></script>
<script src='scripts/parallax.min.js'></script>
<script src='scripts/jquery.progress-counter.js'></script>
<script src='scripts/jquery.twbsPagination.min.js'></script>
<script src='scripts/isotope.min.js'></script>
<script src='scripts/jquery.magnific-popup.min.js'></script>
<script src='scripts/jquery.spritely.min.js'></script>
<script src="scripts/smooth.scroll.min.js"></script>
</footer>
</body>
</html>