end of the project

This commit is contained in:
fannyfraiture 2022-05-06 13:57:26 +02:00
parent bd7f8e5bf8
commit 667e0605da
44 changed files with 648 additions and 100 deletions

BIN
.DS_Store vendored Normal file

Binary file not shown.

BIN
banniere_default.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 186 KiB

View File

@ -1,68 +1,225 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="reset.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<title>Default page</title>
</head>
<body>
<header class="header --home">
<nav class="header__top-bar">
<div class="contents">
<a href="index.html" class="header__top-bar__logo-link">
<img src="public/img/logo-ESI.png"
alt="ESI logo"
class="header__top-bar__logo"
>
</a>
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="reset.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<script
src="https://kit.fontawesome.com/a831d42e44.js"
crossorigin="anonymous"
></script>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<title>ESI Informatique - Default page</title>
</head>
<body>
<header class="contents">
<article class="contents__image__maintenance">
<div class="contents__image__maintenance__text-content">
<h1 class="contents__image__maintenance__heading">
Ce site est<br />
<strong>hébergé par ESI</strong>
</h1>
<ul class="header__top-bar__navlinks">
<li class="header__top-bar__navlinks__element">
+32 (0)87 22 60 60
</li>
<li class="header__top-bar__navlinks__element">
esi@informatique.com
</li>
<li class="header__top-bar__navlinks__element">
www.esi-informatique.com
</li>
</ul>
<a
href="https://www.esi-informatique.com/cloud-compluting/hebergement-serveur-virtuel-dedie/"
class="contents__image__maintenance__site-esi"
>
En savoir plus
</a>
</div>
<figure class="contents__image__maintenance__figure"></figure>
</article>
</header>
</div>
</nav>
</header>
<footer>
<ul class="contents__footer__contact__elements">
<li class="contents__footer__contact__elements__logo">
<a href="https://esi-informatique.com">
<img
src="public/img/logo-ESI.png"
alt="ESI logo"
class="contents__footer__logo"
/>
</a>
</li>
<div class="header">
<div class="contents">
<article class="header__image__maintenance">
<figure class="header__image__maintenance__figure">
<img src="public/img/illustration_maintenance.png"
alt="illustration mode maintenance"
>
</figure>
<li class="contents__footer__contact__elements__border">
<div class="contents__footer__contact__elements__phone__numbers">
<p>
<i class="fa-solid fa-phone"></i>
+32 (0)87 22 60 60
</p>
</div>
<div class="header__image__maintenance__text-content">
<h1 class="p header__image__maintenance__heading">
Ce site est<br>
<strong>hébergé par ESI</strong>
</h1>
<p class="header__image__maintenance__description">
Ce site est fièrement hébergé par ESI informatique !
</p>
<a href="https://www.esi-informatique.com/" class="header__image__maintenance__site-esi">
En savoir plus
</a>
</div>
</article>
<div class="contents__footer__contact__elements__phone__numbers">
<p>Secteur web :+32 (0)87 27 92 14</p>
</div>
</li>
<li class="contents__footer__contact__elements__button">
<a
href="https://www.esi-informatique.com/contact/"
class="contents__image__maintenance__site-esi"
>
<i class="fa-solid fa-envelope-open"></i>
Nous contacter
</a>
</li>
</ul>
<article class="contents__secteurs__esi">
<div class="contents__secteurs__esi__list">
<ul class="contents__secteurs__esi__list__elements">
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Audiovisuel-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Boutique-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Cloud-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Comptabilite-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Design-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Digitalisation-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Web-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Wifi-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Education-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Logiciel-gestion-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Materiel-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Office-desk-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Telecom-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
<li>
<a href="https://esi-informatique.com">
<img
src="public/img/Picto-ESI-Networking-noir-vertic.jpg"
alt="ESI logo"
class="contents__secteurs__esi__list__elements__picto"
/>
</a>
</li>
</ul>
</div>
</article>
<hr class="separator" />
<footer></footer>
</body>
<ul class="contents__footer__contact__elements">
<li class="contents__footer__contact__elements__rgpd">
<p>Copyright © 2022 - ESI-INFORMATIQUE</p>
</li>
<li class="contents__footer__contact__elements__rgpd">
<a
href="https://www.esi-informatique.com/wp-content/uploads/2018/04/politique-de-confidentialite-avril-2018.pdf"
class="rgpd_esi"
>
Politique de confidentialité - RGPD
</a>
</li>
</ul>
</footer>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 56 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 44 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 610 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 587 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 131 KiB

