first commit

This commit is contained in:
fannyfraiture 2022-05-02 17:02:16 +02:00
parent e41a695e7f
commit bd7f8e5bf8
8 changed files with 255 additions and 10 deletions

0
_variables.scss Normal file
View File

View File

@ -1,12 +1,68 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=<device-width>, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <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> </head>
<body> <body>
<h1>Hello</h1> <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>
<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>
</div>
</nav>
</header>
<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>
<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>
<footer></footer>
</body> </body>
</html> </html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 131 KiB

BIN
public/img/logo-ESI.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

129
reset.css Normal file
View File

@ -0,0 +1,129 @@
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

31
style.css Normal file
View File

@ -0,0 +1,31 @@
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;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
padding: 2em;
}
/*# sourceMappingURL=style.css.map */

9
style.css.map Normal file
View File

@ -0,0 +1,9 @@
{
"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",
"sources": [
"style.scss"
],
"names": [],
"file": "style.css"
}

20
style.scss Normal file
View File

@ -0,0 +1,20 @@
header {
nav {
display: flex;
justify-content: space-between;
padding: 2em;
width: auto;
margin: auto 0;
.contents {
display: flex;
align-items: center;
ul {
list-style: none;
display: flex;
justify-content: space-around;
padding: 2em;
}
}
}
}