Minor update to the Docs

1 files changed, 10 insertions, 12 deletions

diff --git a/docs/utilities.html b/docs/utilities.html
index d88aea8..943f4bc 100644
--- a/docs/utilities.html
+++ b/docs/utilities.html
@@ -254,11 +254,11 @@
 
       <div class="docs-content column col-sm-12">
         <div id="colors" class="container">
-          <header class="text-center"><h3><a href="#colors" class="anchor" aria-hidden="true">#</a>Color utilities</h3></header>
+          <h3 class="text-center"><a href="#colors" class="anchor" aria-hidden="true">#</a>Color utilities</h3>
           <div class="notes">
             <p><strong>Color utilities</strong> are used for changing colors for text, link and background.</p>
           </div>
-          <header class="text-center"><h4>Text colors</h4></header>
+          <h4 class="text-center">Text colors</h4>
           <div class="notes">
             <p>
               <span class="text-primary p-5">primary color</span>
@@ -303,7 +303,7 @@
 &lt;<span class="tag">a</span> <span class="atn">class</span>=<span class="atv">&quot;text-error&quot;</span> <span class="atn">href</span>=<span class="atv">&quot;#&quot;</span>&gt;error color&lt;<span class="tag">/a</span>&gt;
 </code></pre>
 
-          <header class="text-center"><h4>Background colors</h4></header>
+          <h4 class="text-center">Background colors</h4>
           <div class="notes">
             <p>
               <span class="bg-primary text-light p-5 rounded">primary bg</span>
@@ -329,7 +329,7 @@
         </div>
 
         <div id="display" class="container">
-          <header class="text-center"><h3><a href="#display" class="anchor" aria-hidden="true">#</a>Display utilities</h3></header>
+          <h3 class="text-center"><a href="#display" class="anchor" aria-hidden="true">#</a>Display utilities</h3>
           <div class="notes">
             <p><strong>Display utilities</strong> are used for display and hidden things.</p>
           </div>
@@ -360,7 +360,7 @@
         </div>
 
         <div id="divider" class="container">
-          <header class="text-center"><h3><a href="#divider" class="anchor" aria-hidden="true">#</a>Divider</h3></header>
+          <h3 class="text-center"><a href="#divider" class="anchor" aria-hidden="true">#</a>Divider</h3>
           <div class="notes">
             <p>A <strong>Divider</strong> is used for separating elements.</p>
           </div>
@@ -432,7 +432,7 @@
         </div>
 
         <div id="loading" class="container">
-          <header class="text-center"><h3><a href="#loading" class="anchor" aria-hidden="true">#</a>Loading</h3></header>
+          <h3 class="text-center"><a href="#loading" class="anchor" aria-hidden="true">#</a>Loading</h3>
           <div class="notes">
             <p><strong>Loading indicator</strong> is used for loading or updating. Also, you can add the <code>loading</code> class to buttons for loading status.</p>
           </div>
@@ -450,7 +450,7 @@
         </div>
 
         <div id="position" class="container">
-          <header class="text-center"><h3><a href="#position" class="anchor" aria-hidden="true">#</a>Position utilities</h3></header>
+          <h3 class="text-center"><a href="#position" class="anchor" aria-hidden="true">#</a>Position utilities</h3>
           <div class="notes">
             <p><strong>Position utilities</strong> are used for useful layout and position things, including clearfix, float, position and margin/padding utilities.</p>
           </div>
@@ -484,7 +484,7 @@
         </div>
 
         <div id="shapes" class="container">
-          <header class="text-center"><h3><a href="#shapes" class="anchor" aria-hidden="true">#</a>Shape utilities</h3></header>
+          <h3 class="text-center"><a href="#shapes" class="anchor" aria-hidden="true">#</a>Shape utilities</h3>
           <div class="notes">
             <p><strong>Shape utilities</strong> are used for change element shapes.</p>
           </div>
@@ -499,7 +499,7 @@
         </div>
 
         <div id="text" class="container">
-          <header class="text-center"><h3><a href="#text" class="anchor" aria-hidden="true">#</a>Text utilities</h3></header>
+          <h3 class="text-center"><a href="#text" class="anchor" aria-hidden="true">#</a>Text utilities</h3>
           <div class="notes">
             <p><strong>Text utilities</strong> are used for text alignment, styles and overflow things.</p>
           </div>
@@ -563,9 +563,7 @@
 
   <footer class="section section-footer bg-gray">
     <div id="copyright" class="grid-footer container grid-960">
-      <p>
-        <a href="index.html#introduction" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | Version <span class="version"></span>
-      </p>
+      <p><a href="index.html#introduction" target="_blank">Documents</a> | <a href="https://github.com/picturepan2/spectre" target="_blank">GitHub Repo</a> | <a href="https://twitter.com/spectrecss" target="_blank">Twitter</a> | <a href="https://www.paypal.me/picturepan2" target="_blank">PayPal Donate</a> | Version <span class="version"></span></p>
       <p>Designed and built with ♥ 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>
     </div>
   </footer>