Repository navigation
Expand file tree
/
Copy pathindex.html
More file actions
262 lines (236 loc) · 13.4 KB
/
Copy pathindex.html
File metadata and controls
262 lines (236 loc) · 13.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="assets/css/main.css">
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="title" content="Learn to Code | Sudo Labs">
<meta name="description" content="Through hosting free monthly meet-ups and workshops, Sudo strives to build an energetic and welcoming community of coders to support the women of Kingston in improving their technical skills.">
<meta name="keywords" content="sudo, learn to code kingston, free coding workshops, coding workshops for women, programming kingston, sudolabs, sudo labs, free coding, coding kingston, kingston coding, learn python, learn web, build websites, free workshops, free programming">
<title>Learn to Code | Sudo Labs</title>
</head>
<body>
<!-- Desktop Navigation -->
<a href="/"><img src="assets/imgs/nav__logo.png" class="nav__logo" alt="Sudo Logo"></a>
<div class="nav">
<ul>
<li class="nav__item"><a href="/" class="link--white hvr-underline-from-center">Home</a></li>
<li class="nav__item"><a href="./events" class="link--white hvr-underline-from-center">Events</a></li>
<li class="nav__item"><a href="./workshops" class="link--white hvr-underline-from-center">Workshops</a></li>
<li class="nav__item"><a href="./getinvolved" class="link--white hvr-underline-from-center">Get Involved</a></li>
<li class="nav__item"><a href="./press" class="link--white hvr-underline-from-center">Press</a></li>
<li class="nav__item"><a href="./blog" class="link--white hvr-underline-from-center">Blog</a></li>
<li class="nav__item nav__item--last"><a href="#footer" class="link--white hvr-underline-from-center">Contact</a></li>
</ul>
</div>
<!-- End Desktop Navigation -->
<!-- Mobile Navigation -->
<div class="button_container" id="toggle">
<span class="top"></span>
<span class="middle"></span>
<span class="bottom"></span>
</div>
<div class="overlay" id="overlay">
<nav class="overlay-menu">
<ul>
<li><a href="/">Home</a></li>
<li><a href="./events">Events</a></li>
<li><a href="./workshops">Workshops</a></li>
<li><a href="./getinvolved">Get Involved</a></li>
<li><a href="./press">Press</a></li>
<li><a href="./blog">Blog</a></li>
<li><a href="#footer" id="contact">Contact</a></li>
</ul>
</nav>
</div>
<!-- End Mobile Navigation -->
<section class="landingBG">
<div class="container-fluid landing__text--verticalAlignMain">
<div class="row">
<div class="col-sm-6 col-sm-offset-3">
<div class="landing">
<img src="assets/imgs/landing__window.svg" class="landing__img animated tada delay5">
<br/>
<img src="assets/imgs/landing__woman.svg" class="landing__img--small animated bounceIn delay1">
<img src="assets/imgs/landing__woman.svg" class="landing__img--small animated bounceIn delay2">
<img src="assets/imgs/landing__woman.svg" class="landing__img--small animated bounceIn delay3">
<img src="assets/imgs/landing__woman.svg" class="landing__img--small animated bounceIn delay4">
<img src="assets/imgs/landing__woman.svg" class="landing__img--last animated bounceIn delay5">
<p class="landing__text">
<span itemprop="name">Sudo</span> is a Not-for-Profit based in
<span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<span itemprop="addressLocality">Kingston</span>
<meta itemprop="addressCountry" content="Canada">
</span> with the mission to create a community where women can learn to code together.</p>
<p class="landing__text--bold">Let's get coding.</p>
<button class="clearButton" href="#about" onclick="smoothScroll('about');">About</button>
</div>
</div>
</div>
</div>
</section>
<section class="aboutBG" id="about">
<div class="about">
<h1 class="about__title">About Sudo</h1>
<div class="container-fluid">
<div class="row about__container--margin">
<div class="col-sm-4">
<h1 class="type about__img--center">sudo</h1>
</div>
<div class="col-sm-8">
<p>(/'suːduː/ or /'suːdoʊ/) A powerful Linux command allowing users super user access to install, update, and access files on a server.</p>
</div>
</div>
<div class="row about__container--margin">
<div class="col-sm-4">
<img src="assets/imgs/about__imgWomen.svg" class="about__img--center about__img--small">
</div>
<div class="col-sm-8">
<p>Much like the command, the community of Sudo has a mission to create sudoers out of the women of Kingston, allowing them to install new technical skills, update any existing skills, and access a community built to empower. </p>
</div>
</div>
<div class="row about__container--margin">
<div class="col-sm-4">
<img src="assets/imgs/about__imgEditor.svg" class="about__img--center about__img--small">
</div>
<div class="col-sm-8">
<p>Through hosting monthly meet-ups and workshops, Sudo strives to build an energetic and welcoming community of programmers to support women in improving their technical skills. We believe programming is a skill everyone should have, and it's our mission to offer and encourage the women of Kingston to learning these skills.</p>
</div>
</div>
</div>
</div>
</section>
<section class="eventsBG">
<div class="imgSection">
<h1 class="imgSection__title">Join in on the experience.</h1>
<p>Come and see what it's all about. Make a friend or four along the way.</p>
<a href="/events"><button class="clearButton">Browse Upcoming Events</button></a>
</div>
</section>
<section class="faqBG">
<div class="faq">
<div class="faq--center">
<h1 class="faq__title">Questions & Answers</h1>
<p>Questions still unanswered? <a href="mailto:hello@sudolabs.ca" class="link--pink">Get in touch!</a></p>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<h2 class="faq__title--small">Is the community limited to women?</h2>
<p>Our events are primarily targeted for women, but everyone is welcome to join!</p>
</div>
<div class="col-sm-6">
<h2 class="faq__title--small">Is there an entry cost for the workshops?</h2>
<p>Nope! Sudo only offers free coding workshops. We will always be 100% free of charge.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h2 class="faq__title--small">Is any programming experience required?</h2>
<p>The majority of our workshops are tailored to beginners with no programming background, though experience may be beneficial for select workshops. See our <a href="/workshops" class="link--pink">workshops page</a> for more details.</p>
</div>
<div class="col-sm-6">
<h2 class="faq__title--small">Do I need to bring my own laptop to events?</h2>
<p>We recommend bringing a charged laptop in preparation for the event. For those without a laptop, please reach out to <a href="mailto:hello@sudolabs.ca" class="link--pink">hello@sudolabs.ca</a> prior to the event.</p>
</div>
</div>
</div>
</div>
</section>
<section class="workshopsBG">
<div class="imgSection imgSection--right">
<h1 class="imgSection__title">You had us at "Hello World".</h1>
<p>HTML, CSS, Javascript, Python - discover which languages speak to you.</p>
<a href="/workshops"><button class="clearButton">Explore Workshops</button></a>
</div>
</section>
<section class="sponpartBG">
<div class="sponpart">
<div class="container-fluid">
<div class="row">
<!-- <div class="col-sm-6">
<div class="sponpart--center">
<h1 class="sponpart__title">Sponsors</h1>
<a href="http://www.dragonflyit.ca/" target="_blank" alt="Innovate Kingston's website"><img src="assets/imgs/sponpart/sponpart__Dragonfly.png" class="sponpart__logo" alt="Dragonfly Logo"></a>
</div>
</div>
took out class col-sm-6 from this div-->
<div class="sponpart__container--margin">
<div class="sponpart--center">
<h1 class="sponpart__title">Partners</h1>
<a href="https://www.innovatekingston.ca/" target="_blank" alt="Innovate Kingston's website"><img src="assets/imgs/sponpart/sponpart__IK.png" class="sponpart__logo" alt="Innovate Kingston Logo"></a>
<!-- <a href="http://www.bambinosandblankets.ca/" target="_blank" alt="Bambino & Blankets website"><img src="assets/imgs/sponpart/sponpart__bnb.png" class="sponpart__logo sponpart__logo--leftMargin" alt="Bambinos & Blankets Logo"></a> -->
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sponsorsBG">
<div class="imgSection imgSection--center">
<h1 class="imgSection__title--small">Interested in helping us shape the Kingston tech community?</h1>
<a href="mailto:sponsorship@sudolabs.ca" class="link--white hvr-underline-from-center">Reach out to us at sponsorship@sudolabs.ca</a>
<br><a href="assets/pdfs/SponsorshipPackage2018.pdf" target="_blank" class="link--white"><button class="sponsorsBG__button">Sponsorship Package</button></a>
</div>
</section>
<section class="subscribeBG">
<div class="subscribe">
<div class="container-fluid">
<div class="row">
<div class="col-sm-6">
<h1 class="subscribe__title">Subscribe to our newsletter</h1>
<p>The latest Sudo news, articles, and resources, sent straight to your inbox every month. Subscribe now and never miss an issue.</p>
</div>
<div class="col-sm-6">
<form action="//sudolabs.us13.list-manage.com/subscribe/post?u=f4d1398bed089591b77229dd6&id=1234b36ef2" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<span class="input input--isao">
<input class="input__field input__field--isao" type="email" id="input-38" name="EMAIL"autocomplete="off" spellcheck="false"/>
<label class="input__label input__label--isao" for="input-38" data-content="E-mail">
<span class="input__label-content input__label-content--isao">E-mail</span>
</label>
</span>
<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_f4d1398bed089591b77229dd6_1234b36ef2" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="pinkButton"></div>
</form>
</div>
</div>
</div>
</div>
</section>
<section class="footerBG" id="footer">
<div class="footer">
<h1 class="footer__title">Let's get connected.</h1>
<a href="https://fb.me/sudolabs.ca" target="_blank"><img src="assets/imgs/socialMedia/footer__facebook.svg" class="footer__socialMediaIcon hvr-float" alt="Facebook link"></a>
<a href="https://twitter.com/sudolabs_" target="_blank"><img src="assets/imgs/socialMedia/footer__twitter.svg" class="footer__socialMediaIcon hvr-float" alt="Twitter link"></a>
<a href="https://www.instagram.com/sudolabs/" target="_blank"><img src="assets/imgs/socialMedia/footer__instagram.svg" class="footer__socialMediaIcon hvr-float" alt="Instagram link"></a>
<a href="https://www.linkedin.com/company/sudo-labs" target="_blank"><img src="assets/imgs/socialMedia/footer__linkedin.svg" class="footer__socialMediaIcon hvr-float" alt="LinkedIn link"></a>
<p><a href="mailto:hello@sudolabs.ca" class="link--white hvr-underline-from-center"><span itemprop="email">hello@sudolabs.ca</span></a></p>
<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=XFGG83FG5EGYA" target="_blank" alt="Donate"><button class="pinkButton pinkButton--clearMargin">Donate</button></a>
<p class="footer__copyright">© 2017 Sudo Labs. Made with skills by <a href="http://www.carafalcon.com" alt="Cara's website" class="link--white footer__copyright--bold">Cara Falcon</a>.</p>
<img src="assets/imgs/footer__arrow.svg" class="footer__logo">
</div>
</section>
<meta itemprop="url" content="https://sudolabs.ca/">
<meta itemprop="priceRange" content="0">
</span>
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="assets/js/scroll.js"></script>
<script src="assets/js/menu.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-88456539-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>