-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
227 lines (201 loc) · 14.8 KB
/
index.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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
<!DOCTYPE html>
<html>
<head>
<title>Future Former Millionaire</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="assets/styles/style.css">
<link rel="stylesheet" href="assets/styles/awesome-bootstrap-checkbox.css">
<link rel="icon" type="image/x-icon" href="images/favicon.ico" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://f.vimeocdn.com/js/froogaloop2.min.js"></script>
</head>
<body>
<div id="wrapper">
<header>
<div class="container-fluid">
<div class="text-center" id="header">
<img src="images/FFMLOGOLow_opt.png" alt="Future Former Millionaire" />
</div>
<div id="video-wrapper">
<div id="video-box">
<div id="video-overlay" class="text-center">
<div class="vert-align">
<img src="images/FFM_Playbutton.png" id="play-button"/>
<p>Learn about Steven's quest to become a "former millionaire".</p>
</div>
</div>
<iframe src="http://player.vimeo.com/video/97620325?title=0&byline=0&portrait=0&color=ff0179api=1" width="80%" height="450" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen id="video"></iframe>
</div>
</div>
</div>
</header>
<div class="container-fluid">
<div class="row story-row">
<div class="col-md-12">
<h2 class="text-center">Story</h2>
<p class="text-center">My name is Steven and I'm on the quest to become a former millionaire. My plan is simple, I'm attempting to get one million people to give me $1. As soon as I hit my goal, I'm going to give the money away to deserving people.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="text-center">Current Total</h2>
<div class="current-total-wrapper text-center">
<!-- STEVEN - You change these numbers! -->
<p class="current-total">
$0,001,242
</p>
<!-- STEVEN - You change these numbers! -->
</div>
</div>
</div>
<div class="row benefits-row">
<div class="col-md-12">
<h2 class="text-center">Who Benefits?</h2>
<p class="text-center">The beneficiaries of the project have not yet been selected. However, below you will find four categories in which most of them will fall under.</p>
</div>
</div>
<div id="benefits-section">
<div class="row">
<div class="col-md-3">
<div id="arts"></div>
<h4 class="text-center">Arts</h4>
</div>
<div class="col-md-3">
<div id="education"></div>
<h4 class="text-center">Education</h4>
</div>
<div class="col-md-3">
<div id="community"></div>
<h4 class="text-center">Community</h4>
</div>
<div class="col-md-3">
<div id="people"></div>
<h4 class="text-center">People</h4>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<h2 class="text-center">Contribute</h2>
</div>
</div>
<div class="row">
<div class="col-md-4"></div>
<div class="col-md-4 text-center">
<form name="_xclick" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_xclick">
<br>
<div class="radio radio-success">
<input name="os0" type="radio" value="1.00" id="radio1">
<label for="radio1" class="green-font">$1</span></label>
</div>
<hr>
<span class="contribute-more-label">Feel like contributing more?</span>
<div class="radio radio-success contribute-more">
<input name="os0" type="radio" value="Other" id="radio2">
<label for="radio2" class="other-amount"> </label>
</div>
<input name="os0" type="text" value="" id="custom_value" style="width:4em;">
<br>
<br>
<div class="checkbox checkbox-success checkbox-circle">
<input name="agree_to_terms" type="checkbox" onClick="validate()" id="agree_to_terms">
<label for="agree_to_terms" class="agree-terms"> </label>
</div>
<span>I Accept the <a href="#" data-toggle="modal" data-target="#termsConditions">Terms & Conditions</a></span>
<br><br>
<input type="submit" class="btn btn-lg contribute-button" name="submit" onClick="CalculateOrder(this.form)" alt="Make payments with PayPal - it's fast, free and secure!" value="Contribute!" disabled>
<br><br>
<input type="hidden" name="business" value="[email protected]">
<input type="hidden" name="item_number">
<input type="hidden" name="item_name" value="Future Former Millionaire">
<input type="hidden" name="amount">
<input type="hidden" name="no_shipping" value="1">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="tax" value="0">
<input type="hidden" name="currency_code" value="USD">
<input type="hidden" name="lc" value="US">
<input type="hidden" name="return" value="http://www.futureformermillionaire.com">
<input type="hidden" name="cancel_return" value="http://www.futureformermillionaire.com">
<input type="hidden" name="button_subtype" value="products">
<input type="hidden" name="no_note" value="0">
<input type="hidden" name="cn" value="Add a note:">
</form>
</div>
<div class="col-md-4"></div>
</div>
</div>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-4">
<h5>About</h5>
<p>The Future Former Millionaire is Steven Kasprzyk.</p>
</div>
<div class="col-md-4">
<h5>Project Contributors</h5>
<ul class="list-unstyled">
<li>Nichole Barrett - Developer</li>
<li>Rob Denier - Audio</li>
<li>Todd Tolces - Voice</li>
<li>Corey Warning - Sound</li>
<li>Michael Colasardo - Animation</li>
<li>Brett Stenson - Video Illustration</li>
</ul>
</div>
<div class="col-md-4">
<h5>Keep in Touch</h5>
<ul class="list-unstyled social-icons">
<li><a href="http://www.facebook.com/futureformermillionaire" target="_blank"><i class="fa fa-facebook"></i></a></li>
<li><a href="http://www.twitter.com/frmrmillionaire" target="_blank"><i class="fa fa-twitter"></i></a></li>
<li><a href="http://www.instagram.com/futureformermillionaire" target="_blank"><i class="fa fa-instagram"></i></a></li>
<li><a href="mailto:[email protected]"><i class="fa fa-envelope-o"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
</div>
<div class="modal fade" id="termsConditions">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
<h4 class="modal-title">Terms of Use</h4>
</div>
<div class="modal-body">
<h3>(1) Acceptance of Terms</h3>
<p>These Terms of Use ("Terms") govern your access to and use of this site and its services ("Services"). Your access to and use of the Services are conditioned on your acceptance of and compliance with these Terms. By accessing or using the Services you agree to be bound by these Terms. As used in these Terms, "we", "our", and "us" means United Posi Enterprises of America™ ("UPEA") unless otherwise indicated.</p>
<h3>(2) Who We Are</h3>
<p>UPEA is an Oregon nonprofit association. Future Former Millionaire™ is a program of UPEA.</p>
<h3>(3) Donations</h3>
<p>UPEA is currently not a 501(c)(3) organization and, consequently, donations to UPEA are not tax deductible at this time. Your donation through the Services is a gift to UPEA and is not tax deductible. UPEA will use the gift in its sole discretion to further its mission. UPEA shall have no liability for any claim by any federal or state tax authority with respect to any characterization by you on any applicable federal or state tax return. Gifts to UPEA are immediate and irrevocable, which means UPEA cannot cancel your donation and you do not have any rights in the gift, including UPEA's use of the gift, upon donation.</p>
<h3>(4) Features and Services</h3>
<p>We retain the right to restrict the use of the Services for any reason and at any time. When using the Services, you may be subject to any additional posted guidelines or rules applicable to specific media, services, and features, which may be posted from time to time ("Guidelines"). All such Guidelines are hereby incorporated by references into these Terms.</p>
<h3>(5) Modifications to the Terms</h3>
<p>We reserve the right, at our discretion, to change, modify, add or remove portions of these Terms at any time and without notice to you. Please check these Terms and any Guidelines periodically for changes. Your continued use of the Services after the posting of changes constitutes your binding acceptance of such changes. For any material changes to these terms, such amended terms shall automatically be effective after they are initially posted on the Services.</p>
<h3>(6) Our Proprietary Material</h3>
<p>UPEA and its licensors shall retain all intellectual property rights in the software, data, design, tools, and any other material or content developed or provided by UPEA pursuant to these Terms including but not limited to the Services and all data, information, pictures, videos, text, sound, graphics, logos, marks, symbols, digital materials, and any and all other content provided by UPEA.</p>
<h3>(7) Indemnification</h3>
<p>You agree at your expense to indemnify, defend, and hold harmless UPEA and its affiliates from any claim, action, or demand, and associated costs and expenses, including reasonable attorneys fees, arising out of your use of the Services or violation of these Terms.</p>
<h3>(8) Disclaimer of Warranties</h3>
<p>Please read this section carefully since it limits the liability of UPEA and its affiliates, related companies, employees, agents, representatives, partners, and licensors (collectively, the "UPEA Parties"). Each of the sections below only applies up to the maximum extent permitted under applicable law. Some jurisdictions do not allow the disclaimer of implied warranties or the limitation of liability in contracts, and as a result the contents of this section may not apply to you. Nothing in this section is intended to limit any rights you may have which may not be lawfully limited.</p>
<p>Your access to and use of the Services are at your own risk. You understand and agree that the Services are provided to you on an "AS IS" and "AS AVAILABLE" basis. Without limiting the foregoing, to the maximum extent permitted under applicable law, THE UPEA PARTIES DISCLAIM ALL WARRANTIES AND CONDITIONS, WHETHER EXPRESS OR IMPLIED, OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR NON-INFRINGEMENT.</p>
<p>The UPEA Parties make no warranty and disclaim all responsibility and liability for: (i) the completeness, accuracy, availability, timeliness, security, or reliability of the Services; (ii) any harm to your computer system, loss of data, or other harm that results from your access to or use of the Services; and (iii) whether the Services will meet your requirements or be available on an uninterrupted, secure, or error-free basis. No advice or information, whether oral or written, obtained from the UPEA Parties or through the Services, will create any warranty not expressly made herein.</p>
<h3>(9) LIMITATION OF LIABILITY</h3>
<p>NEITHER PARTY WILL BE LIABLE FOR ANY INDIRECT, SPECIAL, INCIDENTAL, CONSEQUENTIAL, EXEMPLARY OR PUNITIVE DAMAGES; AND NEITHER PARTY'S LIABILITY ARISING OUT OF THESE TERMS OR SERVICES WILL EXCEED THE AMOUNT ACTUALLY DONATED TO UPEA UNDER THESE TERMS.</p>
<h3>(10) Miscellaneous</h3>
<p>These Terms constitute the entire agreement between you and UPEA ("Parties") with respect to the subject matter hereof and supersedes all prior or contemporaneous written or oral agreements and representations between the Parties with respect thereto. The Parties represent and warrant that each has full power and authority to enter into these Terms and to effect the transactions contemplated herein. These Terms may not be amended, modified, or altered in any manner, unless such amendment, modification, or alteration is in writing and signed by the Parties. The failure of UPEA to enforce any right or provision of these Terms will not be deemed a waiver of such right or provision. In the event that any provision of these Terms is held to be invalid or unenforceable, then that provision will be limited or eliminated to the minimum extent necessary, and the remaining provisions of these Terms will remain in full force and effect. These Terms will be governed by and construed in accordance with the laws of the state of Oregon, without regard to conflict-of-laws principles. These Terms do not confer any third-party beneficiary rights.</p>
<p>The effective date of these Terms is August 27, 2014. These Terms were written in English (US). To the extent any translated version of these Terms conflicts with the English version, the English version controls.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<script src="assets/javascripts/functions.js"></script>
</body>
</html>