<!DOCTYPE html>
<html>
    <head>
        <!-- Title here -->
        <title></title>

        

        <meta name='description' content='Specialized marketing services for small business crafted just for you. Find out more. Contact info@ideasparc.com'>

        <meta name='keywords' content='marketing, small business, '>

        <link rel='author' href='IdeaSparc Marketing Services ' />        

        <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 -->

		<!-- Google Fonts CSS -->
		<link rel='stylesheet' type='text/css' href='https://fonts.googleapis.com/css?family=Muli|Muli|Muli|Muli|muli|Muli&effect=outline'></link>		
        <!-- Bootstrap CSS -->
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">

        <!-- Font awesome CSS -->
        <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet">       

        <!-- Custom CSS -->
        <link href="https://ideasparc.com/wp-content/plugins/easy-pie-csp-elite/mini-themes/base-responsive/css/style.css?1.1.5" rel="stylesheet">       

        <style type="text/css">

            
            body { background-image: url('https://www.ideasparc.com/wp-content/uploads/2011/06/slide45-e1309369052923.jpg');  }            
            #content-area { background:rgba(0, 0, 0, 0.3); }           
            #headline { color: #FFFFFF; font-size: 34px; font-family: 'Muli', sans-serif  }     
			#thank-you-headline { color: #FFFFFF; font-size: 42px; font-family: 'Muli', sans-serif  }     
            #description, #thank-you-text { color: #FFFFFF; font-size: 20px; font-family: 'Muli', sans-serif  }
            #disclaimer { color: #FFFFFF; font-size: 14px; font-family: 'Muli', sans-serif  }
            #footer { color: #FFFFFF; font-size: 13px; font-family: 'Muli', sans-serif  }
                        
            #logo { display:inline; ; width: 40%;;  }
            #email-submit-button { margin-left:3px; color: #0d0202; font-size: 16px; font-family: 'muli', sans-serif; background-color: #fffef8; 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);}
#countdown-days { background-color: #F9EA99; }
#countdown-hours { background-color: #7DB6D5; }
#countdown-minutes { background-color: #E7A555; }
#countdown-seconds { background-color: #4A4747; }
                    </style>

        <script type="text/javascript">
var thankYouDisplayed=false;                             
            // Clock end date needs to be in gmt
            clockEndDate =  "1970/01/01 05:00:00 UTC";
                    
        </script>

        <!-- Header Scripts -->
        <meta name="google-site-verification" content="-SZfOUl9pH_0LDpNWFA1q5BtJXfxH0ohUg4MjPbNkE4" />
    </head>

    <body>
        <div id="youtube-player">
 
        <div class="container">	

            <!-- Subscribe Starts -->
            <div id="content-area" class="text-center">

                <img id="logo" src="https://www.ideasparc.com/wp-content/uploads/IS-Logo2.jpg"/> 


                <div id="initial-section">
                    <header class="text-center">
                        <!-- Setting: {{headline}} -->
						
                        <h1 id="headline" class="font-effect-none">Contact IdeaSparc Marketing Solutions</h1>

                        <!-- Setting: {{description}} -->                   
                        <p id="description" class="font-effect-none">Submit your request to find out more about our services. </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_CSPE_name">Name</label>
                            <!-- Setting: {{name-placeholder}}-->
                            <input id="name-input" required name="EZP_CSPE_name" type="text" class="form-control" placeholder="Enter name"/>
                        </div>
                        <div id="email-form-group" class="form-group">
                            <label class="sr-only" for="EZP_CSPE_email">Email</label>                            
                            <input id="email-input" required name="EZP_CSPE_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 font-effect-outline">Subscribe</button>                        
                        <div id="error-block"></div>
                        <p id="disclaimer" class="font-effect-none">We won't spam you or sell your email address. Pinky swear.</p>
                    </form>
                </div>
                <div id="thank-you-section">
                    <header class="text-center">
                        <!-- Setting: {{thank-you-headline}} -->
																		
                        <h1 id="thank-you-headline" class="font-effect-none" >Thank you!</h1>

                        <!-- Setting: {{thank-you-text}} -->                   
                        <p id="thank-you-text">Thank you connecting with us!</p>

                        <p id="custom-html"><!--Setting: {{custom-html}} --></p>
                    </header>                    
                </div>

            </div>

            <!-- Social Networks -->
            <div id="social" class="text-center">
                <a id="social-facebook" target="_blank" href="" style="background-color:#3C599F; display:none"><i class="fa fa-facebook"></i></a>                                
                <a id="social-google-plus" target="_blank" href="" style="background-color:#CF3D2E; display:none"><i class="fa fa-google-plus"></i></a>                
                <a id="social-instagram" target="_blank" href="" style="background-color: #A1755C; display:none"><i class="fa fa-instagram"></i></a>
                <a id="social-linkedin" target="_blank" href="" style="background-color: #0085AE; display:none"><i class="fa fa-linkedin"></i></a>
                <a id="social-pinterest" target="_blank" href="" style="background-color: #CC2127; display:none"><i class="fa fa-pinterest"></i></a>
                <a id="social-soundcloud" target="_blank" href="" style="background-color: #f80; display:none"><i class="fa fa-soundcloud"></i></a>
                <a id="social-twitter" target="_blank" href="" style="background-color: #32CCFE;display:none"><i class="fa fa-twitter"></i></a>
                <a id="social-youtube" target="_blank" href="" style="background-color: #C52F30;display:none"><i class="fa fa-youtube"></i></a>                
            </div>

            <!-- Footer -->
            <footer class="text-center">
				
                <p id="footer" class="font-effect-none">(C)2018 IdeaSparc LLC </p> 
            </footer>          

        </div>

        <!-- Javascript files -->
        <!-- jQuery -->

        <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
        
                
        <!-- Countdown Plugin-->
        <script src="https://ideasparc.com/wp-content/plugins/easy-pie-csp-elite/mini-themes/base-responsive/js/jquery.countdown.min.js"></script>
        
        <!-- Respond JS for IE8 -->
        <script src="https://ideasparc.com/wp-content/plugins/easy-pie-csp-elite/mini-themes/base-responsive/js/respond.min.js?1.1.5"></script>
        <!-- HTML5 Support for IE -->
        <script src="https://ideasparc.com/wp-content/plugins/easy-pie-csp-elite/mini-themes/base-responsive/js/html5shiv.js?1.1.5"></script>

        <script type="text/javascript">

    $('#countdown').countdown(clockEndDate, function (event) {

        var $this = $(this).html(event.strftime(''

                + '<div id="countdown-days" >%D <span>Days</span></div> '
                + '<div id="countdown-hours" >%H <span>Hrs</span></div>  '
                + '<div id="countdown-minutes" >%M <span>Min</span></div> '
                + '<div id="countdown-seconds" >%S <span>Sec</span></div> '));
    });
    
    
         </script>
        </div>
		    </body>	
</html>
<!-- WP Super Cache is installed but broken. The constant WPCACHEHOME must be set in the file wp-config.php and point at the WP Super Cache plugin directory. -->