diff --git a/frontend/index.html b/frontend/index.html index cdb69b6..88ab94f 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,7 +4,7 @@ - + Création web diff --git a/frontend/src/assets/logo-in3.svg b/frontend/src/assets/logo-in3.svg index d2f779b..86858d7 100644 --- a/frontend/src/assets/logo-in3.svg +++ b/frontend/src/assets/logo-in3.svg @@ -1,5 +1,5 @@ - + diff --git a/frontend/src/assets/picto-electricite.avif b/frontend/src/assets/picto-electricite.avif new file mode 100644 index 0000000..3f94ee1 Binary files /dev/null and b/frontend/src/assets/picto-electricite.avif differ diff --git a/frontend/src/assets/picto-maitrise-oeuvre.avif b/frontend/src/assets/picto-maitrise-oeuvre.avif new file mode 100644 index 0000000..b002bc8 Binary files /dev/null and b/frontend/src/assets/picto-maitrise-oeuvre.avif differ diff --git a/frontend/src/assets/picto-structure.avif b/frontend/src/assets/picto-structure.avif new file mode 100644 index 0000000..4433484 Binary files /dev/null and b/frontend/src/assets/picto-structure.avif differ diff --git a/frontend/src/components/Expertises.jsx b/frontend/src/components/Expertises.jsx index 2fb0318..f30b87b 100644 --- a/frontend/src/components/Expertises.jsx +++ b/frontend/src/components/Expertises.jsx @@ -1,5 +1,8 @@ import React from "react"; import { Box, Grid, Typography, Card, CardContent } from "@mui/material"; +import pictoMaitriseOeuvre from "../assets/picto-maitrise-oeuvre.avif"; +import pictoStructure from "../assets/picto-structure.avif"; +import pictoElectricite from "../assets/picto-electricite.avif"; const Expertices = ({ expertiseTitle, @@ -31,14 +34,23 @@ const Expertices = ({ {expertiseTitle} + {/* Expertise 1 */} @@ -65,6 +77,12 @@ const Expertices = ({ padding: 2, textAlign: "center", backgroundColor: "#fff", + backgroundImage: ` + linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), + url(${pictoStructure})`, + backgroundPosition: "bottom left", + backgroundSize: "50%", + backgroundRepeat: "no-repeat", }} > @@ -91,6 +109,12 @@ const Expertices = ({ padding: 2, textAlign: "center", backgroundColor: "#fff", + backgroundImage: ` + linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), + url(${pictoElectricite})`, + backgroundPosition: "bottom left", + backgroundSize: "50%", + backgroundRepeat: "no-repeat", }} > diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx index f1c5eb0..b7d727e 100644 --- a/frontend/src/components/Header.jsx +++ b/frontend/src/components/Header.jsx @@ -143,8 +143,9 @@ const Header = () => { src={Logo} alt="Bureau d'études Le Mans" style={{ - height: "40px", - width: "auto", + width: "50px", + height: "50px", + objectFit: "contain", }} /> @@ -326,7 +327,7 @@ const Header = () => { src={LogoM} alt="Logo" style={{ - height: "40px", + height: "50px", width: "auto", }} />