forked from codeconnector/codeconnector.github.io
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathknoxville.html
220 lines (214 loc) · 11.8 KB
/
knoxville.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
---
title: Knoxville
---
<!-- 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 my-md-2">Knoxville, 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/CodeTogether-Knoxville.jpg" class="img-fluid rounded mb-3" alt="Code Together Knoxville flyer">
<div class="row d-flex justify-content-center">
<div class="col-md-4">
<a class="btn btn-primary btn-block mb-3 mb-md-0" href="https://www.facebook.com/events/285612179020637/" 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-together-knoxville-a-free-community-code-session-tickets-58916036451" target="_blank" rel="noopener">Eventbrite</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-6 pb-3 pb-md-0">
Empty Cup
</div>
<div class="col-md-6 text-right d-flex justify-content-center justify-content-md-end">
<a class="btn btn-primary mr-2 px-3" href="https://www.theemptycup.org/" target="_blank" rel="noopener" aria-label="The Empty Cup web page"><i class="fas fa-globe"></i></a>
<a class="btn btn-primary mr-2 px-3" href="https://www.facebook.com/theemptycupknoxville/" target="_blank" rel="noopener" aria-label="The Empty Cup Facebook"><i class="fab fa-facebook"></i></a>
<a class="btn btn-primary px-3" href="https://www.instagram.com/emptycupknox/" target="_blank" rel="noopener" aria-label="The Empty Cup instagram"><i class="fab fa-instagram"></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">
KnoxDevs
</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://knoxdevs.com/" target="_blank" rel="noopener" aria-label="Knox Devs web page"><i class="fas fa-globe"></i></a>
<a class="btn btn-primary mr-2 px-3" href="https://www.meetup.com/KnoxDevs/" target="_blank" rel="noopener" aria-label="Knox Devs meetup.com page"><i class="fab fa-meetup"></i></a>
<a class="btn btn-primary mr-2 px-3" href="https://www.facebook.com/knoxdevs/" target="_blank" rel="noopener" aria-label="Knox Devs Facebook"><i class="fab fa-facebook"></i></a>
<a class="btn btn-primary px-3" href="https://twitter.com/knoxdevs" target="_blank" rel="noopener" aria-label="Knox Devs twitter"><i class="fab fa-twitter" ></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/3.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Attendees posing for group photo (includes bunny ears)">
</div>
<div class="col-md-4 ml-lg-4 text-center text-md-left">
<p class="text-muted">These gatherings aren't classes, so there won't be a teacher, but it is 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 programming 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=mbfvofsq427ncq7huc0otcgb48%40group.calendar.google.com&color=%2342104A&ctz=America%2FNew_York" style="border-width:0" width="800" height="600" 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>