From a793296cd8090b12dc564073d36d4e34b2d4fd76 Mon Sep 17 00:00:00 2001
From: sheikhfaris86 <sheikhfaris86@gmail.com>
Date: Fri, 5 Jul 2024 22:40:14 +0530
Subject: [PATCH 1/2] 1. Added a script tage for gsap cdn. 2. Added a script
 tage for gsap.js file.

---
 index.html | 2 ++
 1 file changed, 2 insertions(+)

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>

From df8affa3a16864e6d537a24104dc2b2d11182422 Mon Sep 17 00:00:00 2001
From: sheikhfaris86 <sheikhfaris86@gmail.com>
Date: Fri, 5 Jul 2024 22:41:52 +0530
Subject: [PATCH 2/2] Created a gsap.js file. It contains code for a beautiful
 animation using gsap.

---
 gsap.js | 25 +++++++++++++++++++++++++
 1 file changed, 25 insertions(+)
 create mode 100644 gsap.js

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
+})