After

Width:  |  Height:  |  Size: 186 KiB

View File

@ -0,0 +1,45 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 474 474" style="enable-background:new 0 0 474 474;" xml:space="preserve">
<g>
<path d="M437.5,59.3h-401C16.4,59.3,0,75.7,0,95.8v282.4c0,20.1,16.4,36.5,36.5,36.5h401c20.1,0,36.5-16.4,36.5-36.5V95.8
C474,75.7,457.6,59.3,437.5,59.3z M432.2,86.3L239.5,251.1L46.8,86.3H432.2z M447,378.2c0,5.2-4.3,9.5-9.5,9.5h-401
c-5.2,0-9.5-4.3-9.5-9.5V104.9l203.7,174.2c0.1,0.1,0.3,0.2,0.4,0.3c0.1,0.1,0.3,0.2,0.4,0.3c0.3,0.2,0.5,0.4,0.8,0.5
c0.1,0.1,0.2,0.1,0.3,0.2c0.4,0.2,0.8,0.4,1.2,0.6c0.1,0,0.2,0.1,0.3,0.1c0.3,0.1,0.6,0.3,1,0.4c0.1,0,0.3,0.1,0.4,0.1
c0.3,0.1,0.6,0.2,0.9,0.2c0.1,0,0.3,0.1,0.4,0.1c0.3,0.1,0.7,0.1,1,0.2c0.1,0,0.2,0,0.3,0c0.4,0,0.9,0.1,1.3,0.1l0,0l0,0
c0.4,0,0.9,0,1.3-0.1c0.1,0,0.2,0,0.3,0c0.3,0,0.7-0.1,1-0.2c0.1,0,0.3-0.1,0.4-0.1c0.3-0.1,0.6-0.2,0.9-0.2c0.1,0,0.3-0.1,0.4-0.1
c0.3-0.1,0.6-0.2,1-0.4c0.1,0,0.2-0.1,0.3-0.1c0.4-0.2,0.8-0.4,1.2-0.6c0.1-0.1,0.2-0.1,0.3-0.2c0.3-0.2,0.5-0.3,0.8-0.5
c0.1-0.1,0.3-0.2,0.4-0.3c0.1-0.1,0.3-0.2,0.4-0.3L447,109.2V378.2z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 213.195 213.195" style="enable-background:new 0 0 213.195 213.195;" xml:space="preserve">
<path d="M210.856,203.383l-25.689-79.277c-1.002-3.093-3.884-5.188-7.135-5.188h-18.135c8.12-14.714,13.953-32.089,13.953-51.658
C173.85,30.173,143.68,0,106.596,0c-37.081,0-67.25,30.173-67.25,67.26c0,19.569,5.833,36.944,13.952,51.658H35.164
c-3.252,0-6.132,2.095-7.135,5.188L2.34,203.383c-0.74,2.283-0.342,4.782,1.069,6.723c1.411,1.941,3.666,3.089,6.066,3.089h194.246
c2.4,0,4.654-1.148,6.066-3.089C211.198,208.165,211.595,205.666,210.856,203.383z M106.596,15c28.813,0,52.254,23.444,52.254,52.26
c0,46.04-39.284,79.696-52.262,89.557C93.6,146.983,54.346,113.433,54.346,67.26C54.346,38.444,77.785,15,106.596,15z
M19.789,198.195l20.829-64.277h22.295c17.32,23.623,38.092,37.444,39.58,38.417c1.247,0.815,2.675,1.222,4.104,1.222
c1.429,0,2.857-0.407,4.104-1.222c1.486-0.972,22.261-14.794,39.582-38.417h22.297l20.828,64.277H19.789z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 482.6 482.6" style="enable-background:new 0 0 482.6 482.6;" xml:space="preserve">
<g>
<path d="M98.339,320.8c47.6,56.9,104.9,101.7,170.3,133.4c24.9,11.8,58.2,25.8,95.3,28.2c2.3,0.1,4.5,0.2,6.8,0.2
c24.9,0,44.9-8.6,61.2-26.3c0.1-0.1,0.3-0.3,0.4-0.5c5.8-7,12.4-13.3,19.3-20c4.7-4.5,9.5-9.2,14.1-14
c21.3-22.2,21.3-50.4-0.2-71.9l-60.1-60.1c-10.2-10.6-22.4-16.2-35.2-16.2c-12.8,0-25.1,5.6-35.6,16.1l-35.8,35.8
c-3.3-1.9-6.7-3.6-9.9-5.2c-4-2-7.7-3.9-11-6c-32.6-20.7-62.2-47.7-90.5-82.4c-14.3-18.1-23.9-33.3-30.6-48.8
c9.4-8.5,18.2-17.4,26.7-26.1c3-3.1,6.1-6.2,9.2-9.3c10.8-10.8,16.6-23.3,16.6-36s-5.7-25.2-16.6-36l-29.8-29.8
c-3.5-3.5-6.8-6.9-10.2-10.4c-6.6-6.8-13.5-13.8-20.3-20.1c-10.3-10.1-22.4-15.4-35.2-15.4c-12.7,0-24.9,5.3-35.6,15.5l-37.4,37.4
c-13.6,13.6-21.3,30.1-22.9,49.2c-1.9,23.9,2.5,49.3,13.9,80C32.739,229.6,59.139,273.7,98.339,320.8z M25.739,104.2
c1.2-13.3,6.3-24.4,15.9-34l37.2-37.2c5.8-5.6,12.2-8.5,18.4-8.5c6.1,0,12.3,2.9,18,8.7c6.7,6.2,13,12.7,19.8,19.6
c3.4,3.5,6.9,7,10.4,10.6l29.8,29.8c6.2,6.2,9.4,12.5,9.4,18.7s-3.2,12.5-9.4,18.7c-3.1,3.1-6.2,6.3-9.3,9.4
c-9.3,9.4-18,18.3-27.6,26.8c-0.2,0.2-0.3,0.3-0.5,0.5c-8.3,8.3-7,16.2-5,22.2c0.1,0.3,0.2,0.5,0.3,0.8
c7.7,18.5,18.4,36.1,35.1,57.1c30,37,61.6,65.7,96.4,87.8c4.3,2.8,8.9,5,13.2,7.2c4,2,7.7,3.9,11,6c0.4,0.2,0.7,0.4,1.1,0.6
c3.3,1.7,6.5,2.5,9.7,2.5c8,0,13.2-5.1,14.9-6.8l37.4-37.4c5.8-5.8,12.1-8.9,18.3-8.9c7.6,0,13.8,4.7,17.7,8.9l60.3,60.2
c12,12,11.9,25-0.3,37.7c-4.2,4.5-8.6,8.8-13.3,13.3c-7,6.8-14.3,13.8-20.9,21.7c-11.5,12.4-25.2,18.2-42.9,18.2
c-1.7,0-3.5-0.1-5.2-0.2c-32.8-2.1-63.3-14.9-86.2-25.8c-62.2-30.1-116.8-72.8-162.1-127c-37.3-44.9-62.4-86.7-79-131.5
C28.039,146.4,24.139,124.3,25.739,104.2z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 718 KiB

