overhauled the front page to feel a bit more marketing-like, added the awesome glyphicons to bring some life to the docs

1 files changed, 33 insertions, 2 deletions

diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index 7238badb3..66e87fdf9 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -5,6 +5,7 @@
   Special styles for presenting Bootstrap's documentation and examples
 */
 
+
 /* Body and structure
 -------------------------------------------------- */
 body {
@@ -15,6 +16,7 @@ body {
   background-repeat: repeat-x;
 }
 
+
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
 body > .navbar-fixed .brand {
@@ -29,12 +31,14 @@ body > .navbar-fixed .brand:hover {
   text-decoration: none;
 }
 
+
 /* Space out sub-sections more
 -------------------------------------------------- */
 .page-header {
   margin-top: 36px;
 }
 
+
 /* Jumbotrons
 -------------------------------------------------- */
 .jumbotron {
@@ -119,7 +123,7 @@ body > .navbar-fixed .brand:hover {
 -------------------------------------------------- */
 .quick-links {
   padding: 5px 20px;
-  margin: 60px 0;
+  margin: 45px 0;
   list-style: none;
   text-align: center;
   background-color: #eee;
@@ -149,13 +153,40 @@ body > .navbar-fixed .brand:hover {
 }
 
 
+/* Marketing section of Overview
+-------------------------------------------------- */
+.marketing .row {
+  margin-bottom: 18px;
+}
+.marketing h1 {
+  margin-bottom: 18px;
+}
+.marketing h2,
+.marketing h3 {
+  font-weight: 300;
+  color: #000;
+}
+.marketing h2 {
+  margin-bottom: 9px;
+}
+.marketing p {
+  margin-right: 10px;
+}
+.marketing img {
+  float: left;
+  margin: 7px 10px 0 0;
+}
+
+
 /* Footer
 -------------------------------------------------- */
 .footer {
-  padding: 30px 0;
+  margin-top: 45px;
+  padding: 35px 0 36px;
   border-top: 1px solid #e5e5e5;
 }
 .footer p {
+  margin-bottom: 0;
   color: #555;
 }