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; 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 block content
.row .row
.col-sm-8.col-xs-12 .col-sm-8.col-xs-12
.jumbotron
h1 Welcome to Free Code Camp! h1 Welcome to Free Code Camp!
p Here are a few quick tips: p Here are a few quick tips:
ol 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. 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 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. 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 .col-sm-4.col-xs-12
include ./../partials/challenges include ./../partials/challenges

View File

@ -7,25 +7,25 @@ block content
.row .row
.col-xs-12.col-sm-12.col-md-4 .col-xs-12.col-sm-12.col-md-4
h3 Technical Mastery 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. 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 .col-xs-12.col-sm-12.col-md-4
h3 Unique Portfolio Projects 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. p You'll apply your new coding skills by building software solutions for non-profits.
.col-xs-12.col-sm-12.col-md-4 .col-xs-12.col-sm-12.col-md-4
h3 Glowing References 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. 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
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 br
.panel.panel-primary .panel.panel-primary
.panel-heading Frequently Asked Questions .panel-heading.landing-panel-heading Frequently Asked Questions
.panel-body .panel-body
.text-left .text-left.landing-panel-body
h2 What will I learn, and in what sequence? h2 What will I learn, and in what sequence?
ul ul
p First, you'll learn basic web design tools like: 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. 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 br
.text-center .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-heading Challenges
.panel-body .panel-body
ol ol

View File

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

View File

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