From cdaa2cd708311a771f1f2d966eee4c4f5013e33f Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 24 Feb 2017 15:43:05 +0800
Subject: CHG: Lots of good fixes

---
 docs/index.html | 34 ++++++++++++++++++++++++++++++----
 1 file changed, 30 insertions(+), 4 deletions(-)

(limited to 'docs/index.html')

diff --git a/docs/index.html b/docs/index.html
index 12bfabb..63db054 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -56,6 +56,18 @@
     </section>
   </section>
 
+  <section class="section bg-grey">
+    <section class="grid-header container grid-960">
+      <nav class="navbar">
+        <section class="navbar-section">
+          <a href="index.html" class="navbar-brand">Spectre.css</a>
+          <a href="#" class="btn btn-link">Documents</a>
+          <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-link">GitHub Repo</a>
+        </section>
+      </nav>
+    </section>
+  </section>
+
   <section class="grid-docs container grid-960">
     <section class="columns">
       <div class="docs-sidebar column col-3 col-sm-12">
@@ -107,25 +119,27 @@
           <header class="text-center"><h3>Installation</h3></header>
           <section class="notes">
             <p>There are 3 ways to get started with Spectre CSS framework in your projects. You can either manually install or use NPM and Bower.</p>
-            <h4>Install manually</h4>
+          </section>
+          <section class="notes">
+            <h5>Install manually</h5>
             <p>Download the compiled and minified <a href="https://github.com/picturepan2/spectre/tree/master/dist" target="_blank">Spectre CSS file</a> (~10KB min+gzip):</p>
             <p><a href="https://github.com/picturepan2/spectre/tree/master/dist" target="_blank" class="btn btn-primary">Download Spectre.css</a></p>
-            <h4>Install with NPM</h4>
+            <h5>Install with NPM</h5>
 <!-- install with npm example -->
 <pre>
 <code class="code"><span class="tag">$</span> npm install <span class="atv">spectre.css</span> --save</code>
 </pre>
-            <h4>Install with Bower</h4>
+            <h5>Install with Bower</h5>
 <!-- install with bower example -->
 <pre>
 <code class="code"><span class="tag">$</span> bower install <span class="atv">spectre.css</span> --save</code>
 </pre>
             <p>And include it in your website or Web app <code>&lt;head&gt;</code></p>
+
 <!-- install manually example -->
 <pre>
 <code class="code">&lt;<span class="tag">link</span> <span class="atn">rel</span>=<span class="atv">&quot;stylesheet&quot;</span> <span class="atn">href</span>=<span class="atv">&quot;dist/spectre.min.css&quot;</span> /&gt;</code>
 </pre>
-
           </section>
         </section>
 
@@ -178,6 +192,18 @@
             </ul>
           </section>
         </section>
+
+        <section class="container">
+          <div class="divider"></div>
+          <ul class="pagination">
+            <li class="page-item page-next">
+              <a href="elements.html">
+                <p class="page-item-meta">Next</p>
+                <h3 class="page-item-title">Elements</div>
+              </a>
+            </li>
+          </ul>
+        </section>
       </div>
     </section>
   </section>
-- 
cgit v1.3.1-23-gd82d