CHG: Split Codes and improve docs codes

1 files changed, 15 insertions, 12 deletions

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>