Simplify landing page and update about page

This commit is contained in:
Quincy Larson
2016-06-29 12:21:25 -07:00
parent 509819a91c
commit 76bbff5375
2 changed files with 30 additions and 81 deletions

View File

@ -1,40 +1,38 @@
extends layout extends layout
block content block content
.text-center .text-center
h1.landing-heading Learn to code and help nonprofits.
.spacer
.row .row
h1.landing-heading Learn to code and help nonprofits
.big-break .big-break
.big-break .big-break
.big-break .big-break
.col-xs-12.col-sm-12.col-md-3 .col-xs-12.col-sm-12.col-md-4
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg', alt='Get great references and connections to start your software engineer career') img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg', alt='Get great references and connections to start your software engineer career')
p.large-p Join a community of 400,000+ developers. p.large-p
.col-xs-12.col-sm-12.col-md-3 a(href='/map') 17,000,000+
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_learn.svg', alt='Learn to code and learn full stack JavaScript') |  coding challenges solved
p.large-p Work on coding challenges together. .col-xs-12.col-sm-12.col-md-4
.col-xs-12.col-sm-12.col-md-3 img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg', alt='Help nonprofits with bro bono code projects')
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg', alt='Build a portfolio of apps for nonprofits') p.large-p
p.large-p Build a portfolio of apps that solve real problems. a(href='/nonprofits') $1,000,000+
.col-xs-12.col-sm-12.col-md-3 |  in donated development work
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg', alt='Empower nonprofits with code') .col-xs-12.col-sm-12.col-md-4
p.large-p Empower nonprofits with code. img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg', alt='Get hired as a developer and start your software engineer career')
.big-break p.large-p
.big-break a(href='/stories') 2,000+
|  campers now have developer jobs
.big-break .big-break
.big-break .big-break
.row .row
.col-xs-12.col-sm-8.col-sm-offset-2 .col-xs-12.col-sm-8.col-sm-offset-2
a.btn.btn-cta.signup-btn.btn-block(href="/signin") Start coding (it's free) a.btn.btn-cta.signup-btn.btn-block(href="/signin") Start coding (it's free)
.button-spacer
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href="/nonprofits") My nonprofit needs coding help
.spacer .spacer
h2 As featured in: h2 As featured in:
img.img-center.img-responsive(src='https://s3.amazonaws.com/freecodecamp/as-seen-on.png') img.img-center.img-responsive(src='https://s3.amazonaws.com/freecodecamp/as-seen-on.png')
.spacer .spacer
hr hr
.spacer .spacer
h2 Launch your career as a software engineer: h2 Launch your developer career
.spacer .spacer
.row .row
.col-xs-12.col-sm-12.col-md-4 .col-xs-12.col-sm-12.col-md-4
@ -50,14 +48,9 @@ block content
p.testimonial-copy I started Free Code Camp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer. p.testimonial-copy I started Free Code Camp with zero knowledge of web development. 6 months later, I landed my first job as a back end engineer.
h3 - Maxim Orlov h3 - Maxim Orlov
.spacer .spacer
.row
.col-xs-12.col-sm-8.col-sm-offset-2
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href='/stories') Hear from more of our campers
.spacer
.spacer
hr hr
.spacer .spacer
h2 Skills you'll learn: h2 Learn powerful skills
.spacer .spacer
.row .row
.text-center.negative-35 .text-center.negative-35

View File

