diff --git a/src/Footer/Ender.css b/src/Footer/Ender.css new file mode 100644 index 0000000..90b6db3 --- /dev/null +++ b/src/Footer/Ender.css @@ -0,0 +1,33 @@ +#ender { + display: flex; + flex-direction: column; + padding-top: 10px; + padding-bottom: 10px; + justify-content: center; + background-color: lightgrey; +} + +#pointerCursor { + cursor: pointer; +} + +#ender div { + display: flex; + flex-direction: row; + justify-content: center; +} +#ender p { + padding-left: 2%; +} + +#ender .hidden { + display: flex; + flex-direction: row; + justify-content: center; + display: none; +} + +#ender .hidden li { + list-style-type: none; + padding-right: 2%; +} diff --git a/src/Footer/Ender.js b/src/Footer/Ender.js new file mode 100644 index 0000000..b0054f2 --- /dev/null +++ b/src/Footer/Ender.js @@ -0,0 +1,28 @@ +import "./Ender.css"; +/** + * @param {null} null - requires onthing + * @returns {JSX.Element} Page - HTML tags and JS functionality + * @description The Footer of the page + * @author Brock + * @todo add who helped developed the site and finalize css + */ +const Ender = () => { + return ( + + ); +}; + +export default Ender; diff --git a/src/Header/Header.js b/src/Header/Header.js index 2b2714e..79de4b6 100644 --- a/src/Header/Header.js +++ b/src/Header/Header.js @@ -4,6 +4,7 @@ import OpenPageButton from "./OpenPageButton"; import { useNavigate, Outlet } from "react-router-dom"; import { useState } from "react"; import "./Header.css"; +import Ender from "../Footer/Ender"; /** * @param {null} null - Takes in nothing @@ -81,6 +82,7 @@ const Header = () => { + ); };