File size: 29.15Kb
<!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>Blog and social | Nightlife demo | Framework Y</title>
<meta name="description" content="Social blog with Facebook and Twitter feed stream.">
<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='scripts/social.stream.css'>
<link rel="stylesheet" href="css/content-box.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" style="margin-left:0px">
<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-4.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 container-social-page">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="box-social-page" style="background-color:#464646;">
<div class="icon-box">
<div class="icon-box-cell">
<i class="fa fa-newspaper-o text-xl"></i>
</div>
<div class="icon-box-cell">
<label class="text-m">Our blog</label>
<p class="text-xs">News from our staff</p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-social-page" style="background-color:#3a5795;">
<div class="icon-box">
<div class="icon-box-cell">
<i class="fa fa-facebook text-xl"></i>
</div>
<div class="icon-box-cell">
<label class="text-m">Facebook</label>
<p class="text-xs"><a class="white" href="https://www.facebook.com/envato/" target="_blank" rel="nofollow">/envato</a></p>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-social-page" style="background-color:#55ACEE;">
<div class="icon-box">
<div class="icon-box-cell">
<i class="fa fa-twitter text-xl"></i>
</div>
<div class="icon-box-cell">
<label class="text-m">Twitter</label>
<p class="text-xs"><a class="white" href="https://twitter.com/envato" target="_blank" rel="nofollow">@envato</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container content">
<div class="row">
<div class="col-md-4">
<div class="grid-list columns-list">
<div class="grid-box">
<div class="grid-item">
<div class="advs-box niche-box-blog">
<div class="block-top">
<div class="block-infos">
<div class="block-data">
<p class="bd-day">25</p>
<p class="bd-month">July 2015</p>
</div>
<a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
</div>
<div class="block-title">
<h2><a href="#">Jeremy St.3TH Festival</a></h2>
<div class="tag-row">
<span><i class="fa fa-bookmark"></i> <a href="#">Events</a></span>
<div class="social-group-button social-line">
<div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
<i class="fa fa-share-alt"></i>
</div>
<div class="btn-group social-group">
<a target="_blank" href="#">
<i data-social="share-facebook" class="fa fa-facebook circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-twitter" class="fa fa-twitter circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-google" class="fa fa-google circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-linkedin" class="fa fa-linkedin circle"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<a class="img-box img-scale-rotate" href="#">
<img alt="" src="images/gallery/image-1.jpg">
</a>
<p class="excerpt">
L'orem ipsum dolor, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea coSed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaqueipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<a class="anima-button circle-button btn-sm" href="#"><i class="fa fa-long-arrow-right"></i>Read more ... </a>
</div>
</div>
<div class="grid-item">
<div class="advs-box niche-box-blog">
<div class="block-top">
<div class="block-infos">
<div class="block-data">
<p class="bd-day">25</p>
<p class="bd-month">July 2015</p>
</div>
<a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
</div>
<div class="block-title">
<h2><a href="#">Elvis on New York Theater</a></h2>
<div class="tag-row">
<span><i class="fa fa-bookmark"></i> <a href="#">Events</a></span>
<div class="social-group-button social-line">
<div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
<i class="fa fa-share-alt"></i>
</div>
<div class="btn-group social-group">
<a target="_blank" href="#">
<i data-social="share-facebook" class="fa fa-facebook circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-twitter" class="fa fa-twitter circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-google" class="fa fa-google circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-linkedin" class="fa fa-linkedin circle"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="flexslider slider nav-inner">
<ul class="slides">
<li>
<img alt="" src="images/gallery/image-2.jpg" />
</li>
<li>
<img alt="" src="images/gallery/image-3.jpg" />
</li>
</ul>
</div>
<p class="excerpt">
L'orem ipsum dolor, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea coSed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaqueipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<a class="anima-button circle-button btn-sm" href="#"><i class="fa fa-long-arrow-right"></i>Read more ... </a>
</div>
</div>
<div class="grid-item">
<div class="advs-box niche-box-blog">
<div class="block-top">
<div class="block-infos">
<div class="block-data">
<p class="bd-day">25</p>
<p class="bd-month">July 2015</p>
</div>
<a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
</div>
<div class="block-title">
<h2><a href="#">The new eco-system of nature</a></h2>
<div class="tag-row">
<span><i class="fa fa-bookmark"></i> <a href="#">Events</a></span>
<div class="social-group-button social-line">
<div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
<i class="fa fa-share-alt"></i>
</div>
<div class="btn-group social-group">
<a target="_blank" href="#">
<i data-social="share-facebook" class="fa fa-facebook circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-twitter" class="fa fa-twitter circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-google" class="fa fa-google circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-linkedin" class="fa fa-linkedin circle"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<iframe src="https://www.youtube.com/embed/bpqhStV2_rc?showinfo=0&controls=0"></iframe>
<p class="excerpt">
L'orem ipsum dolor, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea coSed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaqueipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<a class="anima-button circle-button btn-sm" href="#"><i class="fa fa-long-arrow-right"></i>Read more ... </a>
</div>
</div>
<div class="grid-item">
<div class="advs-box niche-box-blog">
<div class="block-top">
<div class="block-infos">
<div class="block-data">
<p class="bd-day">25</p>
<p class="bd-month">July 2015</p>
</div>
<a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
</div>
<div class="block-title">
<h2><a href="#">Future and past of tecnology</a></h2>
<div class="tag-row">
<span><i class="fa fa-bookmark"></i> <a href="#">Events</a></span>
<div class="social-group-button social-line">
<div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
<i class="fa fa-share-alt"></i>
</div>
<div class="btn-group social-group">
<a target="_blank" href="#">
<i data-social="share-facebook" class="fa fa-facebook circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-twitter" class="fa fa-twitter circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-google" class="fa fa-google circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-linkedin" class="fa fa-linkedin circle"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<a class="img-box img-scale-rotate" href="#">
<img alt="" src="images/gallery/image-4.jpg">
</a>
<p class="excerpt">
L'orem ipsum dolor, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea coSed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaqueipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<a class="anima-button circle-button btn-sm" href="#"><i class="fa fa-long-arrow-right"></i>Read more ... </a>
</div>
</div>
<div class="grid-item">
<div class="advs-box niche-box-blog">
<div class="block-top">
<div class="block-infos">
<div class="block-data">
<p class="bd-day">25</p>
<p class="bd-month">July 2015</p>
</div>
<a class="block-comment" href="#">2 <i class="fa fa-comment-o"></i></a>
</div>
<div class="block-title">
<h2><a href="#">Elvis on New York Theater</a></h2>
<div class="tag-row">
<span><i class="fa fa-bookmark"></i> <a href="#">Events</a></span>
<div class="social-group-button social-line">
<div class="social-button" data-anima="pulse-vertical" data-trigger="hover">
<i class="fa fa-share-alt"></i>
</div>
<div class="btn-group social-group">
<a target="_blank" href="#">
<i data-social="share-facebook" class="fa fa-facebook circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-twitter" class="fa fa-twitter circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-google" class="fa fa-google circle"></i>
</a>
<a target="_blank" href="#">
<i data-social="share-linkedin" class="fa fa-linkedin circle"></i>
</a>
</div>
</div>
</div>
</div>
</div>
<a class="img-box img-scale-rotate" href="#">
<img alt="" src="images/gallery/image-5.jpg">
</a>
<p class="excerpt">
L'orem ipsum dolor, consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea coSed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaqueipsa
quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
</p>
<a class="anima-button circle-button btn-sm" href="#"><i class="fa fa-long-arrow-right"></i>Read more ... </a>
</div>
</div>
<ul class="pagination-sm pagination-grid hide-first-last" data-page-items="3" data-pagination-anima="show-scale" data-options="scrollTop:true"></ul>
</div>
</div>
</div>
<div class="col-md-4">
<div class="social-feed-fb no-comments" data-social-id="511238532715807" data-token="" data-options="limit:4"></div>
</div>
<div class="col-md-4">
<div class="social-feed-tw" data-social-id="envato" data-options="limit:10"></div>
</div>
</div>
</div>
</div>
<div class="section-bg-animation header-animation" style="background-image:url('images/footer-bg.jpg'); height:600px;">
<div id="anima-layer-a" class="anima-layer fog-1"></div>
<div id="anima-layer-b" class="anima-layer clouds-2"></div>
<div class="container content overlay-content text-center">
<hr class="space" />
<hr class="h" style="width:250px" />
<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/social.stream.min.js'></script>
<script src='scripts/jquery.spritely.min.js'></script>
<script src="scripts/jquery.twbsPagination.min.js"></script>
<script src="scripts/flexslider/jquery.flexslider-min.js"></script>
<script src="scripts/smooth.scroll.min.js"></script>
</footer>
</body>
</html>