forked from byudevelopers/club-website3
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·259 lines (245 loc) · 15.7 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
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
<!DOCTYPE HTML>
<!--
Landed by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>BYU Dev Club</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="icon" href="favicon_64.ico">
<link rel="stylesheet" href="assets/css/main.css" />
<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-80435304-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body class="landing">
<div id="page-wrapper">
<!-- Header -->
<header id="header">
<h1 id="logo"><a href="#">BYU Dev</a></h1>
<nav id="nav">
<ul>
<li>
<a href="#">What We Do</a>
<ul>
<li><a href="#hack-nights" class="scrolly">Hack Nights</a></li>
<li><a href="#talent" class="scrolly">BYU Developers Talent Network</a></li>
</ul>
</li>
<li>
<a href="#">What We've Accomplished</a>
<ul>
<li><a href="#makerspace" class="scrolly">Makerspace</a></li>
<li><a href="#talent" class="scrolly">BYU Developers Talent Network</a></li>
</ul>
</li>
<li><a href="partnership_guide.pdf" target="_blank">Become a Corporate Partner</a></li>
<li><a href="officers" target="_blank">Officers</a></li>
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLScKH52O1K8bBh1v-Epv-FbxfZmowHpPzJRkEk5lqDlBZO2VtQ/viewform?usp=sf_link" target="_blank">Apply For Leadership</a></li>
<li><a href="#join" class="button special scrolly">Join</a></li>
</ul>
</nav>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h2>BYU Developers Club</h2>
<p>While we're here at BYU, we plan on transforming<br/>
what it means to be a Developer. We are coders<br/>
and designers. Entrepreneurs and students.<br/>
Hackers and UX fanatics. And if you're ready to <br/>
rethink developer impact, you're ready to join us.</p>
</header>
<span class="image"><img src="images/logo_main.png" alt="" /></span>
</div>
<a href="#opening-social" class="goto-next scrolly">Next</a>
</section>
<!-- Opening Social -->
<section id="opening-social" class="spotlight style3 top">
<span class="image fit main bottom"><img src="images/design.jpg" alt="" /></span>
<div class="content">
<div class="container">
<div class="row">
<div class="6u 12u$(medium)">
<header>
<h2>Hack Nights are back!</h2>
<p>This semester we'll be meeting every Tuesday at 7:30pm in 240 TNRB</p>
<h3>
<a href="https://clubs.byu.edu/clubs#/byu-dev" target="_blank">
Join the Club
</a>
<a href="https://byudevelopers.slack.com/signup" target="_blank">
<img src="images/slack.png" style="width:40px;height:40px;margin-bottom:-12px;"/>
Join Us on Slack
</a>
</h3>
</header>
</div>
<div class="4u 12u$(medium)">
<p>Bring your resume for a resume / interview workshop!<p>
<p>Come enjoy some pizza and work on projects!</p>
<p>Looking for more events? <a href="https://calendar.google.com/calendar/embed?src=tv04jaq2jq4ken17j9ug8lc3hc%40group.calendar.google.com&ctz=America/Denver" class="icon alt fa-calendar" target="_blank"><span class="label">Calendar</span></a></p>
</div>
<!-- <div class="6u$ 12u$(medium)">
<ul class="actions">
<li><a href="./opening-social" class="button">More</a></li>
</ul>
</div> -->
</div>
</div>
</div>
<a href="#makerspace" class="goto-next scrolly">Next</a>
</section>
<!-- Maker Space -->
<section id="makerspace" class="spotlight style1 left">
<span class="image fit main"><img src="images/group.jpg" alt="" /></span>
<div class="content">
<div class="row">
<!-- <div class="4u 12u$(medium)"> -->
<header>
<h2>$30,000+ Maker Space</h2>
<p>Room 270 of the Crabtree</p>
</header>
<!-- </div> -->
<!-- <div class="4u 12u$(medium)"> -->
<p>We are excited to announce our new maker space in the Crabtree building. By partnering with <a href="http://venture.byu.edu/" action="_newtab">Venture Factory</a>, the engineering department, and Microsoft, we have created a space complete with 3D printers, IoT devices, tablets, and Xbox dev kits.</p>
<!-- </div>
<div class="4u$ 12u$(medium)"> -->
<p>Members of the Dev Club have access to the secure maker space. This is a place to prototype designs, collaborate with the latest technologies, hack on mobile apps, or just enjoy a game of Halo. Anyone is welcome on Hack Nights.</p>
<!-- </div> -->
</div>
</div>
<a href="#hack-nights" class="goto-next scrolly">Next</a>
</section>
<!-- Hack Nights -->
<section id="hack-nights" class="spotlight style2 right">
<span class="image fit main"><img src="images/hacknight.jpg" alt="" /></span>
<div class="content">
<header>
<h2>Hack Nights</h2>
<p>We provide the tech demos, company swag, and free pizza. You bring the ideas and hard work. <br/> Always hard work.</p>
</header>
<p>Hack nights are our way of creating an environment where you can change the world. Got an idea for a new iOT device, website, or mobile app? Show up and make it happen. Club members are standing by to help you break down the complex tasks of software development into smaller chunks, and you're bound to make friends in the process. We occasionally have hands-on workshops with the latest technologies.</p>
<p>Interested in having someone review your resume? Bring it along, there's always someone willing to help.</p>
<p>Already know your stuff? Then share with the rest of us and eat our pizza.</p>
<p>Looking for our calendar?<br /><a href="https://calendar.google.com/calendar/embed?src=tv04jaq2jq4ken17j9ug8lc3hc%40group.calendar.google.com&ctz=America/Denver" class="icon alt fa-calendar" target="_blank"><span class="label">Calendar</span></a></p>
<ul class="actions">
<!-- <li><a href="./hack-nights" class="button">Learn More</a></li> -->
</ul>
</div>
<a href="#talent" class="goto-next scrolly">Next</a>
</section>
<!-- Talent Network -->
<section id="talent" class="spotlight style3 left">
<span class="image fit main bottom"><img src="images/outside_man.jpg" alt="" /></span>
<div class="content">
<header>
<h2>BYU Developers Talent Network</h2>
<!-- <p>Deadline for resumes is Oct 6th at 11pm.</p> -->
</header>
<p>Instantly submit your resume to 100's of tech companies through the Talent Network. Whether it's part-time, full-time, or through an internship, there is a company willing to pay you to learn how to code.</p>
<p>Looking for something more than a campus job? Then we can connect you with small local startups like Owlet, huge players like Microsoft or Docker, and dream companies like Github and Slack.</p>
<p>Looking to recruit top BYU talent or looking a co-founder for a startup? Email us at <a href="mailto:byudevelopers@byu.net" >byudevelopers@byu.net</a></p>
<ul class="actions small">
<li><a href="./talent" target="_blank" class="button small">More</a></li>
<!--<li><a href="https://www.formpl.us/form/5592820389773312" target="_blank" class="button small special">Submit Your Resume</a>-->
</li>
</ul>
</div>
<a href="#join" class="goto-next scrolly">Next</a>
</section>
<!--<section id="four" class="wrapper style1 special fade-up">
<div class="container">
<header class="major">
<h2>Accumsan sed tempus adipiscing blandit</h2>
<p>Iaculis ac volutpat vis non enim gravida nisi faucibus posuere arcu consequat</p>
</header>
<div class="box alt">
<div class="row uniform">
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-calendar"></span>
<h3>Mark Your Calendar!</h3>
<p>Our opening social with Venture Factory will be on Wednesday, September 14.</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-comment"></span>
<h3>Eleifend lorem ornare</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="4u$ 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-flask"></span>
<h3>Cubilia cep lobortis</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="4u 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-paper-plane"></span>
<h3>Non semper interdum</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="4u 6u(medium) 12u$(xsmall)">
<span class="icon alt major fa-file"></span>
<h3>Odio laoreet accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
<section class="4u$ 6u$(medium) 12u$(xsmall)">
<span class="icon alt major fa-lock"></span>
<h3>Massa arcu accumsan</h3>
<p>Feugiat accumsan lorem eu ac lorem amet accumsan donec. Blandit orci porttitor.</p>
</section>
</div>
</div>
<footer class="major">
<ul class="actions">
<li><a href="" class="button">Magna sed feugiat</a></li>
</ul>
</footer>
</div>
</section> -->
<!-- Five -->
<!-- Join -->
<section id="join" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Join the BYU Developers Club</h2>
<p>We are an official BYU academic club. Club dues are $15 for the 2017-2018 academic year. <a style="font-weight: bold;" href="https://commerce.cashnet.com/webagency?itemcode=webagency-5C">Pay Dues here!</a></p>
</header>
<ul class="actions">
<li><a href="https://byudevelopers.slack.com/signup" target="_blank" class="button special">Join Us on Slack</a></li>
<li><a href="http://eepurl.com/bD-rPv" target="_blank" class="button special">Subscribe to our Email List</a></li>
<li><a href="http://clubs.byu.edu/organization/MTMzNDIyMzEtMDAwMC0wMDAwMA==/profile" target="_blank" class="button special">Join Through clubs.byu.edu</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="mailto:byudevelopers@byu.net" class="icon alt fa-envelope"><span class="label">Email</span></a></li>
</ul>
<ul class="copyright">
<li>© <script>document.write(new Date().getFullYear())</script> BYU Developers Club. All rights reserved.</li><li>Design:
<a target="_blank" href="http://devmunchies.com/">Sam Eaton</a>,
<a target="_blank" href="http://joshcockrell.com/">Josh Cockrell</a>,
<a target="_blank" href="http://tylermarkpeterson.com/">Tyler Peterson</a>,
<a target="_blank" href="http://html5up.net">HTML5 UP</a></li>
</ul>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.dropotron.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>