diff --git a/index.html b/index.html
index b85fed09..1f7e8799 100644
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
+
Web Master Log - Website of All type of Projects
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() {
+
);
}
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;
+}
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;