From 6a4bbbc42334c2ac0f61ea46dcb6d46976b32ed1 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sat, 19 Aug 2017 14:30:07 +0800
Subject: Update Docs examples

---
 docs/components.html | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

(limited to 'docs/components.html')

diff --git a/docs/components.html b/docs/components.html
index 0993a14..e3d7353 100644
--- a/docs/components.html
+++ b/docs/components.html
@@ -874,7 +874,7 @@
                 </div>
                 <div class="card-header">
                   <div class="card-title h5">Microsoft</div>
-                  <div class="card-subtitle">Software and hardware</div>
+                  <div class="card-subtitle text-gray">Software and hardware</div>
                 </div>
                 <div class="card-body">
                   Empower every person and every organization on the planet to achieve more.
@@ -888,7 +888,7 @@
               <div class="card">
                 <div class="card-header">
                   <div class="card-title h5">Apple</div>
-                  <div class="card-subtitle">Hardware and software</div>
+                  <div class="card-subtitle text-gray">Hardware and software</div>
                 </div>
                 <div class="card-image">
                   <img class="img-responsive" src="img/osx-yosemite.jpg" alt="OS X Yosemite" />
@@ -913,7 +913,7 @@
                 <div class="card-header">
                   <button class="btn btn-primary float-right"><i class="icon icon-plus"></i></button>
                   <div class="card-title h5">Google I/O</div>
-                  <div class="card-subtitle">Software and hardware</div>
+                  <div class="card-subtitle text-gray">Software and hardware</div>
                 </div>
                 <div class="card-body">
                   An immersive, three-day experience focused on exploring the next generation of technology, mobile and beyond.
@@ -938,7 +938,7 @@
               <div class="card">
                 <div class="card-header">
                   <div class="card-title h5">Apple</div>
-                  <div class="card-subtitle">Hardware and software</div>
+                  <div class="card-subtitle text-gray">Hardware and software</div>
                 </div>
                 <div class="card-body">
                   To make a contribution to the world by making tools for the mind that advance humankind.
@@ -952,7 +952,7 @@
               <div class="card">
                 <div class="card-header">
                   <div class="card-title h5">Google</div>
-                  <div class="card-subtitle">Software and hardware</div>
+                  <div class="card-subtitle text-gray">Software and hardware</div>
                 </div>
                 <div class="card-body">
                   Organize the world’s information and make it universally accessible and useful.
@@ -978,7 +978,7 @@
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-header&quot;</span>&gt;
     &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-title h5&quot;</span>&gt;Microsoft&lt;<span class="tag">/div</span>&gt;
-    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-subtitle&quot;</span>&gt;Software and hardware&lt;<span class="tag">/div</span>&gt;
+    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-subtitle text-gray&quot;</span>&gt;Software and hardware&lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;card-body&quot;</span>&gt;
     Empower every person and every organization on the planet to achieve more.
@@ -1050,7 +1050,7 @@
         </div>
 
         <div id="empty" class="container">
-          <h3 class="s-title"><a href="#empty" class="anchor" aria-hidden="true">#</a>Empty states / blank slates</h3>
+          <h3 class="s-title"><a href="#empty" class="anchor" aria-hidden="true">#</a>Empty states</h3>
           <div class="docs-note">
             <p>Empty states/blank slates are commonly used as placeholders for first time use, empty data and error screens.</p>
           </div>
@@ -1354,8 +1354,8 @@
                     </div>
                   </div>
                   <div class="modal-footer">
-                    <a href="#modals" class="btn btn-link">Close</a>
                     <button class="btn btn-primary">Share</button>
+                    <a href="#modals" class="btn btn-link">Close</a>
                   </div>
                 </div>
               </div>
@@ -1402,8 +1402,8 @@
                     </div>
                   </div>
                   <div class="modal-footer">
-                    <button class="btn btn-link">Close</button>
                     <button class="btn btn-primary">Share</button>
+                    <button class="btn btn-link">Close</button>
                   </div>
                 </div>
               </div>
@@ -1438,8 +1438,8 @@
                     </div>
                   </div>
                   <div class="modal-footer">
-                    <button class="btn btn-link">Close</button>
                     <button class="btn btn-primary">Submit</button>
+                    <button class="btn btn-link">Close</button>
                   </div>
                 </div>
               </div>
@@ -2133,7 +2133,7 @@
                 <li class="tab-item active">
                   <a href="#tabs">
                     Music
-                    <button class="btn btn-clear"></button>
+                    <span class="btn btn-clear"></span>
                   </a>
                 </li>
                 <li class="tab-item">
@@ -2197,7 +2197,7 @@
                 </div>
                 <div class="tile-content">
                   <p class="tile-title">The Avengers</p>
-                  <p class="tile-subtitle">Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p>
+                  <p class="tile-subtitle text-gray">Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...</p>
                 </div>
                 <div class="tile-action">
                   <button class="btn btn-primary">Join</button>
@@ -2214,7 +2214,7 @@
                 </div>
                 <div class="tile-content">
                   <p class="tile-title">The S.H.I.E.L.D.</p>
-                  <p class="tile-subtitle">The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p>
+                  <p class="tile-subtitle text-gray">The Strategic Homeland Intervention, Enforcement, and Logistics Division...</p>
                   <p>
                     <button class="btn btn-primary btn-sm">Join</button>
                     <button class="btn btn-sm">Contact</button>
@@ -2237,7 +2237,7 @@
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-content&quot;</span>&gt;
     &lt;<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">&quot;tile-title&quot;</span>&gt;The Avengers&lt;<span class="tag">/p</span>&gt;
-    &lt;<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">&quot;tile-subtitle&quot;</span>&gt;Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...&lt;<span class="tag">/p</span>&gt;
+    &lt;<span class="tag">p</span> <span class="atn">class</span>=<span class="atv">&quot;tile-subtitle text-gray&quot;</span>&gt;Earth's Mightiest Heroes joined forces to take on threats that were too big for any one hero to tackle...&lt;<span class="tag">/p</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-action&quot;</span>&gt;
     &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-primary&quot;</span>&gt;Join&lt;<span class="tag">/button</span>&gt;
@@ -2260,7 +2260,7 @@
                 </div>
                 <div class="tile-content">
                   <div class="tile-title">spectre-docs.pdf</div>
-                  <div class="tile-subtitle">14MB · Public · 1 Jan, 2017</div>
+                  <div class="tile-subtitle text-gray">14MB · Public · 1 Jan, 2017</div>
                 </div>
                 <div class="tile-action">
                   <button class="btn btn-link btn-action"><i class="icon icon-more-vert"></i></button>
@@ -2278,7 +2278,7 @@
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-content&quot;</span>&gt;
     &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-title&quot;</span>&gt;spectre-docs.pdf&lt;<span class="tag">/div</span>&gt;
-    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-subtitle&quot;</span>&gt;14MB · Public · 1 Jan, 2017&lt;<span class="tag">/div</span>&gt;
+    &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-subtitle text-gray&quot;</span>&gt;14MB · Public · 1 Jan, 2017&lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">/div</span>&gt;
   &lt;<span class="tag">div</span> <span class="atn">class</span>=<span class="atv">&quot;tile-action&quot;</span>&gt;
     &lt;<span class="tag">button</span> <span class="atn">class</span>=<span class="atv">&quot;btn btn-link&quot;</span>&gt;
-- 
cgit v1.3.1-23-gd82d