<!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>Single event | Nightlife demo | Framework Y</title>
<meta name="description" content="Single one event and calendar HTML template dark black design and style.">
<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="stylesheet" href="scripts/flexslider/flexslider.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/events/event-title.jpg">
<div class="container">
<div class="title-base">
<h1 class="text-xl">NYE PARTY OF THE YEAR</h1>
<hr class="h" />
<p>12 JANUARY 2017 FROM 10PM</p>
</div>
</div>
</div>
<div class="section-empty">
<div class="container content">
<div class="row">
<div class="col-md-4">
<p>DETAILS</p>
<h2>NYE PARTY OF THE YEAR</h2>
<hr class="h" />
<ul class="list-texts">
<li><b>Date:</b> 12/01/2017</li>
<li><b>Time:</b> 19:00</li>
<li><b>Address:</b> 2 Elizabeth St, Melbourne, 3000 Australia</li>
<li><b>Tickets:</b> <a href="#">contact@eprom.com</a></li>
<li><b>Tel:</b> (123) 563-9899-234</li>
<li><b>Categories:</b> Festivals</li>
</ul>
<hr class="space s" />
<div class="google-map" data-skin=" " data-coords="23.6139391,75.20902120000005"></div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-9">
<div class="flexslider slider visible-dir-nav nav-inner">
<ul class="slides">
<li>
<a class="img-box img-scale-rotate lightbox grayscale" href="images/gallery/image-1.jpg" data-lightbox-anima="show-scale">
<img alt="" src="images/gallery/image-1.jpg" />
</a>
</li>
<li>
<a class="img-box img-scale-rotate lightbox grayscale" href="images/gallery/image-2.jpg" data-lightbox-anima="show-scale">
<img alt="" src="images/gallery/image-2.jpg" />
</a>
</li>
<li>
<a class="img-box img-scale-rotate lightbox grayscale" href="images/gallery/image-3.jpg" data-lightbox-anima="show-scale">
<img alt="" src="images/gallery/image-3.jpg" />
</a>
</li>
<li>
<a class="img-box img-scale-rotate lightbox grayscale" href="images/gallery/image-4.jpg" data-lightbox-anima="show-scale">
<img alt="" src="images/gallery/image-4.jpg" />
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-3">
<p>OFFICIAL FLYER</p>
<a class="img-box lightbox" href="images/flyer-big.jpg" data-lightbox-anima="show-scale">
<img alt="" src="images/flyer.jpg">
</a>
</div>
</div>
<hr class="space s" />
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porttitor fermentum ullamcorper. Aliquam erat volutpat. Nullam purus metus, interdum ac lacinia non, sodales non arcu. In eleifend vestibulum eleifend. Maecenas ut felis mi, vitae pharetra justo. Ut lacus lacus, fermentum sed tincidunt eget, suscipit nec orci. Sed pellentesque dapibus tellus in semper. Aenean faucibus aliquet turpis, id fermentum sem consectetur id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis faucibus euismod nunc scelerisque tincidunt.
Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus congue tellus lectus, quis sodales sem. Ut nec nisl id sem ultricies malesuada. Nunc eu justo mauris, non lobortis dolor. Nunc id condimentum leo. Vestibulum tortor eros, mollis ac tempor et, commodo eu tellus. Curabitur a leo non nunc tristique tincidunt. Donec enim eros, blandit pharetra dapibus ullamcorper, aliquet sit amet diam. Aenean tempus laoreet adipiscing. Vivamus eleifend pretium pellentesque.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porttitor fermentum ullamcorper. Aliquam erat volutpat. Nullam purus metus, interdum ac lacinia non, sodales non arcu. In eleifend vestibulum eleifend. Maecenas ut felis mi, vitae pharetra justo. Ut lacus lacus, fermentum sed tincidunt eget, suscipit nec orci. Sed pellentesque dapibus tellus in semper. Aenean faucibus aliquet turpis, id fermentum sem consectetur id. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis faucibus euismod nunc scelerisque tincidunt.
Phasellus ligula sem, laoreet luctus luctus sed, pharetra in mi. Aenean accumsan gravida convallis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus congue tellus lectus, quis sodales sem. Ut nec nisl id sem ultricies malesuada. Nunc eu justo mauris, non lobortis dolor. Nunc id condimentum leo. Vestibulum tortor eros, mollis ac tempor et, commodo eu tellus. Curabitur a leo non nunc tristique tincidunt. Donec enim eros, blandit pharetra dapibus ullamcorper, aliquet sit amet diam. Aenean tempus laoreet adipiscing. Vivamus eleifend pretium pellentesque.
</p>
</div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-8">
</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/flexslider/jquery.flexslider-min.js'></script>
<script src='scripts/parallax.min.js'></script>
<script src='scripts/jquery.progress-counter.js'></script>
<script src='scripts/google.maps.min.js'></script>
<script src='https://maps.googleapis.com/maps/api/js?key=AIzaSyDl7p8SWg-5kLe7i-usdYCu5m3eVllMDTs'></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>