From e4854098dfa6abed7b3a6e71f460889f06ff6859 Mon Sep 17 00:00:00 2001 From: Abhishek Gupta Date: Sun, 22 Dec 2024 07:22:22 +0530 Subject: [PATCH 01/14] Bug Fix --- src/App.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/App.jsx b/src/App.jsx index e67bb9a..d902306 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,5 +1,5 @@ import React from "react"; -import Body from "./body"; +import Body from "./Body"; import { BrowserRouter, Route, Routes } from "react-router-dom"; import ErrorPage from "./components/ErrorPage"; import About from "./pages/About"; From f2a0d3a4924c92d882b57690a9c1a72dd0fa3b72 Mon Sep 17 00:00:00 2001 From: Abhishek Gupta Date: Sun, 22 Dec 2024 11:21:49 +0530 Subject: [PATCH 02/14] =?UTF-8?q?fear:=20=F0=9F=93=B1=20=20Responsive=20Na?= =?UTF-8?q?v=20and=20Hero?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Add Toggle_Open and Toggle_Close for Responsive Device - make Nav Responsive - Change Logo - Make Notice Card Responsive - Add Responsive Design will me Modified becouse Some Component are not Fully Responsive --- src/assets/logo.svg | 28 +++++++++++++ src/components/Hero.jsx | 12 +++--- src/components/Navbar.jsx | 76 ++++++++++++++++++++++++++++++---- src/components/Notice_Card.jsx | 6 +-- 4 files changed, 105 insertions(+), 17 deletions(-) create mode 100644 src/assets/logo.svg diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..d2b8f18 --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1,28 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx index 83ad85d..f57e6e0 100644 --- a/src/components/Hero.jsx +++ b/src/components/Hero.jsx @@ -4,14 +4,14 @@ import Notice_Card from "./Notice_Card"; const Hero = () => { return ( -
-
-

Shape Tomorrow

-

with Quality

-

Education

+
+
+

Shape Tomorrow

+

with Quality

+

Education

Empowering students to achieve academic success with professional resources

-
+
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx index add8dc4..5a24dbb 100644 --- a/src/components/Navbar.jsx +++ b/src/components/Navbar.jsx @@ -1,22 +1,82 @@ -import React from 'react' +import { TfiMenu } from "react-icons/tfi"; +import { AiFillCloseCircle } from "react-icons/ai"; +import { useGSAP } from '@gsap/react'; +import gsap from 'gsap' +import logo from '../assets/logo.svg' import { Link } from 'react-router-dom' const Navbar = () => { + + + let Toggle_Open = () =>{ + + let tl = gsap.timeline() + + tl.to('.open_menu', { + display: 'none', + }) + + + tl.to('.close_menu', { + display: 'block', + }) + + tl.to('nav', { + height: '100vh', + duration : 0.5, + }) + + + + + + } + + + let Toggle_Close = () =>{ + + let tl = gsap.timeline() + + + + + tl.to('.close_menu', { + display: 'none', + }) + + tl.to('.open_menu', { + display: 'block', + }) + + tl.to('nav', { + height: '9vh', + duration : 0.5, + }) + + + + + + } + + return ( -