Doneerformulier footer
This commit is contained in:
parent
3c281f2b22
commit
333edb378a
|
@ -1,77 +1,38 @@
|
|||
<div class="loading">
|
||||
<?php pll_e('Fundraiser wordt geladen'); ?>...
|
||||
|
||||
</div>
|
||||
<div class="fundraiser" style="display: none">
|
||||
<form class="fundraiser" id="fundraiserWrapper" action="#">
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="shrink cell text-center">
|
||||
<div class=" fakebutton">
|
||||
<h2 class="nbm">€ <span class="raised"></span></h2>
|
||||
<p class="nbm "><small><?php pll_e('is al gedoneerd'); ?></small></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auto cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="large-12 cell">
|
||||
<div class="progress nbm" role="progressbar" tabindex="0">
|
||||
<div class="progress-meter"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="auto cell">
|
||||
<!-- EMPTY -->
|
||||
</div>
|
||||
<div class="shrink cell">
|
||||
<p><small>€100.000</small></p>
|
||||
</div>
|
||||
<div class="large-12 cell">
|
||||
<p class="nbm"><small><?php pll_e('Ja ik help mee voor'); ?>:</small></p>
|
||||
<hr class="hr alternatehr">
|
||||
<div class="grid-x uitzonderingmargin">
|
||||
<div class="small-4 medium-shrink cell uitzondering">
|
||||
<div class="button expanded whitebutton" data-price="25">€25</div>
|
||||
</div>
|
||||
<div class="small-4 medium-shrink cell uitzondering">
|
||||
<div class="button expanded whitebutton" data-price="50">€50</div>
|
||||
</div>
|
||||
<div class="small-4 medium-shrink cell uitzondering">
|
||||
<div class="button expanded whitebutton" data-price="100">€100</div>
|
||||
</div>
|
||||
<div class="small-12 medium-auto cell uitzondering">
|
||||
<input type="number" class="fakebutton invulbedrag expanded" placeholder="Bedrag" name="amount" id="amount" />
|
||||
</div>
|
||||
</div>
|
||||
<input type="text" placeholder="Email adres" name="email" id="email" required />
|
||||
<input type="text" placeholder="Voornaam" name="firstName" id="firstName" required />
|
||||
<input type="text" placeholder="Achternaam" name="lastName" id="lastName" required />
|
||||
</div>
|
||||
<div class="shrink cell">
|
||||
<label class="radio">
|
||||
<input type="radio" class="paymentMethod" name="paymentMethod" value="mollie_ideal" checked />
|
||||
<img class="payment-method" src="https://assets.wings.dev/img/icons/ideal.png" alt="iDeal" title="iDeal" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="shrink cell">
|
||||
<label class="radio">
|
||||
<input type="radio" class="paymentMethod" name="paymentMethod" value="mollie_sepabanktransfer" />
|
||||
<img class="payment-method" src="https://assets.wings.dev/img/icons/sepa.png" alt="Sepa overboeking" title="Sepa overboeking" />
|
||||
</label>
|
||||
</div>
|
||||
<div class="auto cell"></div>
|
||||
<div class="large-12 cell">
|
||||
<label class="checkbox" for="newsletter">
|
||||
<input type="checkbox" name="newsletter" id="newsletter" />
|
||||
<?php pll_e('Blijf op de hoogte'); ?>
|
||||
</label>
|
||||
</div>
|
||||
<div class="large-12 cell">
|
||||
<label class="checkbox" for="privacyConsent">
|
||||
<input type="checkbox" name="privacyConsent" id="privacyConsent" required />
|
||||
<?php pll_e('Ik ga akkoord met het'); ?> <a href="https://www.bij1.org/privacy"><?php pll_e('privacybeleid'); ?></a>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<input class="button whitebutton ltm" type="submit" value="Doneer" />
|
||||
</form>
|
||||
</div>
|
||||
<?php /* TELLER
|
||||
<div class="fundraiser" style="display: none">
|
||||
<div class="grid-x grid-margin-x">
|
||||
<div class="shrink cell text-center">
|
||||
<div class=" fakebutton">
|
||||
<h2 class="nbm">€ <span class="raised"></span></h2>
|
||||
<p class="nbm "><small><?php pll_e('is al gedoneerd'); ?></small></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
*/ ?>
|
||||
|
||||
<style>
|
||||
.doneren-container .gform_wrapper{
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
.doneren-container .gfield_label{
|
||||
font-size: 15px !important;
|
||||
}
|
||||
.doneren-container input{
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
.doneren-container select{
|
||||
border-radius: 99px;
|
||||
font-size: 18px !important;
|
||||
padding: 10px 20px !important;
|
||||
height: unset;
|
||||
margin-bottom: .5rem;
|
||||
box-shadow: none !important;
|
||||
background: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat right #fff;
|
||||
background-position-x: calc(100% - 15px);
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="doneren-container">
|
||||
<?php echo do_shortcode('[gravityform id="6" title="false" description="false" ajax="true"]'); ?>
|
||||
</div>
|
Loading…
Reference in New Issue