forked from codeconnector/codeconnector.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmemphis.html
258 lines (252 loc) · 14.2 KB
/
memphis.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
---
title: Memphis
---
<!-- Header -->
<header>
<div class="overlay"></div>
<video playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop">
<source src="/content/videos/talk2.mp4" type="video/mp4">
</video>
<div class="container h-100">
<div class="d-flex h-100 text-center align-items-center">
<div class="w-100 text-white">
<p class="subheader">Here's what's going on in</p>
<h1 class="header-text my-md-2">Memphis, Tennessee</h1>
</div>
</div>
</div>
</header>
<!-- Services -->
<section id="services" class="bg-light">
<div class="container">
<div class="row text-center text-md-left justify-content-center">
<div class="col-md-12 col-lg-6 pb-4 mb-md-0">
<div class="card shadow">
<div class="card-body">
<img loading="lazy" src="/content/images/flyers/CodeCoop-Memphis.jpg" class="img-fluid rounded mb-3" alt="Code Co-op Memphis flyer">
<div class="row">
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://www.facebook.com/events/504740363381972/" target="_blank" rel="noopener">Facebook</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://www.eventbrite.com/e/code-co-op-memphis-a-free-coding-help-hack-night-tickets-44642189992" target="_blank" rel="noopener">Eventbrite</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-block" href="https://www.meetup.com/memphis-technology-user-groups/events/brfkqqyzcbdc/" target="_blank" rel="noopener">Meetup</a>
</div>
</div>
<hr>
<h4>Event details</h4>
<p>Interested in breaking out of a dead end career, shifting into a coding / tech job, improving your skillset, or just switching things up?</p>
<p>Don't have the time or cash to get into coding / tech via a college program or bootcamp?</p>
<p>If you said yes to any of that, then this might be the event for you.</p>
<p>Plain and simple, Code Co-op is a help and hack night focused in on connecting people with better opportunities through collaboration and conversation.</p>
<p>Now, this isn't a class, but it is your opportunity to talk with other people in the community and get help jumpstarting your learning process or with a programming lesson / personal project you've been working on. Come with your laptop, a notebook & pen, and/or a drive to learn!</p>
<hr>
<h4>Sponsor & host information</h4>
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-4 pb-3 pb-md-0">
Epicenter
</div>
<div class="col-md-8 text-right d-flex justify-content-center justify-content-md-end">
<a class="btn btn-primary mr-2 px-3" href="https://www.epicentermemphis.org/" aria-label="Epicenter web page"><i class="fas fa-globe"></i></a>
<a class="btn btn-primary mr-2 px-3" href="#" aria-label="Epicenter Facebook"><i class="fab fa-facebook"></i></a>
<a class="btn btn-primary mr-2 px-3" href="https://www.instagram.com/epicentermemphis/" aria-label="Epicenter instagram"><i class="fab fa-instagram"></i></a>
<a class="btn btn-primary px-3" href="https://twitter.com/epimemphis" aria-label="Epicenter twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-lg-6 pb-4 mb-md-0">
<div class="card shadow">
<div class="card-body">
<img loading="lazy" src="/content/images/flyers/CodeTogether-Memphis.jpg" class="img-fluid rounded mb-3" alt="Code Together Memphis flyer">
<div class="row">
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://www.facebook.com/events/298247124067287/" target="_blank" rel="noopener">Facebook</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://code-together-memphis.eventbrite.com" target="_blank" rel="noopener">Eventbrite</a>
</div>
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://www.meetup.com/memphis-technology-user-groups/events/rgvhpqyzdbnb/" target="_blank" rel="noopener">Meetup</a>
</div>
</div>
<hr>
<h4>Event details</h4>
<p>Interested in coding with other people or getting help on a project that you're working on?</p>
<p>If you said yes to this, then this might be the event for you!</p>
<p>This Code Together event is a time for you to work alongside and connect with other people in your local community.</p>
<p>Now, it's important to note that this isn't a class, so there won't be a teacher, but it is your opportunity to talk with other people and get help jumpstarting your learning process or with a programming lesson / personal project you've been working on.</p>
<p>Come with your laptop, a notebook & pen, and/or a drive to learn!</p>
<hr>
<h4>Sponsor & host information</h4>
<div class="row d-flex justify-content-center align-items-center mb-3">
<div class="col-md-4 pb-3 pb-md-0">
James Q. Quick
</div>
<div class="col-md-8 text-right d-flex justify-content-center justify-content-md-end">
<a class="btn btn-primary mr-2 px-3" href="https://www.jamesqquick.com/" aria-label="James Quick's web page"><i class="fas fa-globe"></i></a>
<a class="btn btn-primary mr-2 px-3" href="https://www.youtube.com/c/jamesqquick" aria-label="James Quick's YouTube"><i class="fab fa-youtube"></i></a>
<a class="btn btn-primary px-3" href="https://twitter.com/jamesqquick" aria-label="James Quick's twitter"><i class="fab fa-twitter"></i></a>
</div>
</div>
<div class="row d-flex justify-content-center align-items-center">
<div class="col-md-4 pb-3 pb-md-0">
Learn Build Teach
</div>
<div class="col-md-8 text-right d-flex justify-content-center justify-content-md-end">
<a class="btn btn-primary px-3" href="https://www.jamesqquick.com/" aria-label="James Quick's web page"><i class="fas fa-globe"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Meetups -->
<section id="meetups">
<div class="container">
<div class="row justify-content-center section-header">
<div class="col-lg-7 text-center">
<h1>What are these meetups all about?</h1>
</div>
</div>
<div class="row d-flex align-items-center justify-content-center">
<div class="col-md-6">
<img loading="lazy" src="/content/images/meetups/color/5by7/14.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Attendee examining laptop with mentor">
</div>
<div class="col-md-4 ml-lg-4 text-center text-md-left">
<p class="text-muted">These get together aren't always classes, so there may not be a teacher, but no matter the setup this will be your opportunity to talk with other beginners, mentors, and leaders in your local community. You'll get help jumpstarting the learning process or tackling that tech lesson / personal project you've been working on.</p>
</div>
</div>
<div class="row justify-content-center my-5 pt-md-5">
<div class="col-12">
<h2 class="text-center mb-5">Upcoming events</h2>
</div>
<div class="col-md-10 col-lg-7">
<div class="card shadow">
<div class="card-body text-center">
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://calendar.google.com/calendar/b/1/embed?showTitle=0&showNav=0&showDate=0&showPrint=0&showTabs=0&showCalendars=0&showTz=0&mode=AGENDA&height=600&wkst=1&bgcolor=%23FFFFFF&src=ebk4jgggi3m4so9vss1mujrdng%40group.calendar.google.com&color=%2342104A&ctz=America%2FNew_York" style="border-width:0" width="400" height="200" frameborder="0" scrolling="no"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- No event callout -->
<section id="noevent-callout" class="bg-purple-convo2">
<div class="row justify-content-center">
<div class="col-9 col-lg-7 text-light text-center">
<h1 class="mb-3">Can't make it out to the local meetups?</h1>
<p>No worries and don't let that hold you back from getting help! Join our online community.</p>
<div class="pt-3 row d-flex justify-content-center">
<div class="col-sm text-sm-right">
<a class="btn btn-light btn-lg mb-3 mb-md-0 mr-0 mr-md-3 shadow" href="https://join.slack.com/t/code-connector/shared_invite/zt-6e1idsg6-wYI1hdfk_hR_QKahSBwldQ" target="_blank" rel="noopener">Join</a>
</div>
<div class="col-sm text-sm-left">
<a class="btn btn-light btn-lg shadow" href="learn.html#online">Learn more</a>
</div>
</div>
</div>
</div>
</section>
<!-- Crash course series -->
<section id="series">
<div class="container">
<div class="row justify-content-center section-header">
<div class="col-lg-7 text-center">
<h1>Crash course series</h1>
</div>
</div>
<div class="row py-5 d-flex align-items-center justify-content-center">
<div class="col-md-6">
<img loading="lazy" src="/content/images/meetups/color/5by7/6.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Two pairs of attendees conversing over code at table">
</div>
<div class="col-md-4 ml-md-4 text-center text-md-left">
<h1 class="text-primary">Rewarding</h1>
<h5>EXPERIENCES</h5>
<p class="text-muted">From start line to the finish, you'll be tackling problems that lead to a finished product. Whether you're making a webpage, setting up a bot, writing script to anaylze data, or who knows what else - you'll leave with something in hand and a better understanding of technology or programming.</p>
</div>
</div>
<div class="row py-5 d-flex align-items-center justify-content-center">
<div class="col-md-4 mr-lg-4 order-2 order-md-1 text-center text-md-left">
<h1 class="text-primary">Accessible</h1>
<h5>APPROACH</h5>
<p class="text-muted">Having to learn something new on top of full-time work or taking care of kids is tough. With this in mind, we keep things easy to understand and at an undemanding pace.</p>
</div>
<div class="col-md-6 order-1 order-md-2">
<img loading="lazy" src="/content/images/meetups/color/5by7/14.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Attendee examining laptop with mentor">
</div>
</div>
<div class="row py-5 d-flex align-items-center justify-content-center">
<div class="col-md-6">
<img loading="lazy" src="/content/images/meetups/color/5by7/1.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Attendees having group discussion">
</div>
<div class="col-md-4 ml-md-4 text-center text-md-left">
<h1 class="text-primary">Affordable</h1>
<h5>RESOURCES</h5>
<p class="text-muted">While these classes aren't free, they'll be at an extremely affordable price and come packaged dinner plus some swag.</p>
</div>
</div>
<div class="row pt-5 d-flex align-items-center justify-content-center">
<div class="col-md-8 ml-md-4 text-center">
<h2>Interested in this opportunity?</h2>
<h6 class="mb-5 text-muted">Fill out the form below to get things moving</h6>
<div class="card shadow">
<div class="card-body">
<div class="embed-responsive" style="padding-top: 85%;">
<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScJZqyU0VcM_c0Gwk2WQCvpSzlgPsORUizMnOH4cqJBp4S9Cg/viewform?embedded=true" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="sign-up" class="bg-light">
<div class="container">
<div class="row pb-5">
<div class="col-lg-12 text-center">
<h1>Start the conversation</h1>
</div>
</div>
<div class="row d-flex justify-content-center">
<div class="col-lg-5">
<div class="card shadow">
<div class="mx-5 my-3">
<form>
<div class="form-group row align-items-center">
<label class="col-form-label col-form-label-lg">Name <span class="text-danger">*</span></label>
<input class="form-control form-control-lg" id="colFormLabelLg" placeholder="Sally Smith">
</div>
<div class="form-group row align-items-center">
<label class="col-form-label col-form-label-lg">Email <span class="text-danger">*</span></label>
<input class="form-control form-control-lg" id="colFormLabelLg" placeholder="sally.smith@email.com">
</div>
<div class="form-group row align-items-center">
<label class="col-form-label col-form-label-lg">Message</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3"></textarea>
</div>
<div class="form-group row justify-content-center align-items-center py-3">
<div class="form-check">
<input class="form-check-input" type="checkbox">
<label class="form-check-label ml-3">Sign up for the online community</label>
</div>
</div>
<div class="form-group row text-center">
<div class="col-sm-12">
<button type="submit" class="btn btn-lg btn-primary">Send</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>