-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathdonate.html
217 lines (190 loc) · 13.4 KB
/
donate.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
<title>SUNY Potsdam ACM</title>
<!-- CSS -->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
<link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
</head>
<body>
<nav class="red darken-4" role="navigation">
<div class="nav-wrapper container">
<a id="logo-container" href="index.html" class="brand-logo">Home</a>
<ul class="right hide-on-med-and-down">
<li><a href="about.html">About</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
<li><a href="talks.html">Talks</a></li>
<li><a href="projects/index.html">Projects</a></li>
<li><a href="events/index.html">Events</a></li>
<li><a href="jobs.html">Jobs</a></li>
<li><a href="credit/index.html">Credit</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact/index.html">Contact</a></li>
</ul>
<ul id="nav-mobile" class="side-nav">
<li><a href="about.html">About</a></li>
<li><a href="get-involved.html">Get Involved</a></li>
<li><a href="talks.html">Talks</a></li>
<li><a href="projects/index.html">Projects</a></li>
<li><a href="events/index.html">Events</a></li>
<li><a href="jobs.html">Jobs</a></li>
<li><a href="credit/index.html">Credit</a></li>
<li><a href="donate.html">Donate</a></li>
<li><a href="contact/index.html">Contact</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse"><i class="material-icons">menu</i></a>
</div>
</nav>
<div class="container">
<h1>Donate</h1>
<p class="flow-text">When you donate, we'll post your generous contribution to this page.</p>
<h2>How is my Donation Used?</h2>
<p class="flow-text">When the money you donate is used, you'll be able to see exactly it is going and how you are helping to support and grow the SUNY Potsdam ACM. If you'd like, you can specify where you would like your money to go when you donate.</p>
<h2>How to Donate</h2>
<h3>Online</h3>
<ol class="flow-text">
<li><a href="https://secure.potsdam.edu/giving/" target="_blank">Donate online by clicking here</a>.</li>
<li>Fill in “SGA - ACM" for the Specific Program / Activity field. Do not check the “Greatest needs of the college” box.</li>
<li>Leave a comment if you would like and we’ll post it here.</li>
<li>Fill in the remainder of the fields with your information.</li>
<li>Fill in the amount of money you would like to donate in the “Gift Amount” box at the bottom of the page.</li>
<li>When asked to “Select Method of Payment”, click the continue button.</li>
<li>Enter your card information and click the continue button.</li>
<li>Review your payment option and click “Submit Gift”.</li>
<li>We will receive email notifcation and then we will post you to our site.</li>
</ol>
<h3>By Check</h3>
<ol class="flow-text">
<li>Please make the check payable to <strong>Potsdam College Foundation</strong> with the memo of <strong>ACM - SGA</strong>.</li>
<li>Send the check to <strong>Potsdam College Foundation, Inc.</strong> at <strong>44 Pierrepont Ave., Potsdam, NY 13676-2294, Raymond Hall 507</strong>.</li>
<li>Email us your comment you'd like to leave and we'll post you to the site.</li>
</ol>
<h3>Need Help?</h3>
<p class="flow-text">If you need help making your gift, please contact Vicky Perry in the Foundation office at <a href="tel:315-267-3054">315-267-3054</a>. General questions about supporting the ACM should be directed to Jesse at <a href="mailto:[email protected]">[email protected]</a>.</p>
<h3>Other Donations</h3>
<p class="flow-text">If you want to donate hardware or anything else to the ACM, simply talk to any one of the ACM officers.</p>
<h2>Donation Goals</h2>
<p class="flow-text">Hover over the donation meter and see contributions that have been made to help reach our goals.</p>
<div class="row">
<div class="col s12 m12">
<div class="card">
<div class="card-content">
<p class="supporter-name">UPE Honor Society</p>
<p class="supporter-amount">$1200 Needed</p>
<p class="supporter-amount">20% Funded</p>
<p>The UPE is the only honorary society whose membership consists of undergraduate and graduate students in CIS disciplines and recognized by ACM and the IEEE-CS. They provide scholarship awards to students of the ACM and supporters of the association. They also provide cash awards to chapters that send representatives to it's annual conventions and plaques to teams that compete at the ACM Programming contest. UPE presents the ABACUS Award - the most prestigious award presented to an individual who, over several years, has provided extensive support and leadership for student-related activities in the Computing and Information Disciplines. </p>
<!-- When people donate, simply divide their donation by the total amount needed. Example: A $100 donation goal and someone donates $20. So 20/100 = 0.20. Then make the width 20% -->
<div class="repository-lang-stats-graph">
<span class="language-color tooltipped" data-position="bottom" data-delay="50" data-tooltip="Dana B. Harris" style="width:20.83333%; background-color:#f1e05a;">$250</span>
<span class="language-color tooltipped" data-position="bottom" data-delay="50" data-tooltip="Will you be the next to donate?" style="width:79.2%; background-color:white;">$950 Remaining</span>
</div>
<!-- Heres an example -->
<!-- <div class="repository-lang-stats-graph">
<span class="language-color tooltipped" data-position="bottom" data-delay="50" data-tooltip="Donator Name" style="width:55.0%; background-color:#f1e05a;"><a href="#donate1">Nothing raised yet!</a></span>
<span class="language-color tooltipped" data-position="bottom" data-delay="50" data-tooltip="Donator Name" style="width:55.0%; background-color:#f1e05a;"><a href="#donate1">Dollar Amount</a></span>
<span class="language-color" data-position="bottom" data-delay="50" data-tooltip="Donator Name" style="width:28.0%; background-color:#563d7c;">Dollar Amount</span> -->
<!-- Change this one's background color to white if the goal isn't met yet. -->
<!-- <span class="language-color" data-position="bottom" data-delay="50" data-tooltip="Donator Name" style="width:17.0%; background-color:#e44b23;">Dollar Amount</span>
</div> -->
</div>
</div>
</div>
</div>
<div class="row">
<h2>Our Donators</h2>
<p class="flow-text">Thank you so much to our generous donors.</p>
<div class="col s12 m6">
<div class="card">
<div class="card-content">
<p class="supporter-name">Dana B. Harris</p>
<p class="supporter-amount">Donated $250 to starting a UPE chapter</p>
<p class="supporter-date">Donated on Jan 30, 2017</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card">
<div class="card-content">
<p class="supporter-name">Mike Cataldo</p>
<p class="supporter-amount">Donated Raspberry Pi B+, USB Cable, and SD Card</p>
<p class="supporter-date">Donated on Jan 30, 2017</p>
</div>
</div>
</div>
<div class="col s12 m6">
<div class="card">
<div class="card-content">
<p class="supporter-name">Garry Griggs</p>
<p class="supporter-amount">Donated Computer to Virtual Reality Room</p>
<p class="supporter-date">Donated over winter break, 2017</p>
</div>
</div>
</div>
</div>
<!-- Donation Modal -->
<div id="donate1" class="modal modal-fixed-footer">
<div class="modal-content">
<p class="flow-text">Nothing raised yet for this goal. Will you be the first to donate?</p>
</div>
<div class="modal-footer">
<a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat ">Close</a>
</div>
</div>
</div>
<!-- End Container -->
<footer class="page-footer red darken-4">
<div class="container">
<div class="row">
<div class="col s4">
<h5 class="white-text">More Links</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="our-friends.html">Our Friends</a></li>
<li><a class="grey-text text-lighten-3" href="minutes.html">Minutes</a></li>
<li><a class="grey-text text-lighten-3" href="archive.html">Archive</a></li>
<li><a class="grey-text text-lighten-3" href="feedback.html">Feedback</a></li>
<li><a class="grey-text text-lighten-3" href="services.html">Services</a></li>
<li><a class="grey-text text-lighten-3" target="_blank" href="http://cs.potsdam.edu/CS/index.php">CS Homepage</a></li>
</ul>
</div>
<div class="col s4">
<h5 class="white-text">Connect</h5>
<ul>
<li><a class="grey-text text-lighten-3" href="https://www.facebook.com/PotsdamACM/?fref=ts" target="_blank">Facebook</a></li>
<li><a class="grey-text text-lighten-3" href="https://github.com/potsdamacm" target="_blank">Github</a></li>
<li><a class="grey-text text-lighten-3" href="https://twitter.com/potsdamacm" target="_blank">Twitter</a></li>
<li><a class="grey-text text-lighten-3" href="https://www.linkedin.com/groups/8408448" target="_blank">LinkedIn</a></li>
<li><a class="grey-text text-lighten-3" href="https://lists.potsdam.edu/sympa/subscribe/acm" target="_blank">Mailing List</a></li>
<li><a class="grey-text text-lighten-3" href="https://plus.google.com/102069938733004614886" target="_blank">Google Plus</a></li>
<li><a class="grey-text text-lighten-3" href="https://potsdamacm-slack.herokuapp.com/" target="_blank">Slack</a></li>
</ul>
</div>
<div class="col s4">
<h5 class="white-text">Regular Meetings</h5>
<ul class="white-text">
<li>Every Friday</li>
<li>Dunn Hall 206</li>
<li>4:00 PM - 5:00 PM</li>
</ul>
</div>
</div>
</div>
<div class="footer-copyright">
<div class="container">
</div>
</div>
</footer>
<!-- Scripts-->
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script>
<script src="js/init.js"></script>
<script>
$(document).ready(function() {
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered
$('.modal').modal();
});
</script>
</body>
</html>