176
style.css
View File

@ -1,31 +1,159 @@
header nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 2em;
width: auto;
margin: auto 0;
}
header nav .contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header nav .contents ul {
list-style: none;
body .contents__image__maintenance {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 2em;
background-image: url("public/img/banniere_default.jpg");
background-size: cover;
position: relative;
background-position: center;
height: 850px;
padding: 1, 5rem;
}
body .contents__image__maintenance__text-content {
font-family: "Montserrat", sans-serif;
}
body .contents__image__maintenance__heading {
font-size: 6rem;
font-weight: 700;
color: white;
line-height: 8rem;
margin-top: 14rem;
margin-bottom: 6rem;
}
body .contents__image__maintenance__site-esi {
color: white;
background-color: #2156a4;
padding: 0.8rem 1.2rem;
border-radius: 15px 15px 15px 0;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 15px;
}
body .contents__secteurs__esi__list {
margin-bottom: 1rem;
}
body .contents__secteurs__esi__list__elements {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
body .contents__secteurs__esi__list__elements img {
width: 95px;
}
body hr {
display: block;
margin: 0 3rem;
background-color: #d8d8d8;
height: 1.5px;
border-style: none;
}
body footer {
-webkit-box-shadow: 0px -5px 15px #d8d8d8;
box-shadow: 0px -5px 15px #d8d8d8;
}
body footer .contents__footer__logo {
width: 10rem;
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
body footer .contents__footer__contact__elements {
padding-top: 1.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
body footer .contents__footer__contact__elements__rgpd p {
font-size: 10px;
}
body footer .contents__footer__contact__elements__rgpd a {
font-size: 10px;
text-decoration: none;
color: #363839;
}
body footer .contents__footer__contact__elements__phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 0 3rem;
}
body footer .contents__footer__contact__elements__phone__numbers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 12px;
line-height: 15px;
font-weight: 400;
}
body footer .contents__footer__contact__elements__phone__numbers i {
font-size: 13px;
margin-right: 10px;
color: #363839;
}
body footer .contents__footer__contact__elements__button i {
font-size: 12px;
color: #e5e5e5;
}
body footer .contents__footer__contact__elements__button a {
font-size: 11px;
background-color: #363839;
}
body footer li {
width: 33.33333%;
margin: 0.5rem 0;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
letter-spacing: 2px;
font-weight: 300;
text-align: center;
color: #363839;
margin-bottom: 2rem;
}
body footer li i {
color: #2156a4;
font-size: 1.2rem;
padding: 1rem 0;
}
/*# sourceMappingURL=style.css.map */

View File

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "AAAA,AACE,MADI,CACJ,GAAG,CAAC;EACF,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;EAC9B,OAAO,EAAE,GAAG;EACZ,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,MAAM;CAYf;;AAlBH,AAOI,MAPE,CACJ,GAAG,CAMD,SAAS,CAAC;EACR,OAAO,EAAE,IAAI;EACb,WAAW,EAAE,MAAM;CAQpB;;AAjBL,AAWM,MAXA,CACJ,GAAG,CAMD,SAAS,CAIP,EAAE,CAAC;EACD,UAAU,EAAE,IAAI;EAChB,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,YAAY;EAC7B,OAAO,EAAE,GAAG;CACb",
"mappings": "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",
"sources": [
"style.scss"
],

View File

@ -1,19 +1,142 @@
header {
nav {
display: flex;
justify-content: space-between;
padding: 2em;
width: auto;
margin: auto 0;
.contents {
body {
.contents {
&__image__maintenance {
display: flex;
align-items: center;
justify-content: space-around;
background-image: url("public/img/banniere_default.jpg");
background-size: cover;
position: relative;
background-position: center;
height: 850px;
padding: 1, 5rem;
ul {
list-style: none;
display: flex;
justify-content: space-around;
padding: 2em;
&__text-content {
font-family: "Montserrat", sans-serif;
}
&__heading {
font-size: 6rem;
font-weight: 700;
color: white;
line-height: 8rem;
margin-top: 14rem;
margin-bottom: 6rem;
}
&__site-esi {
color: white;
background-color: #2156a4;
padding: 0.8rem 1.2rem;
border-radius: 15px 15px 15px 0;
text-decoration: none;
font-family: "Montserrat", sans-serif;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 3px;
font-size: 15px;
}
}
&__secteurs {
&__esi {
&__list {
margin-bottom: 1rem;
&__elements {
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
img {
width: 95px;
}
}
}
}
}
}
hr {
display: block;
margin: 0 3rem;
background-color: #d8d8d8;
height: 1.5px;
border-style: none;
}
footer {
box-shadow: 0px -5px 15px #d8d8d8;
.contents {
&__footer {
&__logo {
width: 10rem;
height: auto;
display: flex;
margin: 0 auto;
}
&__contact {
&__elements {
padding-top: 1.5rem;
display: flex;
justify-content: space-around;
align-items: center;
text-align: center;
&__rgpd {
p {
font-size: 10px;
}
a {
font-size: 10px;
text-decoration: none;
color: #363839;
}
}
&__phone {
display: flex;
justify-content: space-around;
padding: 0 3rem;
&__numbers {
display: flex;
flex-direction: column;
font-size: 12px;
line-height: 15px;
font-weight: 400;
i {
font-size: 13px;
margin-right: 10px;
color: #363839;
}
}
}
&__button {
i {
font-size: 12px;
color: #e5e5e5;
}
a {
font-size: 11px;
background-color: #363839;
}
}
}
}
}
}
li {
width: 33.33333%;
margin: 0.5rem 0;
font-family: "Montserrat", sans-serif;
font-size: 1rem;
letter-spacing: 2px;
font-weight: 300;
text-align: center;
color: #363839;
margin-bottom: 2rem;
i {
color: #2156a4;
font-size: 1.2rem;
padding: 1rem 0;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 718 KiB