From ff380cd8945bc8a42aa7b215322191ab12032b31 Mon Sep 17 00:00:00 2001 From: Pranjali Bhardwaj Date: Wed, 24 Jan 2024 15:01:56 +0530 Subject: [PATCH] [Footer] and[css effects]:Added --- src/App.css | 6 +-- src/App.js | 4 ++ src/footer/footer.css | 122 ++++++++++++++++++++++++++++++++++++++++++ src/footer/footer.jsx | 83 ++++++++++++++++++++++++++++ 4 files changed, 212 insertions(+), 3 deletions(-) create mode 100644 src/footer/footer.css create mode 100644 src/footer/footer.jsx diff --git a/src/App.css b/src/App.css index be1ddf2..c28efea 100644 --- a/src/App.css +++ b/src/App.css @@ -6,12 +6,12 @@ } .light-mode { - background-image: linear-gradient(to right, #FFffff 0%, #B4CEFF 100%); + background-image: linear-gradient(to right, #a7d7bc 0%, #d784b9 100%); /* Other light mode styles */ } .dark-mode { - background-image: radial-gradient(black, rgb(9, 7, 43), rgb(3, 67, 67)); + background-image: radial-gradient(rgb(102, 76, 76), rgb(9, 7, 43), rgb(3, 67, 67)); /* Other dark mode styles */ } @@ -182,6 +182,6 @@ body { } .btn-hover:hover { background-color: white; - color: black !important; + color: rgb(177, 189, 128) !important; } diff --git a/src/App.js b/src/App.js index e5f88c4..4bdd1fc 100644 --- a/src/App.js +++ b/src/App.js @@ -3,6 +3,7 @@ import { BrowserRouter, Routes, Route } from "react-router-dom"; import Profile from "./pages/Profile"; import Home from "./pages/Home"; import ContactUs from "./pages/ContactUs"; +import Footer from "./footer/footer"; function App() { return ( @@ -13,8 +14,11 @@ function App() { } /> } /> } /> + +