update simplified landing page
parent
8d9c0c0605
commit
a95da3307c
|
@ -450,7 +450,7 @@ thead {
|
|||
|
||||
.landing-skill-icon {
|
||||
color: #215f1e;
|
||||
font-size: 40px;
|
||||
font-size: 100px;
|
||||
}
|
||||
|
||||
.black-text {
|
||||
|
@ -459,6 +459,11 @@ thead {
|
|||
font-size: 40px;
|
||||
}
|
||||
|
||||
.font-awesome-padding {
|
||||
margin-top: 25px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.background-svg {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
|
@ -467,6 +472,7 @@ thead {
|
|||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.testimonial-image {
|
||||
border-radius: 5px;
|
||||
height: 200px;
|
||||
|
@ -476,7 +482,12 @@ thead {
|
|||
.testimonial-copy {
|
||||
font-size: 20px;
|
||||
text-align: center;
|
||||
height: 100px;
|
||||
@media (min-width: 991px) and (max-width: 1199px) {
|
||||
height: 120px;
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
height: 90px;
|
||||
}
|
||||
}
|
||||
|
||||
//uncomment this to see the dimensions of all elements outlined in red
|
||||
|
|
|
@ -37,66 +37,54 @@ block content
|
|||
h2 Campers you'll hang out with
|
||||
.row
|
||||
.col-xs-12.col-sm-12.col-md-4
|
||||
img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-alec.jpg", alt="@AlecMHansen's testimonial image")
|
||||
.testimonial-copy My boss was impressed by the troubleshooting I learned through FreeCodeCamp and I just got a raise! Sweet!
|
||||
h3 - @AlecMHansen
|
||||
.col-xs-12.col-sm-12.col-md-4
|
||||
img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-cynthia.jpg", alt="@cynthialanel's testimonial image")
|
||||
.testimonial-copy I'm currently working through Free Code Camp to improve my JavaScript. The community is very welcoming!
|
||||
h3 - @cynthialanel
|
||||
img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-jen.jpg", alt="@jenthebest's testimonial image")
|
||||
.testimonial-copy Getting back on track with Free Code Camp and committing to a new career in 2015!
|
||||
h3 - @jenthebest
|
||||
.col-xs-12.col-sm-12.col-md-4
|
||||
img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-tate.jpg", alt="@TateThurston's testimonial image")
|
||||
.testimonial-copy Just built my company's website with skills I've learned from Free Code Camp!
|
||||
h3 - @TateThurston
|
||||
.col-xs-12.col-sm-12.col-md-4
|
||||
img.img-responsive.testimonial-image.img-center(src="https://s3.amazonaws.com/freecodecamp/testimonial-cynthia.jpg", alt="@cynthialanel's testimonial image")
|
||||
.testimonial-copy I'm currently working through Free Code Camp to improve my JavaScript. The community is very welcoming!
|
||||
h3 - @cynthialanel
|
||||
.big-break
|
||||
h2 Skills you'll learn
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.text-center
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-html5
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text HTML5
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-css3
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text CSS3
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-javascript
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text JavaScript
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
i.landing-skill-icon.fa.fa-database(style="margin-top: 10px; margin-left: 10px;")
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.fa.fa-database.font-awesome-padding
|
||||
.black-text Databases
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-chrome
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text DevTools
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-nodejs
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text Node.js
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-social-angular
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text Angular.js
|
||||
.row
|
||||
.col-sm-6.col-xs-3.text-right
|
||||
.col-sm-3.col-xs-12
|
||||
.landing-skill-icon.ion-ios-loop-strong
|
||||
.col-sm-6.col-xs-9.text-left
|
||||
.black-text Agile
|
||||
.big-break
|
||||
h2 Fast Facts about our Community
|
||||
h3.col-sm-offset-1.col-sm-offset-0
|
||||
h2 Skills you'll learn
|
||||
.big-break
|
||||
h2
|
||||
h2 Fast facts about our community
|
||||
h3.col-xs-offset-0.col-sm-offset-1.col-md-offset-2
|
||||
ul.text-left
|
||||
li.ion-code 100% free and open source
|
||||
li.ion-code 1,000's of professionals actively learning to code
|
||||
li.ion-code 10's of nonprofit partners
|
||||
li.ion-code 1 goal: to boost your career with code
|
||||
|
||||
li.ion-code Thousands of professionals actively learning to code
|
||||
li.ion-code Dozens of nonprofit partners
|
||||
li.ion-code One goal: to boost your career with code
|
||||
.big-break
|
||||
a.btn.btn-cta.signup-btn(href="/login") Start learning to code (it's free)
|
Loading…
Reference in New Issue