@ -23,7 +23,7 @@ block content
| to nonprofits | to nonprofits
.row .row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Certifications h2.text-center Certificates
hr hr
ul.population-table ul.population-table
li.nowrap li.nowrap
@ -117,7 +117,7 @@ block content
td.text-center td.text-center
i.fa.fa-comment i.fa.fa-comment
td td
a(href="/stories") Stories from campers who've become professional software engineers a(href="/stories") Stories from campers who've become professional software developers
.spacer .spacer
.row .row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3 .col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
@ -127,25 +127,23 @@ block content
<h4>What is Free Code Camp?</h4> <h4>What is Free Code Camp?</h4>
<p class="negative-15">Were an open source community that helps you learn to code.</p> <p class="negative-15">Were an open source community that helps you learn to code.</p>
<h4>How do you help me learn to code?</h4> <h4>How do you help me learn to code?</h4>
<p class="negative-15">You can work through our self-paced coding challenges, build projects, and earn certifications. We also connect you with people in your city so you can code together.</p> <p class="negative-15">You can work through our self-paced coding challenges, build projects, and earn certificates. We also connect you with people in your city so you can code together.</p>
<h4>Can Free Code Camp help me get a job as a software engineer?</h4> <h4>Can Free Code Camp help me get a job as a software developer?</h4>
<p class="negative-15">Yes. Hundreds of people have gotten software engineering jobs after completing our coding challenges.</p> <p class="negative-15">Yes. Thousands of people have gotten software developer jobs after joining our open source community.</p>
<h4>Is Free Code Camp a coding bootcamp?</h4> <h4>Is Free Code Camp a coding bootcamp?</h4>
<p class="negative-15">No. A lot of coding bootcamps use Free Code Camp as part of their curriculum, though.</p> <p class="negative-15">No. A lot of coding bootcamps use Free Code Camp as part of their curriculum, though.</p>
<h4>Is Free Code Camp really free?</h4> <h4>Is Free Code Camp really free?</h4>
<p class="negative-15">Yes. Our curriculum, nonprofit projects, and verified certifications are all free.</p> <p class="negative-15">Yes. Our curriculum, nonprofit projects, and verified certificates are all free.</p>
<h4>Which certifications does Free Code Camp offer?</h4>
<p class="negative-15">We offer four free verified certifications: front end development, back end development, data visualization, and full stack development.</p>
<h4>How can I help nonprofits through Free Code Camp?</h4> <h4>How can I help nonprofits through Free Code Camp?</h4>
<p class="negative-15">Once you finish the first three certifications, youll get to build a series of solutions for nonprofits. Youll work in pairs, under the supervision of a volunteer project manager and a stakeholder from the nonprofit.</p> <p class="negative-15">Once you finish the first 1,200 hours of challenges, youll get to build a series of solutions for nonprofits. Youll work in pairs, under the supervision of a volunteer project manager and a stakeholder from the nonprofit.</p>
<h4>How much money has Free Code Camp saved nonprofits?</h4> <h4>How much money has Free Code Camp saved nonprofits?</h4>
<p class="negative-15">Our community has done nearly a million dollars worth of pro-bono coding for nonprofits so far.</p> <p class="negative-15">Our community has donated more than a million dollars worth of pro-bono coding for nonprofits so far.</p>
<h4>Is there a way I can help nonprofits before I earn my certifications?</h4> <h4>Is there a way I can help nonprofits before I earn my certificates?</h4>
<p class="negative-15">Yes. You can <a href="/commit">pledge a monthly donation to a nonprofit of your choosing</a> while you learn.</p> <p class="negative-15">Yes. You can <a href="/commit">pledge a monthly donation</a> to a nonprofit of your choosing while you learn.</p>
<h4>How long does Free Code Camp take?</h4> <h4>How long does Free Code Camp take?</h4>
<p class="negative-15">It takes about 2,080 hours to earn all four of our certifications. This translates into one year of full-time coding. Were completely self-paced though, so take as long as you need.</p> <p class="negative-15">It takes about 2,080 hours to complete Full Stack Developer certificate. This translates into one year of full-time coding. Were completely self-paced though, so take as long as you need.</p>
<h4>Is Free Code Camp a replacement for a 4-year degree?</h4> <h4>Is Free Code Camp a replacement for a 4-year degree?</h4>
<p class="negative-15">No. Please dont drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you dont need a 4-year degree to work as a software engineer, it still helps a lot.</p> <p class="negative-15">No. Please dont drop out of college just to pursue Free Code Camp. You can pursue both concurrently. Even though you dont need a 4-year degree to work as a software developer, it still helps a lot.</p>
<h4>I'm a teacher. Is Free Code Camp an appropriate resource for my class?</h4> <h4>I'm a teacher. Is Free Code Camp an appropriate resource for my class?</h4>
<p class="negative-15">Yes. Many high school, college, and adult ed programs incorporate Free Code Camp into their coursework. We're open source, so no licenses or special permission from us is necessary. We're even building special tools for teachers.</p> <p class="negative-15">Yes. Many high school, college, and adult ed programs incorporate Free Code Camp into their coursework. We're open source, so no licenses or special permission from us is necessary. We're even building special tools for teachers.</p>
<h4>Should I complete all of these challenges in order?</h4> <h4>Should I complete all of these challenges in order?</h4>
@ -169,49 +167,7 @@ block content
<h4>Can I donate to Free Code Camp?</h4> <h4>Can I donate to Free Code Camp?</h4>
<p class="negative-15">We dont accept donations. Instead, you should <a href="/shop">support us through our shop</a>.</p> <p class="negative-15">We dont accept donations. Instead, you should <a href="/shop">support us through our shop</a>.</p>
.spacer
.row
.col-xs-12.col-sm-10.col-sm-offset-1.col-md-6.col-md-offset-3
h2.text-center Whom to contact for what
table.table.table-stripe
tr
td Support (
a(href='mailto:team@freecodecamp.com') team@freecodecamp.com
| )
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Facebook page
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Twitter feed
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Medium publication
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Media inquiries
td
a(href='https://gitter.im/QuincyLarson' target='_blank') @QuincyLarson
tr
td Open source codebase contributions
td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr
td Server problems
td
a(href='https://gitter.im/BerkeleyTrue' target='_blank') @BerkeleyTrue
tr
td Nonprofit projects
td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr
td Volunteer agile project managers
td
a(href='https://gitter.im/CodeNonprofit' target='_blank') @CodeNonprofit
tr tr
td Commit program td Commit program
td td