Merge pull request #2 from picturepan2/feature/navigation-code

Feature/navigation code

1 files changed, 41 insertions, 4 deletions

diff --git a/index.html b/index.html
index ed758e6..fd8f845 100644
--- a/index.html
+++ b/index.html
@@ -1382,7 +1382,7 @@
 &lt;<span class="tag">/ul</span>&gt;
 </pre>
 
-            <!-- <header id="pagination" class="text-center"><h5>pagination</h5></header>
+            <header id="pagination" class="text-center"><h5>pagination</h5></header>
             <div class="columns">
                 <div class="column">
                     <ul class="pagination">
@@ -1429,10 +1429,47 @@
                         </li>
                     </ul>
                 </div>
+                <div class="column">
+                    <ul class="pagination">
+                        <li class="page-item">
+                            <a href="#pagination" class="disabled">
+                                Previous
+                            </a>
+                        </li>
+                        <li class="page-item active">
+                            <a href="#pagination">
+                                1
+                            </a>
+                        </li>
+                        <li class="page-item">
+                            <a href="#pagination">
+                                2
+                            </a>
+                        </li>
+                        <li class="page-item ">
+                            <a href="#pagination">
+                                3
+                            </a>
+                        </li>
+                        <li class="page-item">
+                            <span>...</span>
+                        </li>
+                        <li class="page-item">
+                            <a href="#pagination">
+                                12
+                            </a>
+                        </li>
+                        <li class="page-item">
+                            <a href="#pagination">
+                                Next
+                            </a>
+                        </li>
+                    </ul>
+                </div>
             </div>
             <section class="notes">
                 <p>Add a container element with the class <code class="label">pagination</code>. And add child elements with the classname <code class="label">page-item</code>.</p>
-            </section> -->
+            </section>
 
         </section>
 
@@ -1825,7 +1862,7 @@
             <!-- loading example -->
 <pre class="code lang-html">
 <span class="com">&lt;!-- loading element --&gt;</span>
-&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;loading&quot;</span>&gt;Loading&lt;<span class="tag">/div</span>&gt;
+&lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;&quot;</span>&gt;Loading&lt;<span class="tag">/div</span>&gt;
 </pre>
 
         </section>
@@ -1833,7 +1870,7 @@
     <footer class="bg-grey">
         <section id="copyright" class="grid-footer grid-960">
             <p>
-                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.2
+                <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="#">Back to top</a> | version: 0.1.4
             </p>
             <p>Designed and built with love by <a href="https://twitter.com/picturepan2" target="_blank">Yan Zhu</a>. Licensed under the <a href="https://github.com/picturepan2/spectre/blob/master/LICENSE" target="_blank">MIT License</a>.</p>
         </section>