<!DOCTYPE html>
<html>
  <head>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title>Nicole Bardales</title>

    <!-- Bootstrap core CSS -->
    <link href="/site/templates/assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/site/templates/assets/css/soon.css" rel="stylesheet">


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="/site/templates/assets/js/html5shiv.js"></script>
      <script src="/site/templates/assets/js/respond.min.js"></script>
    <![endif]-->
    
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic" rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=Raleway:400,300,700" rel='stylesheet' type='text/css'>

  </head>
  <!-- START BODY -->
  <body class="nomobile">

    <!-- START HEADER -->
    <section id="header">
        <div class="container">
            <header>
                <!-- HEADLINE -->
                <h1 data-animated="GoIn"><b>NB Creative</b> coming soon</h1>
            </header>
            <!-- START TIMER -->
            <div id="timer" data-animated="FadeIn">
                <p id="message"></p>
                <div id="days" class="timer_box"></div>
                <div id="hours" class="timer_box"></div>
                <div id="minutes" class="timer_box"></div>
                <div id="seconds" class="timer_box"></div>
            </div>
            <!-- END TIMER -->
            <div class="col-lg-4 col-lg-offset-4 mt centered">
            	<h4>LET ME KNOW WHEN YOU LAUNCH</h4>
				<a href="https://twitter.com/NicoleBardales?ref_src=twsrc%5Etfw" class="twitter-follow-button" data-show-count="false">Follow @NicoleBardales</a><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>          
			</div>
            
        </div>
        <!-- LAYER OVER THE SLIDER TO MAKE THE WHITE TEXT READABLE -->
        <div id="layer"></div>
        <!-- END LAYER -->
        <!-- START SLIDER -->
        <div id="slider" class="rev_slider">
            <ul><li data-transition='slideleft' data-slotamount='1' data-thumb='/site/assets/files/1/slide1.jpg'><img src='/site/assets/files/1/slide1.jpg'></li><li data-transition='slideleft' data-slotamount='1' data-thumb='/site/assets/files/1/slide2.jpg'><img src='/site/assets/files/1/slide2.jpg'></li><li data-transition='slideleft' data-slotamount='1' data-thumb='/site/assets/files/1/slide3.jpg'><img src='/site/assets/files/1/slide3.jpg'></li>			</ul>
        </div>
		
		
						

        <!-- END SLIDER -->
    </section>
    <!-- END HEADER -->

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/site/templates/assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="/site/templates/assets/js/modernizr.custom.js"></script>
    <script src="/site/templates/assets/js/bootstrap.min.js"></script>
    <script src="/site/templates/assets/js/soon/plugins.js"></script>
    <script src="/site/templates/assets/js/soon/jquery.themepunch.revolution.min.js"></script>
    <script src="/site/templates/assets/js/soon/custom.js"></script>
  </body>
  <!-- END BODY -->
</html>