Massive cleanup

- Simpler main nav on all pages
- Back to purple masthead on homepage instead of dark graphite
- Active link styles on the main nav
- Cleaned up sidebar nav
- New docs layout name
- Homepage copy edits
- Updated bright purple docs color

docs/index.html

@@ -5,9 +5,8 @@ title: Bootstrap · The world's most popular mobile-first and responsive f
 
 <main class="bd-masthead" id="content" role="main">
   <div class="container">
-
     <span class="bd-booticon outline">B</span>
-    <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.</p>
+    <p class="lead">Bootstrap is the most popular HTML, CSS, and JS framework in the world for building responsive, mobile-first projects on the web.</p>
     <p class="lead">
       <a href="{{ site.baseurl }}/getting-started/download" class="btn btn-outline-inverse btn-lg" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download Bootstrap</a>
     </p>
@@ -19,25 +18,16 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
 <div class="bd-featurette">
   <div class="container">
     <h2 class="bd-featurette-title">Easy to get started.</h2>
-    <p class="lead">Quickly include Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the <a href="#">Bootstrap CDN</a>.</p>
-
-    <!-- <hr class="half-rule"> -->
+    <p class="lead">Quickly include Bootstrap's CSS and JS into any project. Use your favorite package manager, download the source, or use the Bootstrap CDN.</p>
 
     <div class="row">
       <div class="col-sm-6">
         <h4>Managed dependencies</h4>
         <p>Include Bootstrap's source Sass and JavaScript files via Bower, Composer, Meteor, or npm. Package managed installs don't include documentation, but do include our Gruntfile and readme.</p>
         <p>
-          <a class="btn btn-bs btn-outline" href="">View install methods</a>
+          <a class="btn btn-bs btn-outline" href="{{ site.baseurl }}/getting-started/download/#package-managers">View install methods</a>
         </p>
       </div>
-      <!-- <div class="col-sm-4">
-        <h4>Custom builds</h4>
-        <p>Need just a part of Bootstrap? Download a custom build of the compiled CSS and JS.</p>
-        <a class="btn btn-secondary" href="#">Reboot</a>
-        <a class="btn btn-secondary" href="#">Grid system</a>
-        <a class="btn btn-secondary" href="#">Flexbox</a>
-      </div> -->
       <div class="col-sm-6">
         <h4>Bootstrap CDN</h4>
         <p>When you just need to include Bootstrap's compiled CSS and JS, use the Bootstrap CDN, free from the Max CDN folks.</p>
@@ -50,8 +40,8 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
 
     <hr class="half-rule">
 
-    <p class="lead">More customized builds of Bootstrap's CSS and JS are also available.</p>
-    <a href="{{ site.baseurl }}/getting-started/download" class="btn btn-bs btn-outline btn-lg">More download options</a>
+    <p><strong>Looking for something simpler?</strong> Customized builds of Bootstrap's CSS and JS are also available.</p>
+    <a href="{{ site.baseurl }}/getting-started/download/#custom-builds" class="btn btn-bs btn-outline">More download options</a>
   </div>
 </div>
 
@@ -60,8 +50,6 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
     <h2 class="bd-featurette-title">Designed for everyone, everywhere.</h2>
     <p class="lead">Bootstrap makes front-end web development faster and easier. It's made for folks of all skill levels, devices of all shapes, and projects of all sizes.</p>
 
-    <hr class="half-rule">
-
     <div class="row">
       <div class="col-sm-4">
         <img src="assets/img/sass-less.png" alt="Sass support" class="img-responsive">
@@ -82,8 +70,8 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
 
     <hr class="half-rule">
 
-    <p class="lead">Bootstrap is open source. It's hosted, developed, and maintained on GitHub.</p>
-    <a href="{{ site.repo }}" class="btn btn-bs btn-outline btn-lg">View the GitHub project</a>
+    <p><strong>Bootstrap is open source!</strong> It's hosted, developed, and maintained on GitHub by folks like you.</p>
+    <a href="{{ site.repo }}" class="btn btn-bs btn-outline">View the GitHub project</a>
   </div>
 </div>
 
@@ -92,8 +80,6 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
     <h2 class="bd-featurette-title">Built with Bootstrap.</h2>
     <p class="lead">Millions of amazing sites across the web are being built with Bootstrap. Get started on your own with our growing <a href="../getting-started/#examples">collection of examples</a> or by exploring some of our favorites.</p>
 
-    <hr class="half-rule">
-
     <div class="row bd-featured-sites">
     {% for showcase in site.data.showcase %}
       <div class="col-xs-6 col-sm-3">
@@ -106,7 +92,7 @@ title: Bootstrap &middot; The world's most popular mobile-first and responsive f
 
     <hr class="half-rule">
 
-    <p class="lead">We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
-    <a href="{{ site.expo }}" class="btn btn-bs btn-outline btn-lg">Explore the Expo</a>
+    <p>We showcase dozens of inspiring projects built with Bootstrap on the Bootstrap Expo.</p>
+    <a href="{{ site.expo }}" class="btn btn-bs btn-outline">Explore the Expo</a>
   </div>
 </div>