rearrange contents docs--type, tables, images, forms, etc--into own docs section

docs/_data/nav.yml

@@ -43,7 +43,7 @@
         - title: Print
         - title: Test cases
 
-- title: Components
+- title: Content
   pages:
     - title: Typography
       sections:
@@ -59,8 +59,6 @@
         - title: Address
         - title: Blockquotes
         - title: Lists
-    - title: Jumbotron
-    - title: Page header
     - title: Images
     - title: Code
       sections:
@@ -72,6 +70,11 @@
     - title: Tables
     - title: Forms
     - title: Buttons
+
+- title: Components
+  pages:
+    - title: Jumbotron
+    - title: Page header
     - title: Button group
     - title: Button dropdown
     - title: Input group

docs/_layouts/default.html

@@ -17,10 +17,15 @@
         {% elsif page.url contains "layout" %}
           <h1>Layout</h1>
           <p class="lead">Grid system, containers, media object, and responsive utilities for organization pages.</p>
+          {% elsif page.url contains "content" %}
+          <h1>Components</h1>
+          <p class="lead">
+            Styles and patterns for common HTML elements like typography, tables, forms, and more.
+          </p>
           {% elsif page.url contains "components" %}
           <h1>Components</h1>
           <p class="lead">
-            Global styles for common HTML elements, as well as dozens of reusable components like dropdowns, input groups, navigation, alerts, and much more.
+            Custom design patterns built as reusable components, including dropdowns, input groups, navigation, alerts, and more.
           </p>
           {% elsif page.url contains "javascript" %}
           <h1>JavaScript</h1>

docs/assets/scss/docs.scss

@@ -786,6 +786,7 @@ body {
 
   > h2 {
     margin-top: 3rem;
+    font-weight: normal;
   }
 
   > h3 {