add feature smooth scrolling XceeDesigns#237

Ayush-may · Jul 10, 2024 · c849172 · c849172
1 parent e7e59ad
commit c849172
Show file tree

Hide file tree

Showing 10 changed files with 117 additions and 5 deletions.
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/Website.iml b/.idea/Website.iml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/404.html b/404.html
@@ -128,6 +128,20 @@
     <link rel="stylesheet" href="css/style.css" />
 
     <link rel="stylesheet" href="css/animate.min.css" />
+
+    <!--  Smmooth Scrolling -->
+    <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+    <script>
+      const lenis = new Lenis()
+
+      function raf(time) {
+        lenis.raf(time)
+        requestAnimationFrame(raf)
+      }
+
+      requestAnimationFrame(raf)
+    </script>
+
   </head>
 
   <body>

diff --git a/contact-dashboard.html b/contact-dashboard.html
@@ -57,7 +57,19 @@
     <link rel="stylesheet" href="css/style.css">
 
     <link rel='stylesheet' href="css/animate.min.css">
-
+
+    <!--  Smmooth Scrolling -->
+    <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+    <script>
+        const lenis = new Lenis()
+
+        function raf(time) {
+            lenis.raf(time)
+            requestAnimationFrame(raf)
+        }
+
+        requestAnimationFrame(raf)
+    </script>
 
     <style>
         /* Style for dashboard entries */

diff --git a/contact.html b/contact.html
@@ -127,6 +127,20 @@
     <link rel="stylesheet" href="css/style.css" />
 
     <link rel="stylesheet" href="css/animate.min.css" />
+
+    <!--  Smmooth Scrolling -->
+    <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+    <script>
+      const lenis = new Lenis()
+
+      function raf(time) {
+        lenis.raf(time)
+        requestAnimationFrame(raf)
+      }
+
+      requestAnimationFrame(raf)
+    </script>
+
   </head>
 
   <body>

diff --git a/index.html b/index.html
@@ -71,9 +71,22 @@
 
   <link rel="stylesheet" href="css/style.css">
   <link rel="stylesheet" href="font-6/css/all.css">
-  
+
 
   <link rel='stylesheet' href="css/animate.min.css">
+
+<!--  Smmooth Scrolling -->
+  <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+  <script>
+    const lenis = new Lenis()
+
+    function raf(time) {
+      lenis.raf(time)
+      requestAnimationFrame(raf)
+    }
+
+    requestAnimationFrame(raf)
+  </script>
   <!--== all the linked files ends here ==-->
 
 </head>
@@ -679,13 +692,13 @@ <h3><span class="bold ">CALL US</span></h3>
         <div class="left">
 
           <div class="footer-2-copy">
-          <p class="copyright">&copy; XceeDesigns 
+          <p class="copyright">&copy; XceeDesigns
             <script>
                 document.write(new Date().getFullYear());
             </script>| All rights reserved
           </p>
           </div>
-          
+
         </div>
 
       </div>
@@ -887,7 +900,7 @@ <h3><span class="bold ">CALL US</span></h3>
   </script>
    <script>
     document.getElementById('showSearch').addEventListener('click', function() {
-      // Show the hidden section          
+      // Show the hidden section
       var input = document.getElementById('q');
       input.focus();
     });

diff --git a/maintenance-page.html b/maintenance-page.html
@@ -49,6 +49,20 @@
     <link rel="stylesheet" href="css/style.css" />
 
     <link rel="stylesheet" href="css/animate.min.css" />
+
+    <!--  Smmooth Scrolling -->
+    <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+    <script>
+      const lenis = new Lenis()
+
+      function raf(time) {
+        lenis.raf(time)
+        requestAnimationFrame(raf)
+      }
+
+      requestAnimationFrame(raf)
+    </script>
+
   </head>
   <body>
     <div id="loader-overflow">

diff --git a/services.html b/services.html
@@ -128,6 +128,20 @@
     <link rel="stylesheet" href="css/style.css" />
 
     <link rel="stylesheet" href="css/animate.min.css" />
+
+    <!--  Smmooth Scrolling -->
+    <script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
+    <script>
+      const lenis = new Lenis()
+
+      function raf(time) {
+        lenis.raf(time)
+        requestAnimationFrame(raf)
+      }
+
+      requestAnimationFrame(raf)
+    </script>
+
   </head>
 
   <body>