donate.html 4.08 KB
Newer Older
1
2
3
[[!meta title="Donate to Tails"]]

[[!meta stylesheet="bootstrap" rel="stylesheet" title=""]]
sajolida's avatar
sajolida committed
4
[[!meta stylesheet="donate" rel="stylesheet" title=""]]
5
6
7
8
[[!meta script="lib/js/jquery"]] <!-- https://code.jquery.com/jquery-1.9.1.min.js -->
[[!meta script="lib/js/bootstrap/button"]] <!-- https://github.com/twbs/bootstrap/raw/v3.3.6/js/button.js -->
[[!meta script="donate"]]

9
10
11
<div class="row">
  <div class="col-md-5 col-md-offset-6">

12
13
14
<div id="currency" class="row">
<div class="col-md-12 btn-group btn-group-justified" data-toggle="buttons" role="group">
  <label class="btn btn-lg btn-primary active" id="currency-dollar">
15
16
    <input type="radio" name="options" id="dollars" autocomplete="off" checked data-complete-text="finished!"> Dollars</input>
  </label>
17
  <label class="btn btn-lg btn-primary" id="currency-euro">
18
19
20
    <input type="radio" name="options" id="euros" autocomplete="off" checked data-complete-text="finished!"> Euros</input>
  </label>
</div>
21
</div>
22

23
24
25
<div id="frequency" class="row">
<div class="col-md-12 btn-group btn-group-justified" data-toggle="buttons" role="group">
  <label class="btn btn-lg btn-primary">
26
27
    <input type="radio" name="options" id="one-time" autocomplete="off"> One-time</input>
  </label>
28
  <label class="btn btn-lg btn-primary">
29
30
    <input type="radio" name="options" id="monthly" autocomplete="off"> Monthly</input>
  </label>
31
  <label class="btn btn-lg btn-primary active">
32
33
34
    <input type="radio" name="options" id="yearly" autocomplete="off" checked> Yearly</input>
  </label>
</div>
35
</div>
36

37
<div id="dollar-amounts" class="row amounts" data-toggle="buttons" role="group">
sajolida's avatar
sajolida committed
38
  <label class="btn btn-lg btn-primary col-md-3 active">
39
40
    <input type="radio" name="options" id="5" autocomplete="off">$5</input>
  </label>
sajolida's avatar
sajolida committed
41
  <label class="btn btn-lg btn-primary col-md-3">
42
43
    <input type="radio" name="options" id="10" autocomplete="off">$10</input>
  </label>
sajolida's avatar
sajolida committed
44
  <label class="btn btn-lg btn-primary col-md-3">
45
46
    <input type="radio" name="options" id="20" autocomplete="off">$20</input>
  </label>
sajolida's avatar
sajolida committed
47
  <label class="btn btn-lg btn-primary col-md-3">
48
49
    <input type="radio" name="options" id="50" autocomplete="off">$50</input>
  </label>
sajolida's avatar
sajolida committed
50
  <label class="btn btn-lg btn-primary col-md-3">
51
52
    <input type="radio" name="options" id="100" autocomplete="off">$100</input>
  </label>
sajolida's avatar
sajolida committed
53
  <label class="btn btn-lg btn-primary col-md-3">
54
55
    <input type="radio" name="options" id="250" autocomplete="off">$250</input>
  </label>
sajolida's avatar
sajolida committed
56
  <label class="btn btn-lg btn-primary col-md-3">
57
58
    <input type="radio" name="options" id="500" autocomplete="off">$500</input>
  </label>
sajolida's avatar
sajolida committed
59
60
61
62
63
64
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
      <span class="input-group-addon">$</span>
      <input type="text" class="form-control">
    </div>
65
66
67
  </label>
</div>

68
<div id="euro-amounts" class="row amounts" data-toggle="buttons" role="group">
sajolida's avatar
sajolida committed
69
  <label class="btn btn-lg btn-primary col-md-3 active">
70
71
    <input type="radio" name="options" id="5" autocomplete="off">5€</input>
  </label>
sajolida's avatar
sajolida committed
72
  <label class="btn btn-lg btn-primary col-md-3">
73
74
    <input type="radio" name="options" id="10" autocomplete="off">10€</input>
  </label>
sajolida's avatar
sajolida committed
75
  <label class="btn btn-lg btn-primary col-md-3">
76
77
    <input type="radio" name="options" id="20" autocomplete="off">20€</input>
  </label>
sajolida's avatar
sajolida committed
78
  <label class="btn btn-lg btn-primary col-md-3">
79
80
    <input type="radio" name="options" id="50" autocomplete="off">50€</input>
  </label>
sajolida's avatar
sajolida committed
81
  <label class="btn btn-lg btn-primary col-md-3">
82
83
    <input type="radio" name="options" id="100" autocomplete="off">100€</input>
  </label>
sajolida's avatar
sajolida committed
84
  <label class="btn btn-lg btn-primary col-md-3">
85
86
    <input type="radio" name="options" id="250" autocomplete="off">250€</input>
  </label>
sajolida's avatar
sajolida committed
87
  <label class="btn btn-lg btn-primary col-md-3">
88
89
    <input type="radio" name="options" id="500" autocomplete="off">500€</input>
  </label>
sajolida's avatar
sajolida committed
90
91
92
93
94
95
  <label class="btn btn-lg btn-primary col-md-3 other">
    <span>Other</span>
    <div class="input-group">
      <input type="text" class="form-control text-right">
      <span class="input-group-addon"></span>
    </div>
96
97
  </label>
</div>
98
99
100

  </div>
</div>