-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbutton_contents.html
122 lines (105 loc) · 4.53 KB
/
button_contents.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
Donate Now!
<div id="giv2giv-dialog" class="section">
<form method="GET" action="#" id="giv2giv-form">
<div id="giv2giv-tabs">
<ul>
<li style="font-size: 16px;"><a href="#giv2giv-bank-tab">Use Bank</a></li>
<li style="font-size: 16px;"><a href="#giv2giv-credit-tab">Use Credit Card</a></li>
</ul>
<label for="giv2giv-amount-slider">
Donation Amount?
</label>
<div style="padding-bottom:20px;">
<input style="float:left;" type="text" size="7" id="giv2giv-amount" name="giv2giv-amount">
<div style="float:left; width: 300px; height: 40px;">
<div style="margin-top: 20px; margin-left: 20px;" id="giv2giv-amount-slider"></div>
</div>
<br style="clear:both;" />
</div>
<div id="giv2giv-bank-tab"></div>
<div id="giv2giv-credit-tab">
<div class="form-row">
<label>
<span>Card Number</span>
<input type="text" size="20" data-stripe="number" value="4242424242424242"/>
</label>
</div>
<div class="form-row">
<label>
<span>Expiration (MM/YYYY)</span>
<input type="text" size="2" data-stripe="exp-month" value="12" />
</label>
<span> / </span>
<input type="text" size="4" data-stripe="exp-year" value="2015" />
</div>
<div class="form-row">
<label>
<span>CVV</span>
<input type="text" size="4" data-stripe="cvc" value="123"/>
</label>
</div>
<div class="form-row">
<label>
<span>Provide your email address for a receipt</span>
<input type="text" size="20" id="giv2giv-email" name="giv2giv-email">
</label>
</div>
<div class="fee_add">
<input type="checkbox" name="giv2giv-add-fees" id="giv2giv-add-fees" value="1" />
<label for="giv2giv-add-fees" id="giv2giv-add-fees-label"></label>
</div>
</div>
<label for "giv2giv-passthru-slider">
Send how much to charity now? The remainder will be invested.
</label>
<div style="padding-bottom:20px;">
<input style="float:left;" type="text" size="3" id="giv2giv-passthru-percent" name="giv2giv-passthru-percent" />
<div style="float:left; width: 300px; height: 40px;">
<div style="margin-top: 20px; margin-left: 20px;" id="giv2giv-passthru-slider"></div>
</div>
<br style="clear:both;" />
</div>
<div class="recurring">
<label for="giv2giv-recurring" id="giv2giv-recurring-label"></label>
<select id="giv2giv-recurring" name="giv2giv-recurring">
<option value="per-month" SELECTED>Donate Monthly
<option value="single_donation">One-time donation
</select>
</div>
<div class="small" id="giv2giv-donation-details"></div>
<div class="small">
By clicking on 'Submit' you agree to giv2giv's <a target="_blank" href='https://docs.google.com/document/d/1nNLNSxqFxyp3c7r_oQjB7n2QkI7QlxMyNWRTi3R3EqM/edit?usp=sharing'>Terms and Conditions</a></div>
</div>
</div>
</form>
<style>
*:focus {
outline: 0 !important;
}
.ui-dialog-title { white-space: normal !important; }
#giv2giv-dialog {
padding: 5px 0 !important;
}
#giv2giv-tabs {
padding: 10px !important;
}
#giv2giv-dialog input[type=text] {
display: block;
min-width: 100px;
padding: 10px 5px; margin: 10px 0;
text-align: right;
}
</style>
</div>
<div id="giv2giv-results" title="Donation success!">
<p>
<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
You have successfully donated.
</p>
<p>Share about your donation!</p>
<p>
<div id='fb-share' style='cursor: pointer'><img src="https://giv2giv.org/images/facebook-logo.png" width='50' height='50'></img></div>
<a id='twitter-share' class="twitter-share-button"><img src="https://giv2giv.org/images/twitter-logo.jpg" width='50' height='50'></img></a>
</p>
</div>
</span>