<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<head>
<title>Home</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico">
<!-- Global CSS -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css">
<!-- Plugins CSS -->
<link rel="stylesheet" href="assets/plugins/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/plugins/vegas/dist/vegas.min.css">
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/styles.css">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body data-spy="scroll">
<!-- ******HEADER****** -->
<header id="header" class="header navbar-fixed-top">
<div class="container ">
<nav class="main-nav" role="navigation">
<div class="navbar-header text-center">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar-collapse">
<span class="toggle-title">Menu</span>
<span class="icon-bar-wrapper">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</span><!--//icon-bar-wrapper-->
</button><!--//nav-toggle-->
</div><!--//navbar-header-->
<div id="navbar-collapse" class="navbar-collapse collapse text-center">
<ul class="nav navbar-nav center-block">
<li class="nav-item"><a class="scrollto" href="#promo">Home</a></li>
<li class="nav-item"><a class="scrollto" href="#gigs">Gigs</a></li>
<li class="nav-item"><a class="scrollto" href="#music">Music</a></li>
<li class="nav-item"><a class="scrollto" href="#about">About</a></li>
<li class="nav-item"><a class="scrollto" href="#contact">Contact</a></li>
</ul><!--//nav-->
</div><!--//navabr-collapse-->
</nav><!--//main-nav-->
</div><!--//container-->
</header><!--//header-->
<!-- ******Promo Section****** -->
<section id="promo" class="promo-section section">
<div class="container text-center promo-content">
<div class="upper-wrapper">
<h1 class="logo-holder"></h1>
<h2 class="headline">For Bands and Musicians</h2>
<div class="tagline">The Perfect Bootstrap Template to Promote Your Music</div>
</div>
</div><!--//container-->
<div class="updates-block">
<div class="container updates-block-inner">
<div id="carousel-updates" class="carousel slide" data-ride="carousel" data-interval="6000">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<div class="media-holder">
<div class="media-thumb">
<img src="assets/images/video-thumb-1.jpg" alt="">
<a id="video-play-triggger" class="video-play-trigger" data-toggle="modal" data-target="#modal-video"><i class="fa fa-play"></i></a>
</div>
</div><!--//media-holder-->
<div class="carousel-content">
<h3 class="title">Decibel's EP is out July 18th 2017</h3>
<div class="desc">
<div class="countdown">
<span id="countdown-box" class="countdown-box"></span>till release
</div><!--//countdown-->
<p class="intro">
Our forthcoming EP is available for pre-order via <a href="#">pledgemusic.com</a> now
</p><!--//intro-->
</div><!--//desc-->
<a class="btn btn-primary btn-cta" href="#">Pre-order Now</a>
</div><!--//content-container-->
</div><!--//item-->
<div class="item">
<div class="carousel-content no-media-holder">
<h3 class="title">We are performing at <a class="highlight" href="#">The Fleece, Bristol</a> this Saturday night 9:00pm</h3>
<div class="desc">
<p class="intro">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. <br><a href="#" class="more-link" data-toggle="modal" data-target="#modal-info">Find out more</a>
</p><!--//intro-->
</div><!--//desc-->
<a class="btn btn-primary btn-cta" href="#">Buy Tickets</a>
</div><!--//content-container-->
</div><!--//item-->
<div class="item">
<div class="media-holder">
<div class="media-thumb">
<img src="assets/images/image-thumb-1.jpg" alt="">
</div><!--//media-thumb-->
</div><!--//media-holder-->
<div class="carousel-content">
<h3 class="title">Help to fund our new album via <a href="#">KickStarter</a></h3>
<div class="desc">
<p class="intro">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes. <br><a href="#" class="more-link">More info</a>
</p><!--//intro-->
</div><!--//desc-->
<a class="btn btn-primary btn-cta" href="#">Support Us</a>
</div><!--//content-container-->
</div><!--//item-->
</div><!--//carousel-inner-->
<!-- Controls -->
<a class="left carousel-control" href="#carousel-updates" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>