<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="" name="description">
<meta content="" name="author">
<title>Home</title>
<link href="static/css/bootstrap.min.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="static/js/html5shiv.min.js"></script>
<script src="static/js/respond.min.js"></script>
<![endif]-->
<link href='static/css/css.css' rel='stylesheet' type='text/css'>
<link href='static/css/css1.css' rel='stylesheet' type='text/css'>
<link href='static/css/css2.css' rel='stylesheet' type='text/css'>
<link href="static/css/font-awesome.min.css" rel="stylesheet">
<link href="static/css/animate.css" rel="stylesheet">
<link href="static/css/plugins.css" rel="stylesheet">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body class="top-navigation">
<div id="master-wrapper">
<div class="preloader">
<div class="preloader-img">
<span class="loading-animation animate-flicker"><img src="static/picture/loading.gif" alt="loading"></span>
</div>
</div>
<div class="nav-wrapper smoothie">
<div class="container">
<div class="row">
<div class="col-xs-3">
<a class="logo" href="#"><img alt="" class="logo img-responsive" src="static/picture/logo-light.png"></a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="col-xs-9">
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about-us" class="page-scroll">About Us</a></li>
<li><a href="#the-band" class="page-scroll">The Band</a></li>
<li><a href="#upcoming-gigs" class="page-scroll">Gigs</a></li>
<li><a href="#latest-releases" class="page-scroll">Releases</a></li>
<li><a href="#the-gallery" class="page-scroll">Gallery</a></li>
<li><a href="#contact-us" class="page-scroll">Bookings</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<header id="home" class="fullheight">
<div id="BigVideo" class="player" data-property="{videoURL:'', containment:'#home', autoPlay:true, mute:true, opacity:1, showControls : false, startAt: 30}"></div>
<div class="dark-overlay half-opacity fullheight">
<div class="container fullheight">
<div class="jumbotron">
<h1><small>We Are</small><br>
Rock and Roll</h1>
<p>
<a class="btn btn-white btn-lg page-scroll" href="#about-us" role="button">About Us</a>
<a class="btn btn-lg btn-primary page-scroll" href="#latest-releases" role="button">Buy Tunes</a>
</p>
</div>
</div>
</div>
</header>
<section id="about-us">
<div class="section-inner">
<div class="container">
<div class="row mb60 text-center">
<div class="col-sm-12">
<h3 class="section-title">About Us</h3>
<p class="section-sub-title">Who are we?</p>
</div>
</div>
<div class="row">
<div class="col-md-5 col-md-offset-2">
<p class="lead">Completely enhance an expanded array of internal or "organic" sources for prospective models. Collaboratively unleash installed base strategic theme areas with accurate partnerships. Credibly disintermediate unique content through fully.</p>
<p>Completely maintain next-generation leadership before B2B services. Dramatically leverage other's high-payoff ideas through diverse processes. Holisticly formulate distinctive functionalities after emerging niche markets. Interactively communicate interactive relationships without equity invested content. Enthusiastically monetize high-payoff ROI.</p>
</div>
<div class="col-md-3">
<p>Assertively revolutionize user-centric e-markets whereas distributed human capital. Credibly extend ubiquitous human capital via fully tested materials. Objectively maximize user friendly e-markets with competitive process improvements formulate distinctive. Energistically fashion prospective testing procedures through quality methods of empowerment. Monotonectally.</p>
</div>
</div>
</div>
</div>
</section>
<section id="the-band" class="dark-wrapper">
<div class="section-inner">
<div class="container">
<div class="row text-center">
<div class="col-sm-12">
<h3 class="section-title">Meet the Band</h3>
<p class="section-sub-title">Bringers of the funk.</p>
</div>
</div>
</div>
</div>
</section>
<section id="band-member-1" class="hover-shift smoothie">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-10 dark-overlay col-sm-offset-6 fill-right smoothie">
<div class="section-inner">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<h3>Douglas Furlong</h3>
<h5 class="mb40">Lead Vocals, Rhythm Guitar.</h5>
<p>Holisticly orchestrate superior total linkage rather than end-to-end internal or "organic" sources. Seamlessly procrastinate client-based ROI without long-term high-impact.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-1 member-social smoothie">
<div class="section-inner">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-soundcloud"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="band-member-2" class="hover-shift smoothie">
<div class="container">
<div class="row">
<div class="col-xs-1 member-social smoothie">
<div class="section-inner">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-soundcloud"></i></a>
</div>
</div>
<div class="col-md-4 dark-overlay fill-left smoothie">
<div class="section-inner">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<h3>Arnold Clarke</h3>
<h5 class="mb40">Bass, Backing Vocals.</h5>
<p>Distinctively revolutionize value-added channels for clicks-and-mortar niche markets. Rapidiously exploit out-of-the-box intellectual capital without orthogonal e-services.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="band-member-3" class="hover-shift smoothie">
<div class="container">
<div class="row">
<div class="col-sm-4 col-xs-10 dark-overlay col-sm-offset-6 fill-right smoothie">
<div class="section-inner">
<div class="row">
<div class="col-md-offset-1 col-md-10">
<h3>Philip Davies</h3>
<h5 class="mb40">Drums.</h5>
<p>Holisticly orchestrate superior total linkage rather than end-to-end internal or "organic" sources. Seamlessly procrastinate client-based ROI without long-term high-impact.</p>
</div>
</div>
</div>
</div>
<div class="col-xs-1 member-social smoothie">
<div class="section-inner">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-soundcloud"></i></a>
</div>
</div>
</div>
</div>
</section>
<section id="upcoming-gigs">
<div class="section-inner">
<div class="container">
<div class="row mb60 text-center">
<div class="col-sm-12">
<h3 class="section-title">Upcoming Gigs<