init footer

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%;
+}

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 <darkicewolf50@gmail.com>
+ * @todo add who helped developed the site and finalize css
+ */
+const Ender = () => {
+	return (
+		<footer id="ender">
+			<div>
+				<p>© 2023 by Schulich Off-Road </p>
+				<p
+					onClick={() => window.open("https://www.morphgenix.com/", "_blank")}
+					id="pointerCursor">
+					Powered by: Morphgenix
+				</p>
+			</div>
+			<ul className="hidden">
+				<li>Developed by:</li>
+				<li>Brock</li>
+			</ul>
+		</footer>
+	);
+};
+
+export default Ender;