<!DOCTYPE html>
<html>
    <head>
        <!-- Title here -->
        <title>TheBurnman.com - Coming Soon!</title>

        

        <meta name='description' content=''>

        <meta name='keywords' content=''>

        <link rel='author' href='' />        

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <!--Fonts-->
        <!-- SEtting: {font-link-list} - list of all fonts referenced in the template -->
        <!-- <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600' rel='stylesheet' type='text/css'>-->

        <!-- Styles -->

        <!-- Bootstrap CSS -->
<!--        <link href="" rel="stylesheet">-->
        <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">

        <!-- Font awesome CSS -->
        <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

        <!-- Custom CSS -->
        <link href="http://theburnman.com/wp-content/plugins/easy-pie-coming-soon/mini-themes/base-responsive/css/style.css?1.0.3" rel="stylesheet">

        <style type="text/css">

            
            { margin: 0; padding: 0; }
                                            body {                                                 
                                                 background: url('http://theburnman.com/wp-content/uploads/2014/09/1600x900-Burning-Background-1.png') no-repeat center center fixed;
                                                                                               
                                                -webkit-background-size: cover;
                                                -moz-background-size: cover;
                                                -o-background-size: cover;
                                                background-size: cover;
                                            }            
            #content-area { background:rgba(0, 0, 0, 0.7); }           
            #headline, #thank-you-headline { color: #FFFFFF; font-size: 42px; font-family: Arial, Helvetica, san-serif  }            
            #description, #thank-you-text { color: #FFFFFF; font-size: 20px; font-family: Arial, Helvetica, san-serif  }
            #disclaimer { color: #FFFFFF; font-size: 14px; font-family: "Times New Roman", Times, serif  }
            #footer { color: #FFFFFF; font-size: 13px; font-family: "Times New Roman", Times, serif  }
                        
            #logo { display:none; ; width: 15%;;  }
            #email-submit-button { margin-left:3px; color: #FFFFFF; font-size: 16px; font-family: Arial, Helvetica, san-serif; background-color: #E34141; height: 42px; width: 120px; }
            
            #email-collection-box { display:block; }
            #name-form-group { display:inline-block; }
            #email-form-group { margin-left:auto;margin-right:auto;}
            /*#email-form-group, #name-form-group { width: 180px; }*/
            /* #name-input, #email-input { width: 180px; } */
                
            #initial-section { display:block; }
            #thank-you-section { display: none; }
            #error-block { display: none; color:red; margin-top:5px; }
            #countdown { display: none; }

              
            /* Custom CSS */
            /* This code adds a shadow around the content box */
#headline { font-weight: bold }
#content-area { box-shadow: 1px 7px 36px -5px rgba(34,34,34,1);}
                    </style>

        <script type="text/javascript">
var thankYouDisplayed=false;            //RSR TODO: Set up variable for clock 
            clockEndDate = ""            
        </script>

        <!-- Analytics Code -->
            </head>

    <body>

        <div class="container">	

            <!-- Subscribe Starts -->
            <div id="content-area" class="text-center">

                <img id="logo" src=""/> 


                <div id="initial-section">
                    <header class="text-center">
                        <!-- Setting: {{headline}} -->
                        <h1 id="headline">Coming Soon!</h1>

                        <!-- Setting: {{description}} -->                   
                        <p id="description">We are working as fast as we can to wrap up the finishing touches for TheBurnman.com and should be launching the site soon.  Subscribe to be notified of the launch below.  Do it now!!  :)</p>

                        <p id="custom-html" style="display:"><!--Setting: {{custom-html}} --></p>
                    </header>

                    <div id="countdown"></div>

                    <form id="email-collection-box" name="email-collection-box" class="form-inline" role="form" action="" method="post">

                        <!-- Setting: {{name-collection-on}}-->
                        <div id="name-form-group" class="form-group">
                            <label class="sr-only" for="ezp_cs_name">Name</label>
                            <!-- Setting: {{name-placeholder}}-->
                            <input id="name-input" name="ezp_cs_name" type="text" class="form-control" placeholder="Enter name"/>
                        </div>
                        <div id="email-form-group" class="form-group">
                            <label class="sr-only" for="ezp_cs_email">Email</label>                            
                            <input required id="email-input" name="ezp_cs_email" type="email" class="form-control" placeholder="Enter email"/>
                        </div>

                        <button id="email-submit-button" form="email-collection-box" type="submit" class="btn btn-danger">Subscribe</button>                        
                        <div id="error-block"></div>
                        <p id="disclaimer">We will not share your email address with any third party and we promise not to spam you!</p>
                    </form>
                </div>
                <div id="thank-you-section">
                    <header class="text-center">
                        <!-- Setting: {{thank-you-headline}} -->
                        <h1 id="thank-you-headline">Thank you!</h1>

                        <!-- Setting: {{thank-you-text}} -->                   
                        <p id="thank-you-text">You'll hear from us when we launch.</p>

                        <p id="custom-html"><!--Setting: {{custom-html}} --></p>
                    </header>                    
                </div>

            </div>

            <!-- Social Networks -->
            <div id="social" class="text-center">
                <a target="_blank" href="" class="br-blue" style="display:none"><i class="fa fa-facebook"></i></a>
                <a target="_blank" href="https://twitter.com/burnman" class="br-lblue" style="display:inline-block"><i class="fa fa-twitter"></i></a>
                <a target="_blank" href="" class="br-orange" style="display:none"><i class="fa fa-google-plus"></i></a>
            </div>


            <!-- Footer -->
            <footer class="text-center">
                <p id="footer">(C) 2014 TheBurnman.com </p> 
            </footer>          

        </div>

        <!-- Javascript files -->
        <!-- jQuery -->

        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
        <!-- Countdown Plugin-->
        <script src="http://theburnman.com/wp-content/plugins/easy-pie-coming-soon/mini-themes/base-responsive/js/jquery.countdown.min.js"></script>
        <!-- Slider backgrounds -->
        <!--<script src="js/jquery.vegas.min.js"></script>-->
        <!-- Respond JS for IE8 -->
        <script src="http://theburnman.com/wp-content/plugins/easy-pie-coming-soon/mini-themes/base-responsive/js/respond.min.js?1.0.3"></script>
        <!-- HTML5 Support for IE -->
        <script src="http://theburnman.com/wp-content/plugins/easy-pie-coming-soon/mini-themes/base-responsive/js/html5shiv.js?1.0.3"></script>
        <!-- Custom JS -->
        <script src="http://theburnman.com/wp-content/plugins/easy-pie-coming-soon/mini-themes/base-responsive/js/custom.js?1.0.3"></script>

    </body>	
</html>
