orbit slider initialization through js

src/assets/js/main.js

@@ -131,4 +131,10 @@ $(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/pages/index.html

 <section class="carousel" id="home">
     <div class="grid-container fluid">
-        <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
+        <div class="orbit" role="region" aria-label="Favorite Space Pictures">
             <div class="orbit-wrapper">
                 <div class="orbit-controls">
                     <button class="orbit-previous"><i class="icon-Banner-arrow"></i></button>