ajout du footer avec les liens et les partenaires

GrossesMitaines/grosses-mitaines-ui/src/components/Footer.js

@@ -1,20 +1,23 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import LogoSqdc from "./partenaires/sqdc.jpg";
+import LogoGov from "./partenaires/quebec.jpg";
+import LogoTG from "./partenaires/tg.jpg";
 
 
 const Footer = () => {
 
     return (
         <footer className="footer-container footer">
-            <div className="row">
-                <div className="col-4">
-                    <Link to="/aboutUs" className="text-light">À Propos</Link>
+            <div className="footer-links">
+                <div className="footer-link">
+                    <Link className="nav-link" to="/aboutUs">À Propos</Link>
                 </div>
-                <div className="col-4">
-                    <a className="text-light" >Nous Contacter</a>
+                <div className="footer-link">
+                    <Link className="nav-link" to="/contactUs">Nous contacter</Link>
                 </div>
-                <div className="col-4">
-                    <a className="text-light" >Vie Privée</a>
+                <div className="footer-link">
+                    <Link className="nav-link" to="/privacy">Vie privée</Link>
                 </div>
             </div>
             <br />
@@ -24,17 +27,14 @@ const Footer = () => {
                 </h4>
             </div>
             <div >
-                <h6 >- Nos partenaires -</h6>
+                <h6 className="footer-partner-title">- Nos partenaires -</h6>
             </div>
-            <div className="row">
-                <div className="col-4">
-                </div>
-                <div className="col-4">
-                </div>
-                <div className="col-4">
-                </div>
+            <div className="footer-partners">
+                <img className="partner-img" src={LogoSqdc} />
+                <img className="partner-img" src={LogoGov} />
+                <img className="partner-img" src={LogoTG} />
             </div>
-            <div className="row text-white">
+            <div className="footer-copyrights">
                 &copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc.
             </div>
         </footer>