update landing page
This commit is contained in:
Quincy Larson
@ -833,6 +833,10 @@ iframe.iphone {
|
|||||||
margin-top: -5px;
|
margin-top: -5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.landing-heading {
|
||||||
|
font-size: 50px !important;
|
||||||
|
}
|
||||||
|
|
||||||
.mobile-story-headline {
|
.mobile-story-headline {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
@ -847,15 +851,9 @@ iframe.iphone {
|
|||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
-moz-border-bottom-colors: none;
|
border: 0;
|
||||||
-moz-border-image: none;
|
height: 1px;
|
||||||
-moz-border-left-colors: none;
|
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
|
||||||
-moz-border-right-colors: none;
|
|
||||||
-moz-border-top-colors: none;
|
|
||||||
border-color: @gray;
|
|
||||||
border-style: solid none;
|
|
||||||
border-width: 1px 0;
|
|
||||||
margin: 18px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.big-spacer {
|
.big-spacer {
|
||||||
|
|||||||
@ -2,23 +2,23 @@ extends layout
|
|||||||
block content
|
block content
|
||||||
.jumbotron
|
.jumbotron
|
||||||
.text-center
|
.text-center
|
||||||
h1.hug-top Code with Us
|
h1.landing-heading Learn to code and help nonprofits.
|
||||||
h2 Let's learn to code and build projects for nonprofits
|
.spacer
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
h3.nowrap Get Connected
|
h3.nowrap Get connected
|
||||||
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_connect.svg.gz', 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.gz', alt='Get great references and connections to start your software engineer career')
|
||||||
p.landing-p Join a community of busy, motivated people.
|
p.landing-p Join a community of 100,000+ motivated people.
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
h3.nowrap Learn JavaScript
|
h3.nowrap Learn JavaScript
|
||||||
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_learn.svg.gz', alt='Learn to code and learn full stack JavaScript')
|
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_learn.svg.gz', alt='Learn to code and learn full stack JavaScript')
|
||||||
p.landing-p Work together on Full Stack JavaScript coding challenges.
|
p.landing-p Work together on Full Stack JavaScript coding challenges.
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
h3.nowrap Build your Portfolio
|
h3.nowrap Build your portfolio
|
||||||
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg.gz', alt='Build a portfolio of apps for nonprofits')
|
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_portfolio.svg.gz', alt='Build a portfolio of apps for nonprofits')
|
||||||
p.landing-p Build apps that solve real problems for real people.
|
p.landing-p Build apps that solve real problems for real people.
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
h3.nowrap Help Nonprofits
|
h3.nowrap Help nonprofits
|
||||||
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg.gz', alt='Help empower nonprofits with code')
|
img.img-responsive.landing-icon.img-center(src= 'https://s3.amazonaws.com/freecodecamp/landingIcons_nonprofits.svg.gz', alt='Help empower nonprofits with code')
|
||||||
p.landing-p Give nonprofits a boost by empowering them with code.
|
p.landing-p Give nonprofits a boost by empowering them with code.
|
||||||
.big-break
|
.big-break
|
||||||
@ -26,59 +26,68 @@ block content
|
|||||||
.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 learning to code (it's free)
|
a.btn.btn-cta.signup-btn.btn-block(href="/signin") Start learning to code (it's free)
|
||||||
.button-spacer
|
.button-spacer
|
||||||
a.btn.btn-cta.btn-success.btn-block(href="/nonprofits") My nonprofit needs coding help
|
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href="/nonprofits") My nonprofit needs coding help
|
||||||
|
.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
|
||||||
h2 Campers you'll hang out with:
|
hr
|
||||||
|
.spacer
|
||||||
|
h2 Launch your career as a software engineer:
|
||||||
|
.spacer
|
||||||
.row
|
.row
|
||||||
.col-xs-12.col-sm-12.col-md-4
|
.col-xs-12.col-sm-12.col-md-4
|
||||||
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/xzDoJef.jpg", alt="'s testimonial image")
|
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/xzDoJef.jpg", alt="Ashley's testimonial image")
|
||||||
p.testimonial-copy Free Code Camp helped me get my first engineering job. This amazing community made my career switch a lot easier and more fun.
|
p.testimonial-copy Free Code Camp helped me get my first engineering job. This amazing community made my career switch a lot easier and more fun.
|
||||||
h3 - Ashley Drake
|
h3 - Ashley Drake
|
||||||
.col-xs-12.col-sm-12.col-md-4
|
.col-xs-12.col-sm-12.col-md-4
|
||||||
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/wjlDigg.jpg", alt="Maxim Orlov's LinkedIn photo")
|
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/wjlDigg.jpg", alt="Maxim Orlov's testimonial image")
|
||||||
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
|
||||||
.col-xs-12.col-sm-12.col-md-4
|
.col-xs-12.col-sm-12.col-md-4
|
||||||
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/dE2Di78.jpg", alt="'s testimonial image")
|
img.img-responsive.testimonial-image.img-center(src="http://i.imgur.com/58XvKfe.jpg", alt="Meta's testimonial image")
|
||||||
p.testimonial-copy Free Code Camp gives me more confidence at work. Code doesn’t look as foreign anymore.
|
p.testimonial-copy Through Free Code Camp, I built a robust and highly functional web app for a nonprofit. This led me to getting a fantastic job.
|
||||||
h3 - Qing Huang
|
h3 - Meta Hirschl
|
||||||
.spacer
|
.spacer
|
||||||
.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-lg.btn-primary.btn-primary-ghost.btn-block(href='/stories') Hear from more of our campers
|
a.btn.btn-lg.btn-primary.btn-primary-ghost.btn-block(href='/stories') Hear from more of our campers
|
||||||
.big-break
|
.spacer
|
||||||
|
.spacer
|
||||||
|
hr
|
||||||
|
.spacer
|
||||||
h2 Skills you'll learn:
|
h2 Skills you'll learn:
|
||||||
.text-center.negative-35
|
.spacer
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.row
|
||||||
.landing-skill-icon.ion-social-html5
|
.text-center.negative-35
|
||||||
h2.black-text HTML5
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-html5
|
||||||
.landing-skill-icon.ion-social-css3
|
h2.black-text HTML5
|
||||||
h2.black-text CSS3
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-css3
|
||||||
.landing-skill-icon.ion-social-javascript
|
h2.black-text CSS3
|
||||||
h2.black-text JavaScript
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-javascript
|
||||||
.landing-skill-icon.fa.fa-database.font-awesome-padding
|
h2.black-text JavaScript
|
||||||
h2.black-text Databases
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.fa.fa-database.font-awesome-padding
|
||||||
.landing-skill-icon.ion-social-github
|
h2.black-text Databases
|
||||||
h2.black-text Git
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-github
|
||||||
.landing-skill-icon.ion-social-nodejs
|
h2.black-text Git
|
||||||
h2.black-text Node.js
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-nodejs
|
||||||
.landing-skill-icon.ion-social-angular
|
h2.black-text Node.js
|
||||||
h2.black-text Angular.js
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
.col-xs-12.col-sm-12.col-md-3
|
.landing-skill-icon.ion-social-angular
|
||||||
.landing-skill-icon.ion-ios-loop-strong
|
h2.black-text Angular.js
|
||||||
h2.black-text Agile
|
.col-xs-12.col-sm-12.col-md-3
|
||||||
br
|
.landing-skill-icon.ion-ios-loop-strong
|
||||||
br
|
h2.black-text Agile
|
||||||
.big-break
|
.spacer
|
||||||
h2 Why you should join our open source community right now:
|
hr
|
||||||
|
.spacer
|
||||||
|
h2 Here's why you should join our open source community right now:
|
||||||
h3.col-xs-offset-0.col-sm-offset-1
|
h3.col-xs-offset-0.col-sm-offset-1
|
||||||
ul.text-left
|
ul.text-left
|
||||||
li.ion-code   You'll get help in real time from our community chat rooms.
|
li.ion-code   You'll get help in real time from our community chat rooms.
|
||||||
|
|||||||
Reference in New Issue
Block a user