diff --git a/elements/header.php b/elements/header.php index 5cc13dd..7727f9a 100644 --- a/elements/header.php +++ b/elements/header.php @@ -6,11 +6,15 @@ ?> - + + + + +
- Esteban MOUSSU - PortFolio + Esteban MOUSSU - PortFolio -
- - \ No newline at end of file + \ No newline at end of file diff --git a/pages/login.php b/pages/login.php index fd9109a..3efab68 100644 --- a/pages/login.php +++ b/pages/login.php @@ -11,15 +11,24 @@ require_once('./../elements/header.php'); - -
+ +
+ +
\ No newline at end of file diff --git a/styles/primary_css.css b/styles/primary_css.css index e69de29..45a67bf 100644 --- a/styles/primary_css.css +++ b/styles/primary_css.css @@ -0,0 +1,112 @@ +/* ---- En général ---- */ + +/* Background de page */ +body { + background-color: #0d0d0d; + margin: 0; + font-family: Arial, sans-serif; + color: white; +} + +/* ---- Header de la page ---- */ + +/* header */ +header { + background-color: #111111; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 40px; +} + +/* Titre de la page ou même le Logo */ +.titre-de-page { + font-weight: bold; + font-size: 20px; + text-decoration: none; + color: white; +} + +/* Barre de navigation */ +nav a { + color: #aaaaaa; + text-decoration: none; + margin-left: 10px; + padding: 8px 15px; + border-radius: 8px; +} + +/* ---- PAGE LOGIN ---- */ + +/* Centre la carte au milieu de la page */ +.login-container { + display: flex; + justify-content: center; + align-items: center; + height: 80vh; +} + +/* La carte blanche/grise */ +.login-card { + background-color: #1a1a2e; + border-radius: 16px; + padding: 40px; + width: 340px; + text-align: center; +} + +/* Titre "EldoriaNet" dans la carte */ +.login-card .logo-blanc { + color: white; + font-size: 26px; + font-weight: bold; +} + +.login-card .logo-violet { + color: #6c63ff; + font-size: 26px; + font-weight: bold; +} + +/* Sous-titre */ +.login-card p { + color: #aaaaaa; + margin-bottom: 25px; +} + +/* Labels */ +.login-card label { + display: block; + text-align: left; + color: white; + margin-bottom: 6px; +} + +/* Champs de texte */ +.login-card input[type="text"], +.login-card input[type="password"] { + width: 100%; + background-color: #2a2a3e; + border: 1px solid #3a3a5e; + border-radius: 8px; + color: white; + padding: 12px; + margin-bottom: 20px; + box-sizing: border-box; +} + +/* Bouton connexion */ +.login-card input[type="submit"] { + width: 100%; + background-color: #6c63ff; + color: white; + border: none; + border-radius: 8px; + padding: 14px; + font-size: 16px; + cursor: pointer; +} + +.login-card input[type="submit"]:hover { + background-color: #5a52e0; +} \ No newline at end of file