page-home.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <?php /* Template Name: BML */ ?>
  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 columns">
  13. <div class="row clearfix">
  14. <p>&nbsp;</p>
  15. <div>
  16. <div class="row clearfix">
  17. <p>&nbsp;</p>
  18. <div>
  19. <div class="row clearfix">
  20. <div class="six columns alpha">
  21. <img src="<?php echo get_template_directory_uri(); ?>/img/bml_thermo.png" style="float:right;"/>
  22. </div>
  23. <div class="six columns omega">
  24. <div class="content">
  25. <main class="main" role="main">
  26. <div id="bml">
  27. <h3>September 27<sup>th</sup>, &nbsp;<span id="year">2014</span>.</h3>
  28. </div>
  29. <div class="buy-love" style="margin:0 0 0 100px">
  30. <p>&nbsp;</p>
  31. <a id="inline" href="#buy-love"><button>Buy Some Love</button></a>
  32. </div>
  33. <div style="display:none">
  34. <div id="buy-love">
  35. <div id="wp-stripe-wrap">
  36. <form id="wp-stripe-payment-form">
  37. <input type="hidden" name="action" value="wp_stripe_charge_initiate" />
  38. <input type="hidden" name="nonce" value="bd39ddb4d5" />
  39. <div class="wp-stripe-details">
  40. <div class="wp-stripe-notification wp-stripe-failure payment-errors" style="display:none"></div>
  41. <div class="stripe-row"><input type="text" name="wp_stripe_name" class="wp-stripe-name" placeholder="Name *" autofocus required /></div>
  42. <div class="stripe-row"><input type="email" name="wp_stripe_email" class="wp-stripe-email" placeholder="E-mail" /></div>
  43. <div class="stripe-row"><textarea name="wp_stripe_comment" class="wp-stripe-comment" placeholder="Comments?"></textarea></div>
  44. </div>
  45. <div class="wp-stripe-card">
  46. <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>
  47. <div class="stripe-row"><input type="text" autocomplete="off" class="card-number" placeholder="Card Number *" required /></div>
  48. <div class="stripe-row">
  49. <div class="stripe-row-left"><input type="text" autocomplete="off" class="card-cvc" placeholder="CVC Number *" maxlength="4" required /></div>
  50. <div class="stripe-row-right">
  51. <span class="stripe-expiry">EXP</span>
  52. <select class="card-expiry-month">
  53. <option value="1">01</option>
  54. <option value="2">02</option>
  55. <option value="3">03</option>
  56. <option value="4">04</option>
  57. <option value="5">05</option>
  58. <option value="6">06</option>
  59. <option value="7">07</option>
  60. <option value="8">08</option>
  61. <option value="9">09</option>
  62. <option value="10">10</option>
  63. <option value="11">11</option>
  64. <option value="12">12</option>
  65. </select>
  66. <span></span>
  67. <select class="card-expiry-year">
  68. <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>
  69. </select>
  70. </div>
  71. </div>
  72. </div>
  73. <div class="stripe-row">
  74. <input type="checkbox" name="wp_stripe_public" value="public" checked="checked" /> <label class="public">share your comments on our event page
  75. </div>
  76. <div style="clear:both"></div>
  77. <input type="hidden" name="wp_stripe_form" value="1"/>
  78. <button type="submit" class="stripe-submit-button">Donate</button>
  79. <div class="stripe-spinner"></div>
  80. </form>
  81. </div>
  82. </div>
  83. </div>
  84. </main>
  85. </div>
  86. </div>
  87. </div>
  88. <footer class="footer" role="info">
  89. </footer>
  90. </div>
  91. <?php wp_footer(); ?>
  92. <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
  93. <script>window.jQuery || document.write("<script src='<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js'>\x3C/script>")</script>
  94. <script src="<?php echo get_template_directory_uri(); ?>/js/script.js"></script>
  95. <script src="<?php echo get_template_directory_uri(); ?>/js/init.js"></script>
  96. <script>
  97. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  98. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  99. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  100. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  101. ga('create', 'UA-1906067-35', 'cantbuymelove.org');
  102. ga('send', 'pageview');
  103. </script>
  104. </body>
  105. </html>