<!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>Events | Nightlife demo | Framework Y</title>
<meta name="description" content="All events list with pagination, masonry and load more infinte loading in JQuery.">
<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/content-box.css">
<link rel="stylesheet" href="scripts/magnific-popup.css">
<link rel="icon" href="images/favicon.png">
<link rel="stylesheet" href="style.css">
<!-- 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" data-parallax="scroll" data-position="top" data-natural-height="705" data-natural-width="1620" data-image-src="images/title-2.jpg">
<div class="container">
<div class="title-base">
<h1 class="text-xl">EVENTS CALENDAR</h1>
<hr />
<p><b>ALL OUR</b> EVENTS</p>
</div>
</div>
</div>
<div class="section-empty">
<div class="container content">
<div class="maso-list">
<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-minimal inner maso-filters">
<li class="current-active active"><a data-filter="maso-item">All</a></li>
<li><a data-filter="cat1">January</a></li>
<li><a data-filter="cat2">February</a></li>
<li><a data-filter="cat3">March</a></li>
<li><a data-filter="cat4">April</a></li>
<li><a data-filter="cat5">May</a></li>
<li><a data-filter="cat6">June</a></li>
<li><a data-filter="cat7">July</a></li>
<li><a data-filter="cat8">August</a></li>
<li><a data-filter="cat9">September</a></li>
<li><a data-filter="cat10">October</a></li>
<li><a data-filter="cat11">November</a></li>
<li><a data-filter="cat12">December</a></li>
<li><a data-filter="cat13">PAST EVENTS</a></li>
</ul>
</div>
</div>
<div class="maso-box row" data-options="anima:fade-in">
<div data-sort="1" class="maso-item col-md-4 cat1">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-7.jpg" /></a>
<div class="circle anima-rotate-20 anima">02 <span>JAN, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Neon Night and lights show</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="2" class="maso-item col-md-4 cat1">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-8.jpg" /></a>
<div class="circle anima-rotate-20 anima">12 <span>JAN, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">NYE Party of the yaer</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="3" class="maso-item col-md-4 cat2">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-2.jpg" /></a>
<div class="circle anima-rotate-20 anima">22 <span>FEB, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Raven girls party</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="4" class="maso-item col-md-4 cat3">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-3.jpg" /></a>
<div class="circle anima-rotate-20 anima">13 <span>MAR, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Valentine day - Love</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="5" class="maso-item col-md-4 cat3">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-1.jpg" /></a>
<div class="circle anima-rotate-20 anima">15 <span>MAR, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Trance DJ Contest</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="6" class="maso-item col-md-4 cat10">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-4.jpg" /></a>
<div class="circle anima-rotate-20 anima">19 <span>OCT, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Gold night with good drinks</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="7" class="maso-item col-md-4 cat10">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-5.jpg" /></a>
<div class="circle anima-rotate-20 anima">20 <span>OCT, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">No man party - only womans</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div data-sort="8" class="maso-item col-md-4 cat11">
<div class="advs-box advs-box-multiple boxed" data-anima="scale-rotate" data-trigger="hover">
<a class="img-box" href="single-event.html"><img alt="" class="anima" src="images/events/image-6.jpg" /></a>
<div class="circle anima-rotate-20 anima">10 <span>NOV, 17</span></div>
<div class="advs-box-content">
<h3><a href="single-event.html">Singles meeting - no couples</a></h3>
<p>
L'orem ipsum dolor "sitamet", consectetur 'adipisicing' elit, sed do eiusmod tempor incididunt
ut labore et dolore magna aliqua. Ut enim ad minim veniam, q rem aperiam ...
</p>
<a class="anima-button circle-button btn-sm" href="single-event.html"><i class="fa fa-long-arrow-right"></i>Event details </a>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="list-nav">
<a href="#" class="circle-button btn-sm btn load-more-maso" data-page-items="3">Load More <i class="fa fa-arrow-down"></i></a>
</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="row 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>