From fb064a959d20e9b40c05d112014ea02cce5caef4 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 1 Mar 2017 09:50:27 +0800
Subject: CHG: Split Codes and improve docs codes

---
 docs/index.html | 27 +++++++++++++++------------
 1 file changed, 15 insertions(+), 12 deletions(-)

(limited to 'docs/index.html')

diff --git a/docs/index.html b/docs/index.html
index 51c5e2b..f1463ac 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -132,26 +132,29 @@
             <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>
             <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>
+<pre class="code"><code><span class="tag">$</span> npm install <span class="atv">spectre.css</span> --save
+</code></pre>
+
             <h5>Install with Yarn</h5>
+
 <!-- install with yarn example -->
-<pre>
-<code class="code"><span class="tag">$</span> yarn add <span class="atv">spectre.css</span></code>
-</pre>
+<pre class="code"><code><span class="tag">$</span> yarn add <span class="atv">spectre.css</span>
+</code></pre>
+
             <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>
+<pre class="code"><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>
+<pre class="code"><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>
 
-- 
cgit v1.3.1-23-gd82d