From f4057ff8d3a36350728411de0010fdcf10dfc860 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Fri, 4 Aug 2017 00:45:56 +0800
Subject: Minor update to the Docs

---
 docs/experimentals.html | 26 ++++++++++++--------------
 1 file changed, 12 insertions(+), 14 deletions(-)

(limited to 'docs/experimentals.html')

diff --git a/docs/experimentals.html b/docs/experimentals.html
index c67d757..84c9365 100644
--- a/docs/experimentals.html
+++ b/docs/experimentals.html
@@ -255,14 +255,14 @@
 
       <div class="docs-content column col-9 col-sm-12">
         <div id="experimentals" class="container">
-          <header class="text-center"><h3><a href="#experimentals" class="anchor" aria-hidden="true">#</a>Experimentals</h3></header>
+          <h3 class="text-center"><a href="#experimentals" class="anchor" aria-hidden="true">#</a>Experimentals</h3>
           <div class="notes">
             <p>The Experimentals include experimental elements and features, mostly are not yet ready for wide use. These elements and components are limited inside <code>spectre-exp.less</code> before browsers fully support them. Sometimes, there are some specific browsers targeted components.</p>
           </div>
         </div>
 
         <div id="calendars" class="container">
-          <header class="text-center"><h3><a href="#calendars" class="anchor" aria-hidden="true">#</a>Calendars</h3></header>
+          <h3 class="text-center"><a href="#calendars" class="anchor" aria-hidden="true">#</a>Calendars</h3>
           <div class="notes">
             <p><strong>Calendars</strong> are designed for date or date range picker and events display. It is made with flex layout.</p>
           </div>
@@ -330,7 +330,7 @@
             </div>
           </div>
 
-          <header class="text-center"><h4>Calendars large</h4></header>
+          <h4 class="text-center">Calendars large</h4>
           <div class="columns">
             <div class="column col-12">
               <div class="calendar calendar-lg">
@@ -425,7 +425,7 @@
         </div>
 
         <div id="carousels" class="container">
-          <header class="text-center"><h3><a href="#carousels" class="anchor" aria-hidden="true">#</a>Carousels</h3></header>
+          <h3 class="text-center"><a href="#carousels" class="anchor" aria-hidden="true">#</a>Carousels</h3>
           <div class="notes">
             <p><strong>Carousels</strong> are slideshows for cycling images. It is built in pure CSS.</p>
           </div>
@@ -490,7 +490,7 @@
         </div>
 
         <div id="comparison" class="container">
-          <header class="text-center"><h3><a href="#comparison" class="anchor" aria-hidden="true">#</a>Comparison Sliders</h3></header>
+          <h3 class="text-center"><a href="#comparison" class="anchor" aria-hidden="true">#</a>Comparison Sliders</h3>
           <div class="notes">
             <p><strong>Comparison Sliders</strong> are sliders for comparing two images. It is built in pure CSS.</p>
           </div>
@@ -528,7 +528,7 @@
         </div>
 
         <div id="filters" class="container">
-          <header class="text-center"><h3><a href="#filters" class="anchor" aria-hidden="true">#</a>Filters</h3></header>
+          <h3 class="text-center"><a href="#filters" class="anchor" aria-hidden="true">#</a>Filters</h3>
           <div class="notes">
             <p><strong>Filters</strong> are CSS only content filters.</p>
           </div>
@@ -653,7 +653,7 @@
         </div>
 
         <div id="meters" class="container">
-          <header class="text-center"><h3><a href="#meters" class="anchor" aria-hidden="true">#</a>Meters</h3></header>
+          <h3 class="text-center"><a href="#meters" class="anchor" aria-hidden="true">#</a>Meters</h3>
           <div class="notes">
             <p><strong>Meters</strong> represent the value within the known range.</p>
           </div>
@@ -688,7 +688,7 @@
         </div>
 
         <div id="parallax" class="container">
-          <header class="text-center"><h3><a href="#parallax" class="anchor" aria-hidden="true">#</a>Parallax</h3></header>
+          <h3 class="text-center"><a href="#parallax" class="anchor" aria-hidden="true">#</a>Parallax</h3>
           <div class="notes">
             <p>The <strong>Parallax</strong> acts like Apple TV/tvOS hover parallax effect. It is built in pure CSS.</p>
           </div>
@@ -731,7 +731,7 @@
         </div>
 
         <div id="progress" class="container">
-          <header class="text-center"><h3><a href="#progress" class="anchor" aria-hidden="true">#</a>Progress</h3></header>
+          <h3 class="text-center"><a href="#progress" class="anchor" aria-hidden="true">#</a>Progress</h3>
           <div class="notes">
             <p>The <strong>Progress</strong> indicates the progress completion of a task.</p>
           </div>
@@ -758,7 +758,7 @@
         </div>
 
         <div id="sliders" class="container">
-          <header class="text-center"><h3><a href="#sliders" class="anchor" aria-hidden="true">#</a>Sliders</h3></header>
+          <h3 class="text-center"><a href="#sliders" class="anchor" aria-hidden="true">#</a>Sliders</h3>
           <div class="notes">
             <p><strong>Sliders</strong> are for selecting values from ranges.</p>
           </div>
@@ -778,7 +778,7 @@
         </div>
 
         <div id="timelines" class="container">
-          <header class="text-center"><h3><a href="#timelines" class="anchor" aria-hidden="true">#</a>Timelines</h3></header>
+          <h3 class="text-center"><a href="#timelines" class="anchor" aria-hidden="true">#</a>Timelines</h3>
           <div class="notes">
             <p><strong>Timelines</strong> are ordered sequences of activities.</p>
           </div>
@@ -888,9 +888,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>
-- 
cgit v1.3.1-23-gd82d