|
47 | 47 |
|
48 | 48 | </div> |
49 | 49 |
|
50 | | - <!-- CFP 101 Video --> |
51 | | - <!-- <div class="container"></div> |
52 | | - <br> |
53 | | - <br> |
54 | | - <br> |
55 | | - <br> |
56 | | - <iframe width="560" height="315" src="https://www.youtube.com/embed/jntSWZQPcE0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> |
57 | | - </div> --> |
58 | | - |
59 | | - |
60 | 50 | </div> |
61 | 51 | </section> |
62 | 52 |
|
63 | 53 |
|
64 | | - |
65 | | - |
66 | | - |
67 | | -<!-- Masthead--> |
68 | | - |
69 | | -<!-- |
70 | | -
|
71 | | -
|
72 | | - <header class="masthead"> |
73 | | - <div class="container"> --> |
74 | | - |
75 | | -<!-- <div class="masthead-subheading">Welcome To Our Studio!</div> --> |
76 | | - |
77 | | -<!-- <div class="masthead-heading text-uppercase">It's Nice To Meet You</div> |
78 | | - <a class="btn btn-danger btn-xl text-uppercase js-scroll-trigger" href="#services">Tell Me More</a> |
79 | | - |
80 | | - <a class="btn btn-danger btn-xl text-uppercase js-scroll-trigger" target="_blank" href="https://www.youtube.com/watch?v=jntSWZQPcE0">Watch Video</a> |
81 | | -
|
82 | | - </div> |
83 | | -
|
84 | | -</header> |
85 | | -
|
86 | | ---> |
87 | | - |
88 | | - |
89 | | - |
90 | 54 | <!-- Portfolio Grid--> |
91 | 55 |
|
92 | 56 | {template projectTile name portfolioModal short image logo=no} |
|
169 | 133 | </div> |
170 | 134 | </section> |
171 | 135 |
|
172 | | -<!--Checkbox Radio Switches--> |
173 | | -<!-- <section class="page-section bg-light" id="projects"> |
174 | | - <div class="container"> |
175 | | -
|
176 | | -
|
177 | | - <div class="container"> |
178 | | - <div class="row"> |
179 | | - <div class="col-sm"> |
180 | | -
|
181 | | - <strong>Search for a CfP project:</strong><br><br> |
182 | | - <div class="custom-control custom-switch"> |
183 | | - <input type="checkbox" class="custom-control-input" id="customSwitch1"> |
184 | | - <label class="custom-control-label" for="customSwitch1">Python</label> |
185 | | - </div> |
186 | | -
|
187 | | - <div class="custom-control custom-switch"> |
188 | | - <input type="checkbox" class="custom-control-input" id="customSwitch2"> |
189 | | - <label class="custom-control-label" for="customSwitch2">Javascript</label> |
190 | | - </div> |
191 | | -
|
192 | | - <div class="custom-control custom-switch"> |
193 | | - <input type="checkbox" class="custom-control-input" id="customSwitch3"> |
194 | | - <label class="custom-control-label" for="customSwitch3">Project Management</label> |
195 | | - </div> |
196 | | - <div class="custom-control custom-switch"> |
197 | | - <input type="checkbox" class="custom-control-input" id="customSwitch4"> |
198 | | - <label class="custom-control-label" for="customSwitch4">Django</label> |
199 | | - </div> |
200 | | -
|
201 | | - <div class="custom-control custom-switch"> |
202 | | - <input type="checkbox" class="custom-control-input" id="customSwitch5"> |
203 | | - <label class="custom-control-label" for="customSwitch5">HTML</label> |
204 | | - </div> |
205 | | -
|
206 | | - <div class="custom-control custom-switch"> |
207 | | - <input type="checkbox" class="custom-control-input" id="customSwitch6"> |
208 | | - <label class="custom-control-label" for="customSwitch6">Rust</label> |
209 | | - </div> |
210 | | -
|
211 | | - <div class="custom-control custom-switch"> |
212 | | - <input type="checkbox" class="custom-control-input" id="customSwitch7"> |
213 | | - <label class="custom-control-label" for="customSwitch7">SQL</label> |
214 | | - </div> |
215 | | -
|
216 | | - <div class="custom-control custom-switch"> |
217 | | - <input type="checkbox" class="custom-control-input" id="customSwitch8"> |
218 | | - <label class="custom-control-label" for="customSwitch8">Postgres</label> |
219 | | - </div> |
220 | | -
|
221 | | - <div class="custom-control custom-switch"> |
222 | | - <input type="checkbox" class="custom-control-input" id="customSwitch9"> |
223 | | - <label class="custom-control-label" for="customSwitch9">PHP</label> |
224 | | - </div> |
225 | | -
|
226 | | - <div class="custom-control custom-switch"> |
227 | | - <input type="checkbox" class="custom-control-input" id="customSwitch10"> |
228 | | - <label class="custom-control-label" for="customSwitch10">Flutter</label> |
229 | | - </div> |
230 | | -
|
231 | | - <div class="custom-control custom-switch"> |
232 | | - <input type="checkbox" class="custom-control-input" id="customSwitch11"> |
233 | | - <label class="custom-control-label" for="customSwitch11">Golang</label> |
234 | | - </div> |
235 | | -
|
236 | | - <div class="custom-control custom-switch"> |
237 | | - <input type="checkbox" class="custom-control-input" id="customSwitch12"> |
238 | | - <label class="custom-control-label" for="customSwitch12">Frontend</label> |
239 | | - </div> |
240 | | -
|
241 | | - <div class="custom-control custom-switch"> |
242 | | - <input type="checkbox" class="custom-control-input" id="customSwitch13"> |
243 | | - <label class="custom-control-label" for="customSwitch13">Backend</label> |
244 | | - </div> |
245 | | -
|
246 | | - <div class="custom-control custom-switch"> |
247 | | - <input type="checkbox" class="custom-control-input" id="customSwitch14"> |
248 | | - <label class="custom-control-label" for="customSwitch14">MERN</label> |
249 | | - </div> |
250 | | -
|
251 | | - <div class="custom-control custom-switch"> |
252 | | - <input type="checkbox" class="custom-control-input" id="customSwitch15"> |
253 | | - <label class="custom-control-label" for="customSwitch15">Git</label> |
254 | | - </div> |
255 | | -
|
256 | | - <div class="custom-control custom-switch"> |
257 | | - <input type="checkbox" class="custom-control-input" id="customSwitch16"> |
258 | | - <label class="custom-control-label" for="customSwitch16">UX Designer</label> |
259 | | - </div> |
260 | | -
|
261 | | - <br> |
262 | | - <button type="button" class="btn btn-danger">Search</button> |
263 | | -
|
264 | | - </div> |
265 | | -
|
266 | | - <div class="col-sm"> |
267 | | - <div class="card" style="width: 18rem;"> |
268 | | - <img class="card-img-top" src="/img/portfolio/pp.png" alt="Card image cap"> |
269 | | - <div class="card-body"> |
270 | | - <h5 class="card-title">Prevention Point</h5> |
271 | | - <p class="card-text">Needle exchange program for Philadelphia. |
272 | | - </p> |
273 | | - </div> |
274 | | - <ul class="list-group list-group-flush"> |
275 | | - <li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li> |
276 | | - <li class="list-group-item"><strong>Needs:</strong> |
277 | | - <br>Project Managers <span style="color:red">(0 of 4)</span> |
278 | | - <br>Django developers <span style="color:orange">(1 of 2)</span> |
279 | | - <br>Postgres developers <span style="color:green">(1 of 1)</span> |
280 | | - </li> |
281 | | - <li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li> |
282 | | - <li class="list-group-item"><strong>PM:</strong> Billy</li> |
283 | | - <li class="list-group-item"><strong>Status:</strong> <span class="dotGreen"></span></li> |
284 | | - </ul> |
285 | | - <div class="card-body"> |
286 | | - <p class="text-center"> |
287 | | - <a href="#">Slack</a> • |
288 | | - <a href="#">Zoom</a> • |
289 | | - <a href="#">Twitter</a> • |
290 | | - <a href="#">Github</a> |
291 | | -<br> |
292 | | -
|
293 | | - <a data-tweet-limit="2" class="twitter-timeline" href="https://twitter.com/CodeForPhilly?ref_src=twsrc%5Etfw"></a> |
294 | | - <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> |
295 | | -
|
296 | | -
|
297 | | -
|
298 | | - </p> |
299 | | - </div> |
300 | | - </div> |
301 | | - </div> |
302 | | -
|
303 | | - <div class="col-sm"> |
304 | | -
|
305 | | - <div class="card" style="width: 18rem;"> |
306 | | - <img class="card-img-top" src="/img/portfolio/auto.png" alt="Card image cap"> |
307 | | - <div class="card-body"> |
308 | | - <h5 class="card-title">Philly Auto and Parole</h5> |
309 | | - <p class="card-text">Give the formerly incarcerated opportunity for a living wage. |
310 | | - </p> |
311 | | - </div> |
312 | | - <ul class="list-group list-group-flush"> |
313 | | - <li class="list-group-item"><strong>Languages:</strong> Python, Javascript, Flutter, Tensor Flow</li> |
314 | | - <li class="list-group-item"><strong>Needs:</strong> |
315 | | - <br>Project Managers <span style="color:red">(0 of 4)</span> |
316 | | - <br>Django developers <span style="color:orange">(1 of 2)</span> |
317 | | - <br>Postgres developers <span style="color:green">(1 of 1)</span> |
318 | | - </li> |
319 | | - <li class="list-group-item"><strong>Meets:</strong> Tuesdays @ 7pm</li> |
320 | | - <li class="list-group-item"><strong>PM:</strong> Billy Hanafee</li> |
321 | | - <li class="list-group-item"><strong>Status:</strong> <span class="dotOrange"></span></li> |
322 | | - </ul> |
323 | | - <div class="card-body"> |
324 | | - <p class="text-center"> |
325 | | - <a href="#">Slack</a> • |
326 | | - <a href="#">Zoom</a> • |
327 | | - <a href="#">Twitter</a> • |
328 | | - <a href="#">Github</a> |
329 | | - </p> |
330 | | - </div> |
331 | | - </div> |
332 | | -
|
333 | | - </div> |
334 | | - </div> |
335 | | - </div> |
336 | | -
|
337 | | -
|
338 | | -
|
339 | | - </div> |
340 | | -</section> --> |
341 | | - |
342 | | - |
343 | | - |
344 | | -<!-- About--> |
345 | | -<!-- <section class="page-section" id="about"> |
346 | | - <div class="container"> |
347 | | - <div class="text-center"> |
348 | | - <h2 class="section-heading text-uppercase">About</h2> |
349 | | - <h3 class="section-subheading text-muted">Lorem ipsum dolor sit amet consectetur.</h3> |
350 | | - </div> |
351 | | - <ul class="timeline"> |
352 | | - <li> |
353 | | - <div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/1.jpg" alt="" /></div> |
354 | | - <div class="timeline-panel"> |
355 | | - <div class="timeline-heading"> |
356 | | - <h4>2009-2011</h4> |
357 | | - <h4 class="subheading">Our Humble Beginnings</h4> |
358 | | - </div> |
359 | | - <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> |
360 | | - </div> |
361 | | - </li> |
362 | | - <li class="timeline-inverted"> |
363 | | - <div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/2.jpg" alt="" /></div> |
364 | | - <div class="timeline-panel"> |
365 | | - <div class="timeline-heading"> |
366 | | - <h4>March 2011</h4> |
367 | | - <h4 class="subheading">An Agency is Born</h4> |
368 | | - </div> |
369 | | - <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> |
370 | | - </div> |
371 | | - </li> |
372 | | - <li> |
373 | | - <div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/3.jpg" alt="" /></div> |
374 | | - <div class="timeline-panel"> |
375 | | - <div class="timeline-heading"> |
376 | | - <h4>December 2012</h4> |
377 | | - <h4 class="subheading">Transition to Full Service</h4> |
378 | | - </div> |
379 | | - <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> |
380 | | - </div> |
381 | | - </li> |
382 | | - <li class="timeline-inverted"> |
383 | | - <div class="timeline-image"><img class="rounded-circle img-fluid" src="/img/about/4.jpg" alt="" /></div> |
384 | | - <div class="timeline-panel"> |
385 | | - <div class="timeline-heading"> |
386 | | - <h4>July 2014</h4> |
387 | | - <h4 class="subheading">Phase Two Expansion</h4> |
388 | | - </div> |
389 | | - <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> |
390 | | - </div> |
391 | | - </li> |
392 | | - <li class="timeline-inverted"> |
393 | | - <div class="timeline-image"> |
394 | | - <h4> |
395 | | - Be Part |
396 | | - <br /> |
397 | | - Of Our |
398 | | - <br /> |
399 | | - Story! |
400 | | - </h4> |
401 | | - </div> |
402 | | - </li> |
403 | | - </ul> |
404 | | - </div> |
405 | | - </section> --> |
406 | | - |
407 | | - |
408 | | - |
409 | | - |
410 | | - |
411 | | -<!-- Team--> |
412 | | - |
413 | | -<!-- <section class="page-section bg-light" id="team"> |
414 | | - <div class="container"> |
415 | | - <div class="text-center"> |
416 | | - <h2 class="section-heading text-uppercase">Leadership</h2> |
417 | | - <h3 class="section-subheading text-muted"><a href="/blog/leadership-support_team_open_positions/"><span style="color:red">Want to join us?</span></a></h3> |
418 | | - </div> |
419 | | - <div class="row"> |
420 | | - <div class="col-lg-3"> |
421 | | - <div class="team-member"> |
422 | | - <img class="mx-auto rounded-circle" src="/img/team/1.jpg" alt="" /> |
423 | | - <h4>Marieke Jackson and Machow</h4> |
424 | | - <p class="text-muted">Co-Directors</p> |
425 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> |
426 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> |
427 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> |
428 | | - </div> |
429 | | - </div> |
430 | | - <div class="col-lg-3"> |
431 | | - <div class="team-member"> |
432 | | - <img class="mx-auto rounded-circle" src="/img/team/2.jpg" alt="" /> |
433 | | - <h4>Julia Schuchard</h4> |
434 | | - <p class="text-muted">Communications Co-Lead<br> |
435 | | - |
436 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> |
437 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> |
438 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> |
439 | | - </div> |
440 | | - </div> |
441 | | - <div class="col-lg-3"> |
442 | | - <div class="team-member"> |
443 | | - <img class="mx-auto rounded-circle" src="/img/team/3.jpg" alt="" /> |
444 | | - <h4>Barb Donnini</h4> |
445 | | - <p class="text-muted">Community Co-Lead<br> |
446 | | - |
447 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> |
448 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> |
449 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> |
450 | | - </div> |
451 | | - </div> |
452 | | - <div class="col-lg-3"> |
453 | | - <div class="team-member"> |
454 | | - <img class="mx-auto rounded-circle" src="/img/team/4.jpg" alt="" /> |
455 | | - <h4>Walt Ribeiro</h4> |
456 | | - <p class="text-muted">Projects Co-Lead<br> |
457 | | - |
458 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> |
459 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> |
460 | | - <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-linkedin-in"></i></a> |
461 | | - </div> |
462 | | - </div> |
463 | | - </div> --> |
464 | | - |
465 | | - |
466 | | - |
467 | | - |
468 | | - |
469 | | - |
470 | 136 |
|
471 | | -<!-- <div class="row"> |
472 | | - <div class="col-lg-8 mx-auto text-center"><p class="large text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p></div> |
473 | | - </div> --> |
474 | 137 | </div> |
475 | 138 | </section> |
476 | 139 |
|
|
0 commit comments