improve the style

public/css/styles.less

@@ -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;
+}
+
 /**/

views/curriculum/curriculum.jade

@@ -2,26 +2,16 @@ extends ../layout
 block content
     .row
         .col-sm-8.col-xs-12
-            h1 Welcome to Free Code Camp!
+            .jumbotron
-            p Here are a few quick tips:
+                h1 Welcome to Free Code Camp!
-            ol
+                p Here are a few quick tips:
-                li Work through our challenges in order. Many challenges are self-graded. If you want our feedback, 
+                ol
-                    a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet a link to your project to @freecodecamp.
+                    li Work through our challenges in order. Many challenges are self-graded. If you want our feedback, 
-                li If you get stuck, try working through our recommended (free) courses. They're super helpful, but totally optional. You can pair program on them, too.
+                        a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet a link to your project to @freecodecamp.
-                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 If you get stuck, try working through our recommended (free) courses. They're super helpful, but totally optional. You can pair program on them, too.
-            p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp
+                    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.
-                a(href="https://twitter.com/intent/tweet?text=Hey%20@freecodecamp") tweet it to @freecodecamp.
+                p We're working to create more challenges. If you have an idea for a challenge you'd like us to implement,&nbsp
-            br
+                    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
 
         .col-sm-4.col-xs-12
             include ./../partials/challenges

views/home.jade

@@ -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)

views/partials/challenges.jade

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

views/partials/courses.jade

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

views/partials/navbar.jade

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