-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
executable file
·167 lines (153 loc) · 10.6 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
<!DOCTYPE html>
<html lang=''>
<head>
<meta charset='utf-8'>
<meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'>
<title>Cornell Photo Society</title>
<meta name='description' content=''>
<meta name='viewport' content='width=device-width, initial-scale=1'>
<link rel='stylesheet' href='css/gothamrnd/gothamrnd.css'>
<link href='https://fonts.googleapis.com/css?family=Karla:400' rel='stylesheet'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css'>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css'>
<link rel='stylesheet' href='css/main.css'>
<link rel='apple-touch-icon' sizes='57x57' href='img/favicon/apple-icon-57x57.png'>
<link rel='apple-touch-icon' sizes='60x60' href='img/favicon/apple-icon-60x60.png'>
<link rel='apple-touch-icon' sizes='72x72' href='img/favicon/apple-icon-72x72.png'>
<link rel='apple-touch-icon' sizes='76x76' href='img/favicon/apple-icon-76x76.png'>
<link rel='apple-touch-icon' sizes='114x114' href='img/favicon/apple-icon-114x114.png'>
<link rel='apple-touch-icon' sizes='120x120' href='img/favicon/apple-icon-120x120.png'>
<link rel='apple-touch-icon' sizes='144x144' href='img/favicon/apple-icon-144x144.png'>
<link rel='apple-touch-icon' sizes='152x152' href='img/favicon/apple-icon-152x152.png'>
<link rel='apple-touch-icon' sizes='180x180' href='img/favicon/apple-icon-180x180.png'>
<link rel='icon' type='image/png' sizes='192x192' href='img/favicon/android-icon-192x192.png'>
<link rel='icon' type='image/png' sizes='32x32' href='img/favicon/favicon-32x32.png'>
<link rel='icon' type='image/png' sizes='96x96' href='img/favicon/favicon-96x96.png'>
<link rel='icon' type='image/png' sizes='16x16' href='img/favicon/favicon-16x16.png'>
<link rel='manifest' href='img/favicon/manifest.json'>
<meta name='msapplication-TileColor' content='#FFF'>
<meta name='msapplication-TileImage' content='/ms-icon-144x144.png'>
<meta name='theme-color' content='#FFF'>
</head>
<body>
<div class='section intro' id='intro'>
<div class='section-wrapper intro'>
<img id='main_logo' class='wow fadeInDown' src='img/watermark_light@3x.png'>
<h1 class='wow fadeInUp' data-wow-delay='100ms'>Fast-track your photo game.</h1>
<div id='scroll_links'>
<span class='link_centered wow fadeInUp' data-wow-delay='200ms'><a class='scrollable' href='#about'>About</a></span>
<!-- <span class='link_centered wow fadeInUp' data-wow-delay='300ms'><a class='scrollable' href='#gallery'>Gallery</a></span> -->
<span class='link_centered wow fadeInUp' data-wow-delay='300ms'><a class='scrollable' href='#contact'>Contact</a></span>
</div>
<button id='sign_up_button' class='wow rotateInUpLeft' data-wow-delay='200ms'>Sign Up</button>
</div>
</div>
<div class='section about' id='about'>
<div class='section-wrapper about'>
<h1 class='wow fadeInDown'>WHAT WE DO</h1>
<div class='bullet wow bounceInUp' data-wow-offset='100'>
<img src='img/learn.png'>
<h2>LEARN</h2>
<p>Master the basics and techniques of various photography disciplines. Beginner? No problem. We'll teach you everything you need to know.</p>
</div>
<div class='bullet wow bounceInUp' data-wow-delay='200ms' data-wow-offset='100'>
<img src='img/shoot.png'>
<h2>SHOOT</h2>
<p>Apply what you’ve learned in the real world. We hold workshops weekly, each covering a different type of photography.</p>
</div>
<div class='bullet wow bounceInUp' data-wow-delay='400ms' data-wow-offset='100'>
<img src='img/network.png'>
<h2>NETWORK</h2>
<p>Photography is better with others. We have some of the best, and together we hope to learn and grow. Help us become more than the sum of our parts.</p>
</div>
</div>
</div>
<!-- <div class='section' id='about'>
<div class='section-wrapper about'>
<h1>About</h1>
<h2>We take the best pictures on campus.</h2>
<p>
The Cornell Photo Society (CPS) is Cornell’s foremost organization dedicated to the art of photography. We welcome people with a wide range of skills and experience in photography, from beginner to advanced. We function as a hub for photographers to network, collaborate, and improve together. Every week we delve into different types of photography through workshops and outings. Join us as we explore astrophotography, timelapses, high-speed imagery, and aerial photography.
</p>
</div>
</div> -->
<!-- <div class='section gallery' id='gallery'>
<div class='section-wrapper gallery'>
<h1 class='wow fadeInDown'>Gallery</h1>
<h2 class='wow fadeInUp'>STAY TUNED</h2>
</div>
</div> -->
<div class='section signup' id='signup'>
<div class='section-wrapper signup'>
<h1 class='wow fadeInUp'>Sign Up</h1>
<!-- Begin MailChimp Signup Form -->
<div class='form-group wow bounceInUp' data-wow-offset='200'>
<form action='//photo.us14.list-manage.com/subscribe/post?u=b189a0af22c81f36c054524bd&id=a2f893088a' method='post' id='mc-embedded-subscribe-form' name='mc-embedded-subscribe-form' class='validate' target='_blank' novalidate>
<div id='mc_embed_signup_scroll'>
<div class='mc-field-group'>
<label for='mce-EMAIL'>Email Address <span class='required_label' id='mce-EMAIL-required'>REQUIRED</span> </label>
<input type='email' value='' name='EMAIL' class='required email' id='mce-EMAIL'>
</div>
<div class='mc-field-group'>
<label for='mce-FNAME'>First Name <span class='required_label' id='mce-FNAME-required'>REQUIRED</span> </label>
<input type='text' value='' name='FNAME' class='required fname' id='mce-FNAME'>
</div>
<div class='mc-field-group'>
<label for='mce-LNAME'>Last Name <span class='required_label' id='mce-LNAME-required'>REQUIRED</span> </label>
<input type='text' value='' name='LNAME' class='required fname' id='mce-LNAME'>
</div>
<div id='mce-responses' class='clear'>
<div class='response' id='mce-error-response' style='display:none'></div>
<div class='response' id='mce-success-response' style='display:none'></div>
</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style='position: absolute; left: -5000px;' aria-hidden='true'><input type='text' name='b_b189a0af22c81f36c054524bd_a2f893088a' tabindex='-1' value=''></div>
<div class='clear'><input type='submit' value='Subscribe' name='subscribe' class='submit-button'></div>
</div>
</form>
</div>
<!--End form-group-->
</div>
</div>
<!-- End section signup -->
<div class='section contact' id='contact'>
<div class='section-wrapper contact'>
<h1 class='wow fadeInDown'>Contact</h1>
<h2 class='wow fadeInUp'><a href='mailto:hello@cornell.photo'>Email Us</a> or use the form below</h2>
<div class='form-group wow bounceInUp' data-wow-offset='200'>
<form action='https://formspree.io/photocornell@gmail.com' method='POST'>
<div id='fs_contact_form'>
<div class='mc-field-group'>
<label for='mce-EMAIL'>Name <span class='required_label' id='mce-NAME-required'>REQUIRED</span> </label>
<input type='text' value='' name='name' class='required name' id='mce-NAME'>
</div>
<div class='mc-field-group'>
<label for='mce-FNAME'>Email <span class='required_label' id='mce-EMAIL-required'>REQUIRED</span> </label>
<input type='email' value='' name='_replyto' class='required email' id='mce-EMAIL'>
</div>
<div class='mc-field-group'>
<label for='mce-LNAME'>Message <span class='required_label' id='mce-MSG-required'>REQUIRED</span> </label>
<textarea rows='4' cols='50' name='message' class='required message' id='mce-MSG'></textarea>
</div>
<div class='clear'><input type='submit' value='Send' class='submit-button'></div>
<input type='hidden' name='_next' value='thank-you-contact.html' />
<input type='text' name='_gotcha' style='display:none' />
</div>
</form>
</div>
</div>
</div>
<!-- End section contact -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/urljs/2.3.1/url.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js'></script>
<script src='js/main.js'></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-47904613-2', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>