Merge pull request #144 from picturepan2/hotfix/a-number-of-fixes

Hotfix/a number of fixes

1 files changed, 6 insertions, 7 deletions

diff --git a/docs/elements.html b/docs/elements.html
index 8082ab7..bf8c935 100644
--- a/docs/elements.html
+++ b/docs/elements.html
@@ -940,7 +940,7 @@
                 <span class="input-group-addon addon-lg">@slack.com</span>
               </div>
             </div>
-            <div class="column">
+            <div class="column col-xs-12">
               <div class="input-group">
                 <span class="input-group-addon addon-lg">slack.com/</span>
                 <input type="text" class="form-input input-lg" placeholder="site name" />
@@ -1003,7 +1003,7 @@
         <section id="progress" class="container">
           <header class="text-center"><h3>Progress <small class="label">experimental</small></h3></header>
           <section class="notes">
-            <p>A <strong>Progress</strong> indicates the progress completion of a task.</p>
+            <p>The <strong>Progress</strong> indicates the progress completion of a task.</p>
           </section>
           <div class="columns text-center">
             <div class="column col-3 col-xs-12">
@@ -1018,15 +1018,14 @@
             <div class="column col-3 col-xs-12">
               <progress class="progress" value="0" max="100"></progress>
             </div>
-
           </div>
           <section class="notes">
             <p></p>
           </section>
 
 <!-- progress example -->
-<pre class="hide">
-<code class="code lang-html" data-lang="HTML"></code>
+<pre>
+<code class="code lang-html" data-lang="HTML">&lt;<span class="tag">progress</span> <span class="atn">class</span>=<span class="atv">&quot;progress&quot;</span> <span class="atn">value</span>=<span class="atv">&quot;25&quot;</span> <span class="atn">max</span>=<span class="atv">&quot;100&quot;</span>&gt;&lt;<span class="tag">/progress</span>&gt;</code>
 </pre>
         </section>
 
@@ -1088,13 +1087,13 @@
             <li class="page-item page-prev">
               <a href="index.html">
                 <p class="page-item-meta">Previous</p>
-                <h3 class="page-item-title">Getting started</h3>
+                <h4 class="page-item-title">Getting started</h4>
               </a>
             </li>
             <li class="page-item page-next">
               <a href="layout.html">
                 <p class="page-item-meta">Next</p>
-                <h3 class="page-item-title">Layout</h3>
+                <h4 class="page-item-title">Layout</h4>
               </a>
             </li>
           </ul>