added_footer_logo_arrow

client/src/Components/Footer.js

@@ -1,13 +1,13 @@
 import React from "react";
 import { Card } from "react-bootstrap";
-
+import TeamLogo from "../assets/TeamLogo.png";
 const Footer = () => {
 	return (
 		<footer
 			className="bg-danger py-3 border border-dark fixed-bottom "
-			style={{ color: "red" }}
+			style={{ color: "red", display: "flex", justifyContent: "flex-end" }}
 		>
-			<Card.Img variant="top" src="holder.js/200px160" />
+			<Card.Img src={TeamLogo} style={{ width: "8%", marginRight: "1%" }} />
 		</footer>
 	);
 };

client/src/Components/MainContent.js

@@ -2,7 +2,6 @@ import React from "react";
 // import { useState } from "react";
 import Button from "react-bootstrap/Button";
 import { Card, Form, Col, Container, Row } from "react-bootstrap";
-
 const MainContent = () => {
 	// const [val, setVal] = useState("");
 	return (
@@ -44,6 +43,19 @@ const MainContent = () => {
 						</Card.Body>
 					</Card>
 				</Col>
+				<Col style={{ display: "contents" }}>
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="50"
+						height="50"
+						fill="currentColor"
+						className="bi bi-arrow-right-square-fill"
+						viewBox="0 0 16 16"
+						style={{ marginTop: "11%", marginLeft: "2%", marginRight: "2%" }}
+					>
+						<path d="M0 14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2a2 2 0 0 0-2 2v12zm4.5-6.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5a.5.5 0 0 1 0-1z" />
+					</svg>
+				</Col>
 				<Col>
 					<Card>
 						<Card.Body>