From e192aec59648eb6d5003b53eaf9caab3467b5077 Mon Sep 17 00:00:00 2001 From: Mani Yadla <133841094+YadlaMani@users.noreply.github.com> Date: Sun, 19 May 2024 08:19:20 +0530 Subject: [PATCH 1/4] Create Footer.jsx --- src/components/Footer/Footer.jsx | 38 ++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 src/components/Footer/Footer.jsx diff --git a/src/components/Footer/Footer.jsx b/src/components/Footer/Footer.jsx new file mode 100644 index 00000000..298553c8 --- /dev/null +++ b/src/components/Footer/Footer.jsx @@ -0,0 +1,38 @@ +import "./Footer.css"; +const Footer = () => { + const year = new Date().getFullYear(); + + return ( + + ); +}; + +export default Footer; From 2d4ed4a8a56dc0c2664b8276225708f00bff5fab Mon Sep 17 00:00:00 2001 From: Mani Yadla <133841094+YadlaMani@users.noreply.github.com> Date: Sun, 19 May 2024 08:19:46 +0530 Subject: [PATCH 2/4] Create Footer.css --- src/components/Footer/Footer.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 src/components/Footer/Footer.css diff --git a/src/components/Footer/Footer.css b/src/components/Footer/Footer.css new file mode 100644 index 00000000..6da16d43 --- /dev/null +++ b/src/components/Footer/Footer.css @@ -0,0 +1,24 @@ +footer { + position: fixed; + background-color: black; + bottom: 0; + left: 0; + right: 0; + padding: 8px; + text-align: center; + width: 100%; + + border-top: 2px solid white; +} +.social-section { + display: flex; + flex-direction: row; + justify-content: space-around; +} +.social ul li { + display: inline; + padding-left: 30px; +} +.shoutout { + padding-right: 5px; +} From ed09167dc5b9da936f817d6f0e4005c40179b9a6 Mon Sep 17 00:00:00 2001 From: Mani Yadla <133841094+YadlaMani@users.noreply.github.com> Date: Sun, 19 May 2024 08:21:46 +0530 Subject: [PATCH 3/4] Update App.jsx --- src/App.jsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/App.jsx b/src/App.jsx index 01f38b31..049f9f02 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -6,6 +6,7 @@ import './App.css'; import SideBar from './components/Sidebar/SideBar'; import Links from './components/Links'; import MainPage from './components/Pages/MainPage'; +import Footer from './components/Footer/Footer'; const categories = ['angular', '', 'frontend', 'next', 'node', 'react', 'vanilla', 'vue']; const routes = Links(); @@ -27,6 +28,7 @@ function App() { +