Adding carousel

templates/base.html

@@ -41,13 +41,15 @@
         const content = document.querySelector('.content');
         const headermove = document.getElementById('header');
         const body = document.body;
+        const footermove = document.getElementById('footer');
 
         sideToggle.addEventListener('click', function() {
             sideMenu.classList.toggle('active');
             this.classList.toggle('menu-opened');
             content.classList.toggle('content-open');
             headermove.classList.toggle('header-move');
-            body.classList.toggle('block-scroll')
+            body.classList.toggle('block-scroll');
+            footermove.classList.toggle('header-move');
             });
         
         sideCloseButtons.forEach(button => {
@@ -57,6 +59,7 @@
                 content.classList.remove('content-open');
                 headermove.classList.remove('header-move');
                 body.classList.remove('block-scroll');
+                footermove.classList.remove('header-move');
                 });
             });
         })
@@ -76,7 +79,7 @@
         } 
  
          prevScrollPos = currentScrollPos; 
-        }; 
+        };                 
     </script>
         
 </body>