From 5c1dcdb0fbce7b72da207af35f6e8936b347b4ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Luis=20Ant=C3=BAnez?= <jlantunez@gmail.com>
Date: Sat, 11 Feb 2017 16:55:22 +0100
Subject: [PATCH] .tabs removed

---
 demos/components.html | 79 ++++---------------------------------------
 1 file changed, 6 insertions(+), 73 deletions(-)

diff --git a/demos/components.html b/demos/components.html
index 49a7368..bb5f343 100644
--- a/demos/components.html
+++ b/demos/components.html
@@ -319,11 +319,7 @@
         <section>
           <div class="wrap">
             <h1>Navigation</h1>
-            <ul class="tabs">
-              <li class="tab current" data-tab="tab-1">ul.tabs</li>
-              <li class="tab" data-tab="tab-2">columns</li>
-            </ul>
-            <div id="tab-1" class="tab-content current">
+
               <nav role="navigation">
                 <ul>
                   <li><a href="">About</a></li>
@@ -372,9 +368,8 @@
                 </ul>
               </nav>
               <p>nav.navbar</p>
-            </div>
-            <!-- end .tab-content -->
-            <div id="tab-2" class="tab-content">
+            
+            <hr>
               <div class="grid">
                 <div class="column">
                   <h3>Company</h3>
@@ -435,8 +430,6 @@
                 <!-- .end .column -->
               </div>
               <!-- .end .grid -->
-            </div>
-            <!-- end .tab-content -->
           </div>
           <!-- .end .wrap -->
         </section>
@@ -1803,49 +1796,8 @@
         <section class="aligncenter">
           <!--.wrap = container 1200px -->
           <div class="wrap">
-            <div id="tab-3" class="tab-content current">
-              <h1 class="text-landing">Tell a Story</h1>
-              <p class="text-intro"><strong>Hi, this is WebSlides</strong>. HTML presentations made simple. <br>I'm a cute solution with clean markup and <strong>lovely CSS</strong>.</p>
-            </div>
-            <div id="tab-4" class="tab-content">
-              <ul class="flexblock features">
-                <li>
-                  <div>
-                    <svg class="fa-heart-o">
-                      <use xlink:href="#fa-heart-o"></use>
-                    </svg>
-                    <h2>Indexed content</h2>
-                    Sharing is caring.
-                  </div>
-                </li>
-                <li>
-                  <div>
-                    <h2>
-                      <svg class="fa-magic">
-                        <use xlink:href="#fa-magic"></use>
-                      </svg>
-                      Just essential features
-                    </h2>
-                    Keyboard navigation...
-                  </div>
-                </li>
-                <li>
-                  <div>
-                    <svg class="fa-bolt">
-                      <use xlink:href="#fa-bolt"></use>
-                    </svg>
-                    <h2>
-                      Prototype faster
-                    </h2>
-                    with clean code
-                  </div>
-                </li>
-              </ul>
-            </div>
-            <ul class="tabs">
-              <li class="tab current" data-tab="tab-3">Purpose</li>
-              <li class="tab" data-tab="tab-4">Benefits</li>
-            </ul>
+            <h1 class="text-landing">Tell a Story</h1>
+            <p class="text-intro"><strong>Hi, this is WebSlides</strong>. HTML presentations made simple. <br>I'm a cute solution with clean markup and <strong>lovely CSS</strong>.</p>
           </div>
         </section>
         <section class="bg-black aligncenter">
@@ -3134,26 +3086,7 @@
     <script defer src="../static/js/svg-icons.js"></script>
     <script type="text/javascript">
       var slide = jQuery('#webslides').webslides();
-
-      jQuery(document).ready(function($){
-        // Tabs
-        jQuery('ul.tabs li').click(function(){
-            var $this = jQuery(this);
-            var tab_id = $this.attr('data-tab');
-            jQuery('ul.tabs li').removeClass('current');
-            jQuery('.tab-content').removeClass('current');
-            $this.addClass('current');
-            jQuery("#"+tab_id).addClass('current');
-        });
-      });
-
-      // Prototype better, faster. To show the grid/baseline.png, press Enter on keyboard
-      jQuery(document).keypress(function(e) {
-        if(e.which == 13) {
-          jQuery('body').toggleClass('baseline').css('height', $(document).height());
-        }
-      });
     </script>
-
+    
   </body>
 </html>