slack.html

---
title: Slack
---

<!-- 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 d-none d-md-inline">There's no need to learn alone</p>
        <h1 class="header my-md-2">Let's thrive together</h1>
      </div>
    </div>
  </div>
</header>

<!-- Online Community -->

<section id="online">
  <div class="container">
    <div class="row justify-content-center mb-md-5">
      <div class="col-lg-7 text-center">
        <h1>Our online community</h1>
      </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">Easy</h1>
        <h5>ACCESS</h5>
        <p>Thanks to Slack, no matter the device or system, help is always one click and message away.</p>
      </div>
      <div class="col-md-6 order-1 order-md-2">
        <img loading="lazy" src="/content/images/slack/5by7/1.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Attendees having group discussion">
      </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/people/3.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Three attendees seated at a couch check out what the middle attendee is doing on her laptop">
      </div>
      <div class="col-md-4 ml-md-4 text-center text-md-left">
        <h1 class="text-primary">Open</h1>
        <h5>GROUPS</h5>
        <p>Looking to connect with a group of beginners, mentors, and leaders? Whether we've already got things set up in your local area or not, we have got lots of groups for you to dive into.</p>
      </div>
    </div>
    <div class="row py-5 d-flex align-items-center justify-content-center">
      <div class="col-md-4 mr-md-4 order-2 order-md-1 text-center text-md-left">
        <h1 class="text-primary">Helpful</h1>
        <h5>PEOPLE & JOB LEADS</h5>
        <p>The overall mission of this platform is to set up a cooperative place that pushes people to succeed. From study buddies to job lead motivation, help is on its way!</p>
      </div>
      <div class="col-md-6 order-1 order-md-2">
        <img loading="lazy" src="/content/images/people/2.jpg" class="img-fluid mb-4 mb-md-0 rounded" alt="Top down view of attendee coding on her laptop">
      </div>
    </div>
    <div class="row text-center justify-content-center my-2 pt-md-5">
      <div class="col-md-6 mb-md-0">
        <a class="btn btn-xl btn-primary shadow" href="https://join.slack.com/t/code-connector/shared_invite/zt-6e1idsg6-wYI1hdfk_hR_QKahSBwldQ" target="_blank" rel="noopener">Join our community</a>
      </div>
    </div>
  </div>
</section>