-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
executable file
·339 lines (310 loc) · 17.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
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
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
<!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="#student-spotlight" class="scrolly">Student Spotlight</a></li>
<li><a href="#talent" class="scrolly">BYU Developers Talent Network</a></li>
<li><a href="https://clubs.byu.edu/events" class="scrolly">Upcoming Events</a></li>
</ul>
</li>
<li>
<a href="#">What We've Accomplished</a>
<ul>
<li><a href="#club-projects" class="scrolly">Club Projects</a></li>
<li><a href="#talent" class="scrolly">BYU Developers Talent Network</a></li>
</ul>
</li>
<li><a href="https://joshcockrell.com/resume-template" target="_blank">Resume Template</a></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="#find-students">Work With Students</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> -->
<p>We're here to help each other become better developers,<br />
teach each other about new and interesting technology,<br />
and provide an engaging space for everyone to code.<br />
If you want to join us, we'd love to see what you're working on. <br />
Check out our list of upcoming events <a href="https://clubs.byu.edu/events">here!</a></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>Join our Slack to get club meeting announcements.</h2>
<h3>
<a href="https://www.linkedin.com/company/byudevelopersclub/" target="_blank">
<img src="images/linkedin.png"
style="width:40px;height:40px;margin-bottom:-12px;" />
Follow Us on Linkedin
</a>
<br>
<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>
<br>
<a href="https://clubs.byu.edu/link/Clubs/BYU-Dev" target="_blank">
Join the Club
</a>
</h3>
</header>
</div>
<div class="4u 12u$(medium)">
<p>Come enjoy some pizza and work on projects! The club meets
every Tuesday night at 7:30 in TNRB 374. Join our slack for more information.
</p>
</div>
</div>
</div>
</div>
<a href="#student-spotlight" class="goto-next scrolly">Next</a>
</section>
<!-- Student Spotlight -->
<section id="student-spotlight" 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>Student Spotlight</h2>
<p>On the Club's LinkedIn Page</p>
</header>
<!-- </div> -->
<!-- <div class="4u 12u$(medium)"> -->
<p>Starting this semester we are going to be higlighting students in the club (and their projects)
on the club <strong><a href="https://www.linkedin.com/company/byudevelopersclub/"
action="_newtab">LinkedIn page</a></strong>.</p>
<!-- </div>
<div class="4u$ 12u$(medium)"> -->
<p>This is a great opportunity to have yourself and a project broadcasted to other students and
recruiters that follow the page.</p>
<p>Members of the Dev Club have the chance to be highlighted by filling out the form below.</p>
<!-- </div> -->
</div>
<ul class="actions small">
<li><a href="https://www.linkedin.com/company/byudevelopersclub/" target="_blank">
<img src="images/linkedin.png" style="width:40px;height:40px;margin-bottom:-12px;" />
</li>
<li><a href="https://forms.gle/ebrqcHprf3d9gAQD9" target="_blank" class="button small special">Apply
Here</a>
</li>
</ul>
<p style="font-size: 12px;">Above image © <a href="https://anyip.io/">Any IP Ltd</a></p>
</div>
<a href="#club-projects" class="goto-next scrolly">Next</a>
</section>
<!-- Find Students-->
<section id="find-students" class="wrapper style2 special fade">
<div class="container">
<header>
<h2>Want to work with Dev Club Students?</h2>
<p>Our club members are incredibly talented and highly sought after. Fill out the form linked below
to send an announcement about your company or project in our club slack channel!</p>
</header>
<ul class="actions">
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSfLHvCl8pnQLnQEH3JzvLpEKiJ7IeognEKEmdbONGQky5f_Xw/viewform"
target="_blank" class="button special">Find Students</a></li>
</ul>
</div>
</section>
<!-- Club Projects -->
<section id="club-projects" class="spotlight style2 right">
<span class="image fit main"><img src="images/hacknight.jpg" alt="" /></span>
<div class="content" style="display:inne-block">
<header>
<h2>Club Projects</h2>
<p>We provide the ideas and free pizza. <br /> You come to learn.</p>
</header>
<p>We know how busy you are. You have midterms, homework, and might even be trying to find that special
someone. Club projects provide a non-committal solution to this problem. Each week we meet for 1.5
hours to work on a hands-on, <strong>real-world</strong> project.</p>
<p>Looking to add web dev or mobile dev experience to your resume or don't feel like you know enough to
help? <strong>We have a project for that.</strong></p>
<p>These projects are super flexible. If you need to skip a club meeting because you have 4 midterms and
a paper due (trust us we've been there)—skip the meeting. Come back when you are ready; the project
will be here waiting for you to hop back on board.</p>
<p>Looking for our calendar? <!-- Maybe change this to a view the projects we are working on button??-->
<a href="http://dev.byu.edu/events/">📅</a>
</p>
<br />
<br />
<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
Hallo, huge players like Google or Docker, and dream companies like Github and LinkedIn.</p>
<p>Looking to recruit top BYU talent or looking a co-founder for a startup? Email us at <a
href="mailto:devclub@byu.net">devclub@byu.net</a></p>
<ul class="actions small">
<li><a href="./talent" target="_blank" class="button small">More</a></li>
<!--
<li><a href="https://docs.google.com/forms/d/e/1FAIpQLSdryBjrm2VdIZkSQqrBeTJvk9Vi88FSuJP30hBdCGKTIaVK3A/viewform" 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 association. Club dues are $20 for the 2022-2023 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="https://clubs.byu.edu/link/Clubs/BYU-Dev" target="_blank" class="button special">Join
Through clubs.byu.edu</a></li>
<li><a href="https://www.linkedin.com/company/byudevelopersclub/" target="_blank"
class="button special">Follow us on Linkedin</a></li>
</ul>
</div>
</section>
<!-- Footer -->
<footer id="footer">
<ul class="icons">
<li><a href="mailto:devclub@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://joshcockrell.com/">Josh Cockrell</a>,
<a target="_blank" href="https://thomasstansel.info">Thomas Stansel</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>