donate.html

<div class="row" style="margin-bottom:20px;">
  <div class="col-sm-12">
    <!-- <a href="#donate" class="btn btn-lg btn-default pull-right">Donate Now</a> -->
  </div>
</div>
<div class="row donation-section">
  <div class="col-sm-12">
    <h1 class="text-center">We are going to change the world's perception of mathematics.</h1>
    <h2 class="text-center">Help us inspire one million students!</h2>
  </div>
</div>
<div class="row">
  <!-- Support students -->
  <div class="text-center" style="margin:20px 0 30px 0;">
    <h1><u>Select Amount</u></h1>
    <h4>
    <em>
      Prefer to provide non-financial support? Email us at <a href="mailto:[email protected]">[email protected]</a> for ideas.
    </em>
  </h4>
  </div>
  <div class="row">
    <div class="col-md-3 col-sm-12">
      <div class="col-sm-12 donate-option donate-students">
        <!-- <div style="min-height:100px;" class="row">
          <h1 style="margin-top:20px;">Support students!</h1>
        </div> -->
        <div class="row">
          <!-- <img width="75%" class="hidden-md hidden-sm hidden-xs" src="https://www.theglobalmathproject.org/wp-content/uploads/2016/04/donate_icon_person.svg" alt="person" /> -->
          <h1 style="margin-top:20px;">$5</h1>
        </div>
        <div style="margin-top:20px;" class="row">
          [stripe name="The Global Math Project" description="$5 Donation" amount="500"]
          [/stripe]
        </div>
      </div>
    </div>
    <!-- END Support students -->
    <!-- Support class -->
    <div class="col-md-3 col-sm-12">
      <div class="col-sm-12 donate-option donate-class">
        <!-- <div style="min-height:100px;" class="row">
          <h1 style="margin-top:20px;">Support a class!</h1>
        </div> -->
        <div class="row">
          <!-- <img width="75%" class="hidden-md hidden-sm hidden-xs" src="https://www.theglobalmathproject.org/wp-content/uploads/2016/04/donate_icon_group.svg" alt="group" /> -->
          <h1 style="margin-top:20px;">$30</h1>
        </div>
        <div style="margin-top:20px;" class="row">
          [stripe name="The Global Math Project" description="$30 Donation" amount="3000"]
          [/stripe]
        </div>
      </div>
    </div>
    <!-- END Support class -->
    <!-- Support School -->
    <div class="col-md-3 col-sm-12">
      <div class="col-sm-12 donate-option donate-school">
        <!-- <div style="min-height:100px;" class="row">
          <h1 style="margin-top:20px;">Support a school!</h1>
        </div> -->
        <div class="row">
          <!-- <img width="75%" class="hidden-md hidden-sm hidden-xs" src="https://www.theglobalmathproject.org/wp-content/uploads/2016/04/donate_icon_crowd.svg" alt="crowd" /> -->
          <h1 style="margin-top:20px;">$1,000</h1>
        </div>
        <div style="margin-top:20px;" class="row">
          [stripe name="The Global Math Project" description="$1000 Donation" amount="100000"]
          [/stripe]
        </div>
      </div>
    </div>
    <!-- END Support School -->
    <!-- Support School -->
    <div class="col-md-3 col-sm-12">
      <div class="col-sm-12 donate-option donate-custom">
        <div class="row">
          <!-- <img style="margin-bottom:10px;" width="75%" class="hidden-md hidden-sm hidden-xs" src="https://www.theglobalmathproject.org/wp-content/uploads/2016/04/donate_icon_money.svg" alt="money" /> -->
        </div>
        <div style="margin-top:30px;" class="row">
          [stripe name="The Global Math Project" description="Custom Donation" placeholder="CUSTOM AMOUNT"]
          [stripe_amount]
          [/stripe]
        </div>
      </div>
    </div>
    <!-- END Support School -->
  </div>
</div>
<div class="row" style="text-align:center;margin:25px 0 25px 0;">
  All donations are processed via a secure payment portal.
  <a href="http://www.stripe.com" style="margin-bottom:20px;margin-left:20px;" target="_blank"><img src="https://www.theglobalmathproject.org/wp-content/uploads/2015/11/[email protected]" alt="solid@2x" width="100" class="alignnone size-full wp-image-158"></a>
</div>
<div class="row">
  <div class="big-text col-sm-12">
    <p style="text-align:left;">
      The Global Math Project is hosted by the American Institute of Mathematics, a nonprofit, tax-exempt charitable organization (tax identification number 94-3205114) under Section 501(c)(3) of the Internal Revenue Code.
    </p>
    <p style="text-align:left;">
      Donations are tax-deductible as allowed by law.
    </p>
  </div>
</div>
<!-- END -->