Octopusdesign/Octopus-React-Wp
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

imp bg card Expertises

Browse Source
This commit is contained in:
sebvtl728
2025-01-06 03:37:04 +01:00
parent a7c84fe336
commit b0fa21ba35
7 changed files with 30 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- <link rel="preload" href="/src/assets/vendor-BFTbvl5C.js" as="script"> --> <link rel="preload" href="/src/assets/vendor-BFTbvl5C.js" as="script">
<title>Création web</title> <title>Création web</title>
</head> </head>
<body> <body>
frontend/src/assets/logo-in3.svg
+1 -1
View File
@@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg id="Calque_3" data-name="Calque 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 372.1 345.53"> <svg width="100px" height="100px" id="Calque_3" data-name="Calque 3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 372.1 345.53">
<g id="Calque_1" data-name="Calque 1"> <g id="Calque_1" data-name="Calque 1">
<polyline points="315.48 135.3 358.16 181.43 306.75 228.68" style="fill: none; stroke: #d54f32; stroke-miterlimit: 10;"/> <polyline points="315.48 135.3 358.16 181.43 306.75 228.68" style="fill: none; stroke: #d54f32; stroke-miterlimit: 10;"/>
</g> </g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.3 KiB

frontend/src/assets/picto-electricite.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

frontend/src/assets/picto-maitrise-oeuvre.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.5 KiB

frontend/src/assets/picto-structure.avif
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.8 KiB

frontend/src/components/Expertises.jsx
+24
View File
@@ -1,5 +1,8 @@
import React from "react"; import React from "react";
import { Box, Grid, Typography, Card, CardContent } from "@mui/material"; 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 = ({ const Expertices = ({
expertiseTitle, expertiseTitle,
@@ -31,14 +34,23 @@ const Expertices = ({
{expertiseTitle} {expertiseTitle}
</Typography> </Typography>
<Grid container spacing={4}> <Grid container spacing={4}>
{/* Expertise 1 */} {/* Expertise 1 */}
<Grid item xs={12} md={4}> <Grid item xs={12} md={4}>
<Card <Card
sx={{ sx={{
backgroundPosition: "center",
boxShadow: 3, boxShadow: 3,
padding: 2, padding: 2,
textAlign: "center", textAlign: "center",
backgroundColor: "#fff", backgroundColor: "#fff",
backgroundImage: `
linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
url(${pictoMaitriseOeuvre})`,
backgroundPosition: "bottom left",
backgroundSize: "50%",
backgroundRepeat: "no-repeat",
}} }}
> >
<CardContent> <CardContent>
@@ -65,6 +77,12 @@ const Expertices = ({
padding: 2, padding: 2,
textAlign: "center", textAlign: "center",
backgroundColor: "#fff", 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",
}} }}
> >
<CardContent> <CardContent>
@@ -91,6 +109,12 @@ const Expertices = ({
padding: 2, padding: 2,
textAlign: "center", textAlign: "center",
backgroundColor: "#fff", 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",
}} }}
> >
<CardContent> <CardContent>
frontend/src/components/Header.jsx
+4 -3
View File
@@ -143,8 +143,9 @@ const Header = () => {
src={Logo} src={Logo}
alt="Bureau d'études Le Mans" alt="Bureau d'études Le Mans"
style={{ style={{
height: "40px", width: "50px",
width: "auto", height: "50px",
objectFit: "contain",
}} }}
/> />
</Box> </Box>
@@ -326,7 +327,7 @@ const Header = () => {
src={LogoM} src={LogoM}
alt="Logo" alt="Logo"
style={{ style={{
height: "40px", height: "50px",
width: "auto", width: "auto",
}} }}
/> />