ajout du footer avec les liens et les partenaires

This commit is contained in:
Medenos 2022-09-27 23:19:13 -04:00
parent f03d50b474
commit 42739e1a35
6 changed files with 49 additions and 427 deletions

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 43 KiB

View File

@ -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 className="footer-partners">
<img className="partner-img" src={LogoSqdc} />
<img className="partner-img" src={LogoGov} />
<img className="partner-img" src={LogoTG} />
</div>
<div className="col-4">
</div>
<div className="col-4">
</div>
</div>
<div className="row text-white">
<div className="footer-copyrights">
&copy; 2022 - Les Grosses Mitaines à Ginette et Monique, inc.
</div>
</footer>

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -4,6 +4,11 @@ body {
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
min-height: 100%;
}
html{
height:100%;
}
.home-text{
@ -106,9 +111,36 @@ body {
background-color: plum;
}
.footer-container{
color: black;
margin-top: 5%;
background-color: black;
padding: 2% 3% 2% 3%;
background-color: white;
}
.footer-links{
display: flex;
}
.footer-link{
color:purple;
text-shadow: 5px 5px 10px rgba(0, 0, 0, .75);
margin:auto;
}
.footer-link:hover{
color: plum;
}
.footer-partners{
display:flex;
}
.partner-img{
margin:auto;
height:50px;
}
/* specification pour les écrans plus petits / cells */