diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..c6d2e55 Binary files /dev/null and b/.DS_Store differ diff --git a/banniere_default.jpg b/banniere_default.jpg new file mode 100644 index 0000000..2177fc1 Binary files /dev/null and b/banniere_default.jpg differ diff --git a/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg b/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg new file mode 100644 index 0000000..3e1c66f Binary files /dev/null and b/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg differ diff --git a/illustration_maintenance.png b/illustration_maintenance.png new file mode 100644 index 0000000..12d7c2c Binary files /dev/null and b/illustration_maintenance.png differ diff --git a/index.html b/index.html index 9bb2cb1..ef9371b 100644 --- a/index.html +++ b/index.html @@ -1,68 +1,225 @@ - - - - - - - - - - Default page - - -
- -
+ + + diff --git a/public/img/Picto-ESI-Audiovisuel-blanc-vertic.png b/public/img/Picto-ESI-Audiovisuel-blanc-vertic.png new file mode 100644 index 0000000..9d84191 Binary files /dev/null and b/public/img/Picto-ESI-Audiovisuel-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Audiovisuel-noir-vertic.jpg b/public/img/Picto-ESI-Audiovisuel-noir-vertic.jpg new file mode 100644 index 0000000..69442d2 Binary files /dev/null and b/public/img/Picto-ESI-Audiovisuel-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Boutique-blanc-vertic.png b/public/img/Picto-ESI-Boutique-blanc-vertic.png new file mode 100644 index 0000000..4e8aedd Binary files /dev/null and b/public/img/Picto-ESI-Boutique-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Boutique-noir-vertic.jpg b/public/img/Picto-ESI-Boutique-noir-vertic.jpg new file mode 100644 index 0000000..01d27ac Binary files /dev/null and b/public/img/Picto-ESI-Boutique-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Cloud-blanc-vertic.png b/public/img/Picto-ESI-Cloud-blanc-vertic.png new file mode 100644 index 0000000..dafdd85 Binary files /dev/null and b/public/img/Picto-ESI-Cloud-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Cloud-noir-vertic.jpg b/public/img/Picto-ESI-Cloud-noir-vertic.jpg new file mode 100644 index 0000000..a4e9ef2 Binary files /dev/null and b/public/img/Picto-ESI-Cloud-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Comptabilite-blanc-vertic.png b/public/img/Picto-ESI-Comptabilite-blanc-vertic.png new file mode 100644 index 0000000..a4d2ea9 Binary files /dev/null and b/public/img/Picto-ESI-Comptabilite-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Comptabilite-noir-vertic.jpg b/public/img/Picto-ESI-Comptabilite-noir-vertic.jpg new file mode 100644 index 0000000..852a5ec Binary files /dev/null and b/public/img/Picto-ESI-Comptabilite-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Design-blanc-vertic.png b/public/img/Picto-ESI-Design-blanc-vertic.png new file mode 100644 index 0000000..8caab1f Binary files /dev/null and b/public/img/Picto-ESI-Design-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Design-noir-vertic.jpg b/public/img/Picto-ESI-Design-noir-vertic.jpg new file mode 100644 index 0000000..3ef19fd Binary files /dev/null and b/public/img/Picto-ESI-Design-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Digitalisation-blanc-vertic.png b/public/img/Picto-ESI-Digitalisation-blanc-vertic.png new file mode 100644 index 0000000..ee6425f Binary files /dev/null and b/public/img/Picto-ESI-Digitalisation-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Digitalisation-noir-vertic.jpg b/public/img/Picto-ESI-Digitalisation-noir-vertic.jpg new file mode 100644 index 0000000..2aedcb7 Binary files /dev/null and b/public/img/Picto-ESI-Digitalisation-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Education-blanc-vertic.png b/public/img/Picto-ESI-Education-blanc-vertic.png new file mode 100644 index 0000000..ad66aae Binary files /dev/null and b/public/img/Picto-ESI-Education-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Education-noir-vertic.jpg b/public/img/Picto-ESI-Education-noir-vertic.jpg new file mode 100644 index 0000000..01441cc Binary files /dev/null and b/public/img/Picto-ESI-Education-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Logiciel-gestion-blanc-vertic.png b/public/img/Picto-ESI-Logiciel-gestion-blanc-vertic.png new file mode 100644 index 0000000..90aa241 Binary files /dev/null and b/public/img/Picto-ESI-Logiciel-gestion-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Logiciel-gestion-noir-vertic.jpg b/public/img/Picto-ESI-Logiciel-gestion-noir-vertic.jpg new file mode 100644 index 0000000..704b600 Binary files /dev/null and b/public/img/Picto-ESI-Logiciel-gestion-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Materiel-blanc-vertic.png b/public/img/Picto-ESI-Materiel-blanc-vertic.png new file mode 100644 index 0000000..4f17965 Binary files /dev/null and b/public/img/Picto-ESI-Materiel-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Materiel-noir-vertic.jpg b/public/img/Picto-ESI-Materiel-noir-vertic.jpg new file mode 100644 index 0000000..f69c2d5 Binary files /dev/null and b/public/img/Picto-ESI-Materiel-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Networking-blanc-vertic.png b/public/img/Picto-ESI-Networking-blanc-vertic.png new file mode 100644 index 0000000..f2e93bf Binary files /dev/null and b/public/img/Picto-ESI-Networking-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Networking-noir-vertic.jpg b/public/img/Picto-ESI-Networking-noir-vertic.jpg new file mode 100644 index 0000000..3d8df83 Binary files /dev/null and b/public/img/Picto-ESI-Networking-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Office-desk-blanc-vertic.png b/public/img/Picto-ESI-Office-desk-blanc-vertic.png new file mode 100644 index 0000000..a1aeae4 Binary files /dev/null and b/public/img/Picto-ESI-Office-desk-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Office-desk-noir-vertic.jpg b/public/img/Picto-ESI-Office-desk-noir-vertic.jpg new file mode 100644 index 0000000..3dcc374 Binary files /dev/null and b/public/img/Picto-ESI-Office-desk-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Telecom-blanc-vertic.png b/public/img/Picto-ESI-Telecom-blanc-vertic.png new file mode 100644 index 0000000..e9f589a Binary files /dev/null and b/public/img/Picto-ESI-Telecom-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Telecom-noir-vertic.jpg b/public/img/Picto-ESI-Telecom-noir-vertic.jpg new file mode 100644 index 0000000..f575562 Binary files /dev/null and b/public/img/Picto-ESI-Telecom-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Web-blanc-vertic.png b/public/img/Picto-ESI-Web-blanc-vertic.png new file mode 100644 index 0000000..1ecc024 Binary files /dev/null and b/public/img/Picto-ESI-Web-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Web-noir-vertic.jpg b/public/img/Picto-ESI-Web-noir-vertic.jpg new file mode 100644 index 0000000..ad48079 Binary files /dev/null and b/public/img/Picto-ESI-Web-noir-vertic.jpg differ diff --git a/public/img/Picto-ESI-Wifi-blanc-vertic.png b/public/img/Picto-ESI-Wifi-blanc-vertic.png new file mode 100644 index 0000000..0292c25 Binary files /dev/null and b/public/img/Picto-ESI-Wifi-blanc-vertic.png differ diff --git a/public/img/Picto-ESI-Wifi-noir-vertic.jpg b/public/img/Picto-ESI-Wifi-noir-vertic.jpg new file mode 100644 index 0000000..d04b54a Binary files /dev/null and b/public/img/Picto-ESI-Wifi-noir-vertic.jpg differ diff --git a/public/img/banniere_default.jpg b/public/img/banniere_default.jpg new file mode 100644 index 0000000..2177fc1 Binary files /dev/null and b/public/img/banniere_default.jpg differ diff --git a/public/img/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg b/public/img/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg new file mode 100644 index 0000000..3e1c66f Binary files /dev/null and b/public/img/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpeg differ diff --git a/public/img/illustration_maintenance.png b/public/img/illustration_maintenance.png index 1102842..12d7c2c 100644 Binary files a/public/img/illustration_maintenance.png and b/public/img/illustration_maintenance.png differ diff --git a/public/img/mail-svgrepo-com.svg b/public/img/mail-svgrepo-com.svg new file mode 100644 index 0000000..bbea2be --- /dev/null +++ b/public/img/mail-svgrepo-com.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/img/place-svgrepo-com.svg b/public/img/place-svgrepo-com.svg new file mode 100644 index 0000000..a0288b9 --- /dev/null +++ b/public/img/place-svgrepo-com.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/img/telephone-svgrepo-com.svg b/public/img/telephone-svgrepo-com.svg new file mode 100644 index 0000000..b7837be --- /dev/null +++ b/public/img/telephone-svgrepo-com.svg @@ -0,0 +1,52 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public/img/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpeg b/public/img/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpeg new file mode 100644 index 0000000..ada7dcc Binary files /dev/null and b/public/img/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpeg differ diff --git a/style.css b/style.css index 028164b..f9ff408 100644 --- a/style.css +++ b/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 */ \ No newline at end of file diff --git a/style.css.map b/style.css.map index c77852d..03e3bca 100644 --- a/style.css.map +++ b/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" ], diff --git a/style.scss b/style.scss index 52ed5b7..c4ba2fe 100644 --- a/style.scss +++ b/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; } } } diff --git a/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpg b/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpg new file mode 100644 index 0000000..ada7dcc Binary files /dev/null and b/thomas-lefebvre-gp8BLyaTaA0-unsplash.jpg differ