improve the style

pull/2/head
Michael Q Larson 2014-10-21 18:00:56 -07:00
parent 7b17b35399
commit e05195e47a
7 changed files with 679 additions and 778 deletions

View File

@ -109,4 +109,25 @@ ul {
display:block;
}
@media (min-width: 767px) {
.landing-panel-body {
padding-left: 40px;
padding-right: 40px;
}
}
.landing-panel-heading {
font-size: 40px;
}
.navbar-brand {
font-size: 30px;
}
.landing-icon {
font-size: 150px;
margin-top: -20px;
margin-bottom: -20px;
}
/**/

File diff suppressed because it is too large Load Diff

View File

@ -2,6 +2,7 @@ extends ../layout
block content
.row
.col-sm-8.col-xs-12
.jumbotron
h1 Welcome to Free Code Camp!
p Here are a few quick tips:
ol
@ -11,17 +12,6 @@ block content
li Challenge #2 will show you how to start a pair programming session. Pair program as much as possible. It's more fun, and you'll learn better that way.
p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp
a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet it to @freecodecamp.
br
br
br
br
br
br
br
br
br
br
br
.col-sm-4.col-xs-12
include ./../partials/challenges

View File

@ -7,25 +7,25 @@ block content
.row
.col-xs-12.col-sm-12.col-md-4
h3 Technical Mastery
img.img-center.three-by-three.img-responsive(src="https://s3.amazonaws.com/freecodecamp/tools.svg")
span.landing-icon.ion-settings
p You'll learn to code by pair programming (where two people code together on one computer) on our coding challenges.
.col-xs-12.col-sm-12.col-md-4
h3 Unique Portfolio Projects
img.img-center.three-by-three.img-responsive(src="https://s3.amazonaws.com/freecodecamp/portfolio.svg")
span.landing-icon.ion-briefcase
p You'll apply your new coding skills by building software solutions for non-profits.
.col-xs-12.col-sm-12.col-md-4
h3 Glowing References
img.img-center.three-by-three.img-responsive(src="https://s3.amazonaws.com/freecodecamp/references.svg")
span.landing-icon.ion-person-stalker
p You'll gain the respect of your peers and the people you help. These connections will help you land the job.
a.btn.btn-cta.btn-warning(href="/login") Sign in now to get started (it's free)
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)
br
br
a.btn.btn-success(href="/contact") I'm with a non-profit and want free help from a Software Engineer
a.btn.btn-primary(href="/contact") I'm with a non-profit and want free help from a Software Engineer
br
.panel.panel-primary
.panel-heading Frequently Asked Questions
.panel-heading.landing-panel-heading Frequently Asked Questions
.panel-body
.text-left
.text-left.landing-panel-body
h2 What will I learn, and in what sequence?
ul
p First, you'll learn basic web design tools like:
@ -97,4 +97,4 @@ block content
p Unlike most bootcamps, anyone can study at Free Code Camp. We're not going to tell you that you can't become a software engineer. We believe the only person who should be able to tell you that is you. If you perservere, and keep working through our challenges and non-profits' projects, you will become an employable software engineer.
br
.text-center
a.btn.btn-cta.btn-warning(href="/login") Sign in now to get started (it's free)
a.btn.btn-cta.btn-primary(href="/login") Sign in now to get started (it's free)

View File

@ -1,4 +1,4 @@
.panel.panel-info
.panel.panel-primary
.panel-heading Challenges
.panel-body
ol

View File

@ -1,4 +1,4 @@
.panel.panel-info
.panel.panel-primary
.panel-heading Recommended (Free) Courses
.panel-body
ol

View File

@ -7,8 +7,7 @@
span.icon-bar
span.icon-bar
a.navbar-brand(href='/')
span
img.navbar-icon(src= "https://s3.amazonaws.com/freecodecamp/fire.svg")
span.ion-bonfire
| Free Code Camp
.collapse.navbar-collapse
ul.nav.navbar-nav.navbar-right