diff --git a/gsap.js b/gsap.js
new file mode 100644
index 0000000..4f241ca
--- /dev/null
+++ b/gsap.js
@@ -0,0 +1,25 @@
+const timeline=gsap.timeline()
+
+timeline.from(".navbar-brand img",{
+    y:40,
+    opacity:0,
+    duration:1
+})
+timeline.from("#navmenu li",{
+    y:40,
+    opacity:0,
+    duration:1,
+    stagger: 0.5,
+
+})
+timeline.from(".content",{
+    y:60,
+    opacity:0,
+    duration:1
+})
+timeline.from(".content a",{
+    y:40,
+    opacity:0,
+    delay:0.3,
+    duration:0.6
+})
diff --git a/index.html b/index.html
index 60fb036..1491347 100644
--- a/index.html
+++ b/index.html
@@ -678,6 +678,8 @@ <h3>
       })
     }
   </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+  <script src="gsap.js"></script>
   <script src="js/index.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
   <script src="js/script.js"></script>