page-date.php 4.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <?php /* Template Name: BML Date */ ?>
  2. <!DOCTYPE html>
  3. <html <?php language_attributes(); ?>>
  4. <head>
  5. <meta charset="<?php bloginfo( 'charset' ); ?>">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title><?php wp_title( '|', true, 'right' ); ?></title>
  8. <?php wp_head(); ?>
  9. </head>
  10. <body>
  11. <div class="container">
  12. <div class="twelve">
  13. <div class="content">
  14. <main class="main" role="main">
  15. <div id="bml">
  16. <h3>September 27<sup>th</sup>, &nbsp;<span id="year">2014</span>.</h3>
  17. </div>
  18. <div class="buy-love" style="margin:20px 20px 20px 100px">
  19. <a id="inline" href="#buy-love"><button>Wha?</button></a>
  20. </div>
  21. <div style="display:none">
  22. <div id="buy-love">
  23. <div id="wp-stripe-wrap">
  24. <form id="wp-stripe-payment-form">
  25. <input type="hidden" name="action" value="wp_stripe_charge_initiate" />
  26. <input type="hidden" name="nonce" value="bd39ddb4d5" />
  27. <div class="wp-stripe-details">
  28. <div class="wp-stripe-notification wp-stripe-failure payment-errors" style="display:none"></div>
  29. <div class="stripe-row"><input type="text" name="wp_stripe_name" class="wp-stripe-name" placeholder="Name *" autofocus required /></div>
  30. <div class="stripe-row"><input type="email" name="wp_stripe_email" class="wp-stripe-email" placeholder="E-mail" /></div>
  31. <div class="stripe-row"><textarea name="wp_stripe_comment" class="wp-stripe-comment" placeholder="Comments?"></textarea></div>
  32. </div>
  33. <div class="wp-stripe-card">
  34. <div class="stripe-row"><input type="text" name="wp_stripe_amount" autocomplete="off" class="wp-stripe-card-amount" id="wp-stripe-card-amount" placeholder="Amount (USD) *" required /></div>
  35. <div class="stripe-row"><input type="text" autocomplete="off" class="card-number" placeholder="Card Number *" required /></div>
  36. <div class="stripe-row">
  37. <div class="stripe-row-left"><input type="text" autocomplete="off" class="card-cvc" placeholder="CVC Number *" maxlength="4" required /></div>
  38. <div class="stripe-row-right">
  39. <span class="stripe-expiry">EXP</span>
  40. <select class="card-expiry-month">
  41. <option value="1">01</option>
  42. <option value="2">02</option>
  43. <option value="3">03</option>
  44. <option value="4">04</option>
  45. <option value="5">05</option>
  46. <option value="6">06</option>
  47. <option value="7">07</option>
  48. <option value="8">08</option>
  49. <option value="9">09</option>
  50. <option value="10">10</option>
  51. <option value="11">11</option>
  52. <option value="12">12</option>
  53. </select>
  54. <span></span>
  55. <select class="card-expiry-year">
  56. <option value="2013">2013</option><option value="2014">2014</option><option value="2015">2015</option><option value="2016">2016</option><option value="2017">2017</option><option value="2018">2018</option><option value="2019">2019</option> </select>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="stripe-row">
  61. <input type="checkbox" name="wp_stripe_public" value="public" checked="checked" /> <label class="public">Check to share your comments and be notified of our event page.
  62. </div>
  63. <div style="clear:both"></div>
  64. <input type="hidden" name="wp_stripe_form" value="1"/>
  65. <button type="submit" class="stripe-submit-button">Buy Some Love</button>
  66. <div class="stripe-spinner"></div>
  67. </form>
  68. </div>
  69. </div>
  70. </div>
  71. </main>
  72. </div>
  73. </div>
  74. <footer class="footer" role="info">
  75. </footer>
  76. </div>
  77. <?php wp_footer(); ?>
  78. <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
  79. <script>window.jQuery || document.write("<script src='<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js'>\x3C/script>")</script>
  80. <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script>
  81. <script src="<?php echo get_template_directory_uri(); ?>/js/init.js"></script>
  82. </body>
  83. </html>