textarea, banner buton navigation issue

src/assets/js/app.js

@@ -12,8 +12,3 @@ require('./jquery.hoverdir.js');
 require('./SmoothScroll.js');
 require('./owl.carousel.js');
 require('./main.js');
\ No newline at end of file
-
-// If you want to pick and choose which modules to include, comment out the above and uncomment
-// the line below
-//import './lib/foundation-explicit-pieces';
-$(document).foundation().ready();
\ No newline at end of file

src/assets/js/main.js

 $(document).ready(function() {
+    $(document).foundation();
     var headerHeight;
     $('.search span.search-top').on('click', function() {
         event.stopPropagation();
@@ -27,10 +28,10 @@ $(document).ready(function() {
         'paddingTop': headerHeight
     });
 
-    $('.to-next').on('click', function() {
-        var nextDiv = $(this).parent().next();
+    $('.to-next i.icon-Banner-mouse').on('click', function() {
+        var nextDiv = $(this).parents('.carousel').next();
         $('html,body').animate({
-            scrollTop: $(nextDiv).offset().top - headerHeight
+            scrollTop: $(nextDiv).offset().top - $('header').outerHeight()
         }, 500)
     });
 
@@ -91,20 +92,18 @@ $(document).ready(function() {
         time: 2000
     });
 
-    function scrollTo(parent) {
-        $(parent).each(function() {
-            var child = $(this).find('.smooth-scroll');
-            var secId = child.attr('href');
+    function scrollTo() {
+        var child = $('.smooth-scroll');
         child.on('click', function(e) {
             e.preventDefault();
+            var secId = $(this).attr('href');
             $('html,body').animate({
                 scrollTop: $(secId).offset().top - $('header').outerHeight()
             }, 1500);
         });
-        });
     };
-    scrollTo('.overview .cell');
-    scrollTo('.menu.vertical > li');
+
+    scrollTo();
 
     $('.client-list').owlCarousel({
         loop: true,
@@ -132,10 +131,5 @@ $(document).ready(function() {
             }
         }
     });
-    var orbit = new Foundation.Orbit($('.orbit'), {
-        animation: 'slide-in-right',
-        timerDelay: 15000,
-        bullets: false,
-        pauseOnHover: true
-    });
+
 });
\ No newline at end of file

src/assets/scss/_main.scss

@@ -279,7 +279,8 @@
                 -moz-transition: 0.2s ease all;
                 -webkit-transition: 0.2s ease all;
             }
-            input {
+            input,
+            textarea {
                 padding-bottom: 0;
                 position: relative;
                 z-index: 9;
@@ -417,6 +418,9 @@
                         &:hover {
                             border-bottom-color: #261b1b;
                         }
+                        &:focus {
+                            border-bottom: solid 4px #261b1b;
+                        }
                     }
                     strong {
                         line-height: normal;
@@ -459,6 +463,15 @@
                                 -webkit-box-align: center;
                                 -ms-flex-align: center;
                                 align-items: center;
+                                a {
+                                    color: #fff;
+                                    display: flex;
+                                    align-items: center;
+                                    &:focus {
+                                        color: #fff;
+                                        outline: 0;
+                                    }
+                                }
                                 &:before {
                                     margin: 0 10px 0 0;
                                     background: $highlight-color;
@@ -533,6 +546,8 @@
                 text-align: center;
                 font-size: 60px;
                 &.to-next {
+                    width: 60px;
+                    margin: auto;
                     color: #fff;
                     cursor: pointer;
                 }
@@ -1156,6 +1171,16 @@
                     background-color: #261b1b;
                 }
             }
+            ul {
+                li {
+                    a {
+                        &:focus {
+                            color: #574f4d;
+                            outline: 0;
+                        }
+                    }
+                }
+            }
         }
         
         .sub-footer {

src/pages/index.html

 <section class="carousel" id="home">
     <div class="grid-container fluid">
-        <div class="orbit" role="region" aria-label="Favorite Space Pictures">
+        <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
             <div class="orbit-wrapper">
                 <div class="orbit-controls">
                     <button class="orbit-previous"><i class="icon-Banner-arrow"></i></button>
@@ -22,7 +22,7 @@
                                     <li>Affordable</li>
                                     <li>Modular</li>
                                 </ul>
-                                <a href="" class="button">Get VirtualX</a>
+                                <a href="#pricing" class="smooth-scroll button">Get VirtualX</a>
                             </figcaption>
                         </figure>
                     </li>
@@ -34,16 +34,22 @@
                                 <strong><span class="red">3</span>Easy Steps</strong>
                                 <ul class="number-list">
                                     <li>
+                                        <a href="#pricing" class="smooth-scroll">
                                             <i class="icon-lock"></i> Sign Up
+                                        </a>
                                     </li>
                                     <li>
+                                        <a href="">
                                             <i class="icon-price-wheel"></i> Customize
+                                        </a>
                                     </li>
                                     <li>
+                                        <a href="">
                                             <i class="icon-rocket"></i> Launch
+                                        </a>
                                     </li>
                                 </ul>
-                                <a href="" class="button">Get VirtualX</a>
+                                <a href="#pricing" class="smooth-scroll button">Get VirtualX</a>
                             </figcaption>
                         </figure>
                     </li>
@@ -506,10 +512,10 @@
         <div class="grid-x grid-margin-x">
             <div class="large-2 cell">
                 <ul class="list-none">
-                    <li><a href="">Home</a></li>
-                    <li><a href="">Features</a></li>
-                    <li><a href="">Pricing</a></li>
-                    <li><a href="">Contact Us</a></li>
+                    <li><a href="#home" class="smooth-scroll">Home</a></li>
+                    <li><a href="#features" class="smooth-scroll">Features</a></li>
+                    <li><a href="#pricing" class="smooth-scroll">Pricing</a></li>
+                    <li><a href="#contact" class="smooth-scroll">Contact Us</a></li>
                 </ul>
             </div>
             <div class="large-3 cell">