Merge pull request #155 from picturepan2/feature/carousels v0.2.6

Feature/carousels

1 files changed, 18 insertions, 40 deletions

diff --git a/docs/layout.html b/docs/layout.html
index 7b1d134..343c73c 100644
--- a/docs/layout.html
+++ b/docs/layout.html
@@ -16,12 +16,12 @@
     <section class="grid-header container grid-960">
       <nav class="navbar">
         <section class="navbar-section">
+          <a href="#sidebar" class="btn btn-lg btn-link btn-action show-sm"><i class="icon icon-menu"></i></a>
           <a href="index.html" class="navbar-brand">Spectre.css</a>
           <a href="index.html" class="btn btn-link">Docs</a>
-          <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-link">GitHub</a>
         </section>
-        <section class="navbar-section show-xs">
-          <a href="#sidebar" class="btn btn-lg btn-link btn-action"><i class="icon icon-menu"></i></a>
+        <section class="navbar-section">
+          <a href="https://github.com/picturepan2/spectre" target="_blank" class="btn btn-primary">GitHub</a>
         </section>
       </nav>
     </section>
@@ -177,42 +177,32 @@
 
         <section id="responsive" class="container">
           <header class="text-center"><h3>Responsive grid</h3></header>
-          <div class="columns col-multiline">
-            <div class="column col-md-6 col-xs-12">
-              <div class="bg-gray docs-block">col-md-6</div>
-            </div>
-            <div class="column col-md-3 col-xs-12">
-              <div class="bg-gray docs-block">col-md-3</div>
+          <div class="notes">
+            <p>Spectre provides a neat responsive layout grid system and responsive visibility utilities. </p>
+          </div>
+          <div class="columns">
+            <div class="column col-lg-6">
+              <div class="bg-gray docs-block">col-lg-6</div>
             </div>
-            <div class="column col-md-3 col-xs-12">
-              <div class="bg-gray docs-block">col-md-3</div>
+          </div>
+          <div class="columns">
+            <div class="column col-md-6">
+              <div class="bg-gray docs-block">col-md-6</div>
             </div>
           </div>
           <div class="columns">
             <div class="column col-sm-6">
               <div class="bg-gray docs-block">col-sm-6</div>
             </div>
-            <div class="column col-sm-3">
-              <div class="bg-gray docs-block">col-sm-3</div>
-            </div>
-            <div class="column col-sm-3">
-              <div class="bg-gray docs-block">col-sm-3</div>
-            </div>
           </div>
           <div class="columns">
             <div class="column col-xs-6">
               <div class="bg-gray docs-block">col-xs-6</div>
             </div>
-            <div class="column col-xs-3">
-              <div class="bg-gray docs-block">col-xs-3</div>
-            </div>
-            <div class="column col-xs-3">
-              <div class="bg-gray docs-block">col-xs-3</div>
-            </div>
           </div>
 
           <section class="notes">
-            <p>Spectre provides a neat responsive layout grid system. There are <code>col-xs-[1-12]</code>, <code>col-sm-[1-12]</code>, <code>col-md-[1-12]</code>, <code>col-lg-[1-12]</code> and <code>col-xl-[1-12]</code> available for flexible grid across mobile, tablet and desktop viewport usage.</p>
+            <p>There are <code>col-xs-[1-12]</code>, <code>col-sm-[1-12]</code>, <code>col-md-[1-12]</code>, <code>col-lg-[1-12]</code> and <code>col-xl-[1-12]</code> available for flexible grid across mobile, tablet and desktop viewport usage.</p>
             <ul>
               <li>For window width less than <strong>480px</strong>, all columns will show as a single row.</li>
               <li><code>col-xs-[1-12]</code> apply to window width smaller than or equal to <strong>480px</strong>. </li>
@@ -234,6 +224,9 @@
 </code></pre>
 
           <header class="text-center"><h4>Responsive visibility</h4></header>
+          <div class="notes">
+            <p>Spectre provides a neat responsive layout grid system and responsive visibility utilities. </p>
+          </div>
           <table class="docs-table table">
             <thead>
               <tr class="text-center">
@@ -505,25 +498,10 @@
     </section>
   </section>
 
-  <section class="container grid-960">
-    <section class="grid-ads">
-      <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
-      <!-- Spectre.css -->
-      <ins class="adsbygoogle"
-           style="display:block"
-           data-ad-client="ca-pub-2225124559530218"
-           data-ad-slot="5007685125"
-           data-ad-format="auto"></ins>
-      <script>
-      (adsbygoogle = window.adsbygoogle || []).push({});
-      </script>
-    </section>
-  </section>
-
   <footer class="bg-gray">
     <section 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> | Version <span class="version"></span>
+        <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>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>
     </section>