From 65a57942e2f6fdfa48b16a46d2a9d7b39b7701c5 Mon Sep 17 00:00:00 2001 From: Rupesh Varshney <146447594+rupeshv2121@users.noreply.github.com> Date: Sun, 12 Jan 2025 00:19:43 +0530 Subject: [PATCH] Added Animation in About us page card --- about.css | 3 +- about.html | 137 ++++++++++++++++++++++++++++++++++------------------- index.js | 8 ++++ 3 files changed, 98 insertions(+), 50 deletions(-) diff --git a/about.css b/about.css index df60518..c233dd1 100644 --- a/about.css +++ b/about.css @@ -312,8 +312,7 @@ } .image-button1 { position: fixed; - top: 5px; - left: 10px; /* Aligns the button to the left side */ + left: 0px; /* Aligns the button to the left side */ background-color: transparent; /* Transparent background */ border: none; border-radius: 50%; diff --git a/about.html b/about.html index 3dff4dc..62d5e53 100644 --- a/about.html +++ b/about.html @@ -13,65 +13,98 @@ About Us - Ajivika - + - -

- About Us + About Us

@@ -142,10 +175,18 @@

🌍 Access to Jobs in Smaller Areas

+ + + + diff --git a/index.js b/index.js index d1afa52..bf7efbd 100644 --- a/index.js +++ b/index.js @@ -14,6 +14,14 @@ tl.from(".nav-links li", { y: -30 }) +gsap.from(".feature-card", { + scale: 0, + duration: 1, + rotate: 1440, + ease: "steps.out" +}) + + const cursor = document.querySelector("#cursor"); const body = document.querySelector("body") body.addEventListener("mousemove", function (e) {