sold out notification

views/soldout.php

@@ -1,11 +1,45 @@
-<div class="row">
+<div class="text-center">
+    <h4>Nature's Classroom Institute & Montessori School Presents</h4>
+    <iframe width="560" height="315" src="https://www.youtube.com/embed/lODWa6DkDaU?rel=0&amp;showinfo=0"
+            frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
+            allowfullscreen></iframe>
+    <h5>Saturday June 1st, 2019 5:00pm-11:30pm</h5>
+    <h5>W336 S8455 Hwy E, Mukwonago, WI 53149</h5>
+
+</div>
+<div class="row" style="margin-top: 50px">
     <div class="col-md-12 mb-12">
         <div class="mb-12 text-center">
-            <br/><br/>
+            <h3>Sorry! We are sold out of tickets!</h3>
-            <h1>Sorry!</h1>
+            <h2>Sign up below to go on our waiting list</h2>
-            <p>We are sold out of tickets!</p>
+            <!-- Begin Mailchimp Signup Form -->
+            <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
+            <style type="text/css">
+                #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
+                /* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
+                   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
+            </style>
+            <div id="mc_embed_signup">
+                <form action="https://discovernci.us9.list-manage.com/subscribe/post?u=191d352658045bb98e2c71587&amp;id=b56299d652" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+                    <div id="mc_embed_signup_scroll">
+                        <h2>Sign up to be notified when tickets are available to the public!</h2>
+                        <div class="mc-field-group">
+                            <label for="mce-EMAIL">Email Address </label>
+                            <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
                         </div>
-
+                        <div id="mce-responses" class="clear">
+                            <div class="response" id="mce-error-response" style="display:none"></div>
+                            <div class="response" id="mce-success-response" style="display:none"></div>
+                        </div>    <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_191d352658045bb98e2c71587_b56299d652" tabindex="-1" value=""></div>
+                        <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
+                    </div>
+                </form>
+            </div>
+            <script type='text/javascript' src='//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js'></script><script type='text/javascript'>(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
+            <!--End mc_embed_signup-->
+        </div>
+        <br/><br/>
     </div>
 
 </div>