end of the project
BIN
banniere_default.jpg
Normal file
After Width: | Height: | Size: 610 KiB |
BIN
glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg
Normal file
After Width: | Height: | Size: 587 KiB |
BIN
illustration_maintenance.png
Normal file
After Width: | Height: | Size: 186 KiB |
277
index.html
@ -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>
|
BIN
public/img/Picto-ESI-Audiovisuel-blanc-vertic.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/img/Picto-ESI-Audiovisuel-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 51 KiB |
BIN
public/img/Picto-ESI-Boutique-blanc-vertic.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/img/Picto-ESI-Boutique-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 48 KiB |
BIN
public/img/Picto-ESI-Cloud-blanc-vertic.png
Normal file
After Width: | Height: | Size: 9.2 KiB |
BIN
public/img/Picto-ESI-Cloud-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 35 KiB |
BIN
public/img/Picto-ESI-Comptabilite-blanc-vertic.png
Normal file
After Width: | Height: | Size: 10 KiB |
BIN
public/img/Picto-ESI-Comptabilite-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 38 KiB |
BIN
public/img/Picto-ESI-Design-blanc-vertic.png
Normal file
After Width: | Height: | Size: 16 KiB |
BIN
public/img/Picto-ESI-Design-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 56 KiB |
BIN
public/img/Picto-ESI-Digitalisation-blanc-vertic.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
public/img/Picto-ESI-Digitalisation-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 61 KiB |
BIN
public/img/Picto-ESI-Education-blanc-vertic.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
public/img/Picto-ESI-Education-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 59 KiB |
BIN
public/img/Picto-ESI-Logiciel-gestion-blanc-vertic.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/img/Picto-ESI-Logiciel-gestion-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 52 KiB |
BIN
public/img/Picto-ESI-Materiel-blanc-vertic.png
Normal file
After Width: | Height: | Size: 9.9 KiB |
BIN
public/img/Picto-ESI-Materiel-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 43 KiB |
BIN
public/img/Picto-ESI-Networking-blanc-vertic.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/img/Picto-ESI-Networking-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
public/img/Picto-ESI-Office-desk-blanc-vertic.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
public/img/Picto-ESI-Office-desk-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
public/img/Picto-ESI-Telecom-blanc-vertic.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
public/img/Picto-ESI-Telecom-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 65 KiB |
BIN
public/img/Picto-ESI-Web-blanc-vertic.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
public/img/Picto-ESI-Web-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 50 KiB |
BIN
public/img/Picto-ESI-Wifi-blanc-vertic.png
Normal file
After Width: | Height: | Size: 12 KiB |
BIN
public/img/Picto-ESI-Wifi-noir-vertic.jpg
Normal file
After Width: | Height: | Size: 42 KiB |
BIN
public/img/banniere_default.jpg
Normal file
After Width: | Height: | Size: 610 KiB |
BIN
public/img/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg
Normal file
After Width: | Height: | Size: 587 KiB |
Before Width: | Height: | Size: 131 KiB After Width: | Height: | Size: 186 KiB |
45
public/img/mail-svgrepo-com.svg
Normal 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 |
43
public/img/place-svgrepo-com.svg
Normal 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 |
52
public/img/telephone-svgrepo-com.svg
Normal 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 |
BIN
public/img/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpeg
Normal file
After Width: | Height: | Size: 718 KiB |
176
style.css
@ -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 */
|
@ -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"
|
||||
],
|
||||
|
151
style.scss
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
BIN
thomas-lefebvre-gp8BLyaTaA0-unsplash.jpg
Normal file
After Width: | Height: | Size: 718 KiB |