-
Notifications
You must be signed in to change notification settings - Fork 4
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #194 from the-collab-lab/dj/update-landing-page
Update landing page
- Loading branch information
Showing
2 changed files
with
41 additions
and
61 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -9,10 +9,10 @@ const firstHeadingId = 'gain-practical-experience'; | |
<div class="c-jumbo-heading u-border-left pink"> | ||
<div class="l-center--wide"> | ||
<h1 id={firstHeadingId}> | ||
Gain <strong>practical experience</strong> by working remotely on<strong | ||
<strong | ||
>Honoring more than 5 years of creating inclusive opportunities for | ||
aspiring developers to collaborate and grow.</strong | ||
> | ||
real world projects</strong | ||
> with other<strong> early-career developers.</strong> | ||
</h1> | ||
</div> | ||
</div> | ||
|
@@ -27,82 +27,52 @@ const firstHeadingId = 'gain-practical-experience'; | |
<div class="c-mission"> | ||
<h2 id="mission">Our Mission</h2> | ||
<p> | ||
The Collab Lab increased access to web development jobs for | ||
early-career developers, particularly those from underrepresented | ||
groups in tech, by providing hands-on skills training in software team | ||
collaboration and career management. | ||
The Collab Lab, founded in 2019, increased access to web development | ||
jobs for early-career developers, particularly those from | ||
underrepresented groups in tech, by providing hands-on skills training | ||
in software team collaboration and career management. | ||
</p> | ||
</div> | ||
</div> | ||
</section> | ||
<section class="u-bg-black"> | ||
<div class="l-center--wide"> | ||
<div class="l-cluster"> | ||
<h3 class="h2">The Collab Lab is</h3> | ||
<ul class="c-tcl-trait-list"> | ||
<li><strong>Collaborative</strong> group project practice</li> | ||
<li> | ||
A place to work alongside your <strong>peers</strong> in a fully remote | ||
setting | ||
</li> | ||
<li> | ||
An opportunity to <strong>learn</strong> from experienced developers | ||
</li> | ||
<li>Volunteer run and <strong>free</strong> for developers</li> | ||
</ul> | ||
</div> | ||
<h2 class="">Celebrating Our Journey</h2> | ||
</div> | ||
|
||
<div class="l-center--wide"> | ||
<h2>So you want to…</h2> | ||
<ul class="l-grid"> | ||
<li> | ||
<h3 class="u-border-left pink"> | ||
Learn how software teams collaborate? | ||
</h3> | ||
<p> | ||
There’s no better way to gain real-world experience in a supportive, | ||
inclusive environment than being a developer on a Collab Lab | ||
project. Join the over 170 early-career developers from around the | ||
world who have learned valuable skills that have helped them land | ||
their first programming job. | ||
</p> | ||
<ul class=""> | ||
<li class="journey-list-item u-border-left pink"> | ||
<p> | ||
You can do it! Head to <a href="/participate" | ||
>our participate page</a | ||
> for the dates of our next cohort! | ||
From July 2019 to December 2024, The Collab Lab has connected over 170 | ||
early-career developers from 25+ countries with real-world | ||
experience and mentorship. Our developers didn't just learn to | ||
code—they learned to collaborate, gaining the skills and confidence | ||
needed to succeed in tech. Many have gone on to roles at companies | ||
like Google, Shopify, and Zapier, while giving back to support the | ||
next wave of talent. | ||
</p> | ||
</li> | ||
<li> | ||
<h3 class="u-border-left yellow">Help fix tech?</h3> | ||
<li class="journey-list-item u-border-left green"> | ||
<p> | ||
The Collab Lab is on a mission to fix tech, an industry rife with | ||
gatekeeping and inequity. Our developers reflect the diversity we | ||
We we're incredibly | ||
proud of the community we've built together. None of this would | ||
have been possible without the dedication of our volunteers, | ||
mentors, and developers. Their passion and commitment have left a | ||
lasting legacy of growth, mentorship, and inclusion in tech. | ||
Our developers reflect the diversity we | ||
want to see in tech, with an emphasis on supporting people from | ||
groups typically underrepresented on software teams. Joining us as a | ||
volunteer is a way to give back and help early-career developers | ||
gain their footholds in tech. | ||
</p> | ||
<p> | ||
Ready to do this? Check out <a href="/volunteer" | ||
>our volunteer page</a | ||
>! | ||
</p> | ||
</li> | ||
<li> | ||
<h3 class="u-border-left green">Hire amazing early-career devs?</h3> | ||
<p> | ||
Collab Lab developers are more ready than the average bootcamp grad | ||
to step in and start contributing to your company’s success. Our | ||
alums currently work at companies including 1Password, Datadog, | ||
Discord, Divvy, Google, IBM, Intercom, New Relic, PayPal, POLITICO, | ||
SAP, Shopify, The Motley Fool, The Washington Post, Twilio, Twitter, | ||
and Zapier, among others. | ||
</p> | ||
<p> | ||
<a href="mailto:[email protected]">Get in touch</a> to diversify | ||
your hiring pool and hire developers you can grow! | ||
</p> | ||
<li class="journey-list-item u-border-left yellow"> | ||
<p class="">Meet the People Who Made It Happen:</p> | ||
<ul class="people-list"> | ||
<li><a href="/mentors">👉 Our Mentors</a></li> | ||
<li><a href="/developers">👉 Our Developers</a></li> | ||
</ul> | ||
</li> | ||
</ul> | ||
</div> | ||
|
@@ -201,4 +171,14 @@ const firstHeadingId = 'gain-practical-experience'; | |
.u-border-left.yellow { | ||
border-left-color: var(--color-yellow-mid); | ||
} | ||
|
||
.journey-list-item { | ||
margin: 32px 0px; | ||
max-width: 75vw; | ||
padding-left: 2em; | ||
} | ||
|
||
.people-list { | ||
padding-left: 2em; | ||
} | ||
</style> |