code added

dist/Js/allInOne.js

@@ -1,7 +1,8 @@
 $('.owl-carousel').owlCarousel({
-    rtl:true,
-    loop:true,
+    // rtl:true,
+    // loop:true,
     margin:200,
+ 
     nav:true,
     URLhashListener:true,
         autoplayHoverPause:true,
@@ -9,16 +10,87 @@ $('.owl-carousel').owlCarousel({
         responsive:{
             0:{
                 items:1,
-                nav:true
+                nav:true,
+                margin:10
             },
+
             600:{
-                items:3,
-                nav:false
-            },
+                items:2,
+                nav:false,
+                margin:200
+            },  
+
             1000:{
+                items:3,
+                nav:true,
+                loop:false,
+                margin:10
+            },
+            1400:{
                 items:5,
                 nav:true,
-                loop:false
+                loop:false,
+                margin:200
             }
         }
-})
+})
+
+const controller  = new ScrollMagic.Controller();
+const exploreSence = new ScrollMagic.Scene({
+    triggerElement:".animateHeadingLeft",
+    triggerHook:0.5,
+    reverse:false
+}).setClassToggle('.animateHeadingLeft','addTextanimationLeft').addTo(controller)
+const controllerNew  = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".animateHeadingRight",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.animateHeadingRight','addTextanimationRight').addTo(controllerNew)
+
+const controllerThree  = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".laptoponanimation",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.laptoponanimation','addOpacity').addTo(controllerThree)
+
+const controllerFour  = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".allinOnepc",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.allinOnepc','addOpacity').addTo(controllerFour)
+
+
+const controllerFive = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".dualLaptopSlideone",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.dualLaptopSlideone','addTextanimationRight').addTo(controllerFive)
+
+const controllerSix = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".dualLaptopSlideLeftone",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.dualLaptopSlideLeftone','dualLaptopSlideLeftoneLeft').addTo(controllerSix)
+
+const controllerSeven = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".cpuSlideLeftone",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.cpuSlideLeftone','traslateZero').addTo(controllerSeven)
+
+const controllerEight = new ScrollMagic.Controller();
+new ScrollMagic.Scene({
+    triggerElement:".controllerEight",
+    triggerHook:0.9,
+    reverse:false
+}).setClassToggle('.controllerEight','traslateZero').addTo(controllerSeven)
+
+
+
+