-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgreeksing.html
228 lines (207 loc) · 14.3 KB
/
greeksing.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
228
<!DOCTYPE HTML>
<!--
Escape Velocity by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111884318-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-111884318-1');
</script>
<title>Greek Sing | ATO</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!-- Facebook link preview properties -->
<meta property="og:image" content="http://www.cmuato.org/photos/gs1.png" />
<meta property="og:description" content="Alpha Tau Omega is a proud participant of the annual Greek Sing philanthropy event." />
<link rel="icon" href="photos/cross.png"/>
<link rel="stylesheet" href="stylesheets/w3.css">
<link rel="stylesheet" href="assets/css/main.css"/>
<link rel="stylesheet" href="stylesheets/animate.css"/>
<script src="scripts/wow.min.js"></script>
<script src="scripts/keypress-2.1.4.min.js"></script>
<style>
.mySlides {display:none}
.w3-left, .w3-right, .w3-badge {cursor:pointer}
.w3-badge {height:13px;width:13px;padding:0}
</style>
</head>
<body>
<div id="page-wrapper">
<a name="top"></a>
<!-- Header -->
<div id="header-wrapper" class="wrapper">
<div id="header">
<!-- Logo -->
<div id="logo">
<h1 style="padding-top:10px" class="style2 wow bounceIn">Greek Sing</h1>
<p class="style2 wow slideInUp">Raising money for charity through song and dance</p>
<br>
<div class="row">
<div class="10u 6u(mobile)"></div>
<div class="2u 6u(mobile)">
<a class="wow bounceIn" href="https://www.facebook.com/CMUATO" target="_blank"><img width="45px" class="socialMediaIcon wow bounceIn" src="photos/facebook.png"></a>
<a class="wow bounceIn" href="https://twitter.com/CMU_ATO" target="_blank"><img width="45px" class="socialMediaIcon wow bounceIn" src="photos/twitter.png"></a>
<a class="wow bounceIn" href="https://www.instagram.com/cmu_ato/" target="_blank"><img width="45px" class="socialMediaIcon wow bounceIn" src="photos/instagram.png"></a>
</div>
</div>
</div>
<!-- Nav -->
<nav id="nav">
<ul>
<li><a href="index.html">Alpha Tau Omega ▼</a>
<ul>
<li><a href="index.html#who">Who We Are</a></li>
<li><a href="index.html#what">What We Do</a></li>
<li><a href="index.html#brothers">The Brothers</a></li>
<li><a href="index.html#contact">Contact Us</a></li>
</ul>
</li>
<li><a href="rush.html">Rush</a></li>
<li><a href="#top">Greek Sing</a></li>
<li><a href="dessert.html">Dessert Bar</a></li>
<li><a href="http://bikeathon.cmuato.org" target="_blank">Bikeathon</a></li>
</ul>
</nav>
</div>
</div>
<!-- Intro -->
<div id="intro-wrapper" class="wrapper style1">
<a name="details"><div class="title">Details</div></a>
<section id="intro" class="container">
<div class="w3-content w3-display-container wow bounceIn" style="max-width:800px">
<img class="mySlides" src="photos/gs1.jpg" style="width:100%">
<img class="mySlides" src="photos/gs2.jpg" style="width:100%">
<img class="mySlides" src="photos/gs3.jpg" style="width:100%">
<div class="w3-center w3-container w3-section w3-xxxlarge w3-text-white w3-display-bottommiddle" style="width:100%">
<div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">❮</div>
<div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">❯</div>
<span class="w3-badge dots w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
<span class="w3-badge dots w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
<span class="w3-badge dots w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
</div>
</div>
<p class="wow bounceIn">ATO and ΔΔΔ perform Footlose</p>
<br />
<p class="style1 wow slideInUp"><b>1st place</b> at Greek Sing!</p>
<p class="wow slideInUp">Alpha Tau Omega is a proud participant of the annual Greek Sing philanthropy event. Every year, over 1,000 members of Carnegie Mellon's Greek Community join forces to raise money for a charitable organization by writing, producing, and performing 15 minute musicals. For 2019, the Greek Community set a goal to raise $150,000 in two years for <a href="http://campkesem.org/carnegiemellon" target="_blank">Camp Kesem at CMU</a>, a nationwide community that hosts summer camps to support children through and beyond their parent's cancer. We made amazing progress this year and raised $122,247.62 collectively!</p>
<p class="wow slideInUp">This year, we partnered with the sisters of Delta Delta Delta to perform <a href="https://www.youtube.com/watch?v=tVJDkel4lxQ&feature=youtu.be&fbclid=IwAR1ZvJFTiuvf8eN2yXbZX_5e-8TyAqE8tO2SK7f05JocGkLnNQZ8ehwoAYg" target="_blank">Footloose</a>. We rocked the doubles category, taking home the First Place trophy for the division! We also received the Philantrophy's Choice Award. We're so proud of the work we did along with the rest of Greek Community in putting on amazing shows and raising an incredible amount of money, and we can't wait for next year, this time in support of <a href="https://412foodrescue.org/" target="_blank">412 Food Rescue</a>!</p>
<!-- <div class="row">
<div class="12u">
<ul class="actions">
<li><a href="https://www.crowdrise.com/o/en/campaign/greek-sing-2019/cmuato" target="_blank"><input type="submit" style="background-color:#0C6596;color:white" class="styleButton" value="Donate Now" /></a></li>
<li><a href="https://www.facebook.com/pg/GreekSing/about/" target="_blank"><input type="submit" style="background-color:#0C6596;color:white" class="styleButton" value="Learn More" /></a></li>
</ul>
</div>
</div> -->
</section>
</div>
<!-- Footer -->
<div id="footer-wrapper" class="wrapper">
<a name="contact"><div class="title">Contact Us</div></a>
<div id="footer" class="container">
<header class="style1">
<h2 class="wow slideInUp">Reach out to us!</h2>
<p class="wow slideInUp">
Send us questions, suggestions, or just say hello.
</p>
</header>
<hr />
<div class="row 150%">
<div class="6u 12u(mobile)">
<!-- Contact Form -->
<section>
<form id="contactform" method="POST">
<div class="row 50%">
<div class="6u 12u(mobile)">
<input type="text" name="name" id="contact-name" placeholder="Name" />
</div>
<div class="6u 12u(mobile)">
<input type="text" name="email" id="contact-email" placeholder="Email" />
</div>
</div>
<div class="row 50%">
<div class="12u">
<textarea name="message" id="contact-message" placeholder="Message" rows="4"></textarea>
</div>
</div>
<input type="text" name="_gotcha" style="display:none"/>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" class="style1" value="Send" /></li>
<li><input type="reset" class="style2" value="Reset" /></li>
</ul>
</div>
</div>
</form>
<script>
var contactform = document.getElementById('contactform');
contactform.setAttribute('action', 'https://formspree.io/' + '[email protected]');
</script>
</section>
</div>
<div class="6u 12u(mobile)">
<!-- Contact -->
<section class="feature-list small">
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-home">Mailing Address</h3>
<p>
Alpha Tau Omega<br/>
5000 Forbes Ave<br/>
Jared L Cohon University Center, Suite 103<br/>
Pittsburgh PA, 15213
</p>
</section>
</div>
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-comment">Social</h3>
<p>
<a href="https://www.facebook.com/CMUATO" target="_blank">facebook/CMUATO</a><br />
<a href="https://twitter.com/CMU_ATO" target="_blank">twitter/CMU_ATO</a><br />
<a href="https://www.instagram.com/cmu_ato/" target="_blank">instragram/cmu_ato</a><br />
</p>
</section>
</div>
</div>
<div class="row">
<div class="6u 12u(mobile)">
<section>
<h3 class="icon fa-envelope">Email</h3>
<p>
<a href="mailto:[email protected]" target="_blank">[email protected]</a>
</p>
</section>
</div>
</div>
</section>
</div>
</div>
<hr />
</div>
<div id="copyright">
<ul>
<li>© <a href="index.html">Carnegie Mellon Alpha Tau Omega</a></li><li>Design: <a href="http://html5up.net" target="_blank">HTML5 UP</a></li>
</ul>
</div>
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/skel-viewport.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/keypressmain.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/slideshow.js"></script>
</body>
</html>