From 829795f10a1f31d377dc43202ba384c0df1d9fa4 Mon Sep 17 00:00:00 2001 From: Moncef STITI Date: Fri, 12 Jan 2024 19:10:38 +0100 Subject: [PATCH] =?UTF-8?q?Cr=C3=A9ation=20des=20r=C3=A9pertoires=20js,=20?= =?UTF-8?q?html,=20css=20etc...?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- styles.css => css/styles.css | 69 +++++----------------------------- index.html => html/index.html | 6 +-- img/LogoNeoEat.png | Bin 16428 -> 14022 bytes img/LogoNeoEat7.png | Bin 0 -> 16428 bytes script.js => js/script.js | 2 +- 5 files changed, 13 insertions(+), 64 deletions(-) rename styles.css => css/styles.css (55%) rename index.html => html/index.html (85%) create mode 100644 img/LogoNeoEat7.png rename script.js => js/script.js (98%) diff --git a/styles.css b/css/styles.css similarity index 55% rename from styles.css rename to css/styles.css index 8877ed8..9402b19 100644 --- a/styles.css +++ b/css/styles.css @@ -4,37 +4,6 @@ body { font-family: 'Arial', sans-serif; } -header { - background-color: #333; - color: #fff; - padding: 10px 0; /* Ajustez le padding-top pour déplacer légèrement l'image du logo vers le bas */ - display: flex; - justify-content: space-between; - align-items: center; -} - -#logo { - display: flex; - align-items: center; /* Centrer verticalement le contenu du logo */ -} - -#logo img { - width: 20%; /* Utiliser 100% de la largeur du conteneur */ - height: auto; /* Maintenir le rapport hauteur/largeur pour éviter la distorsion */ - margin-top: 5px; /* Ajustez la marge pour déplacer légèrement l'image du logo vers le bas */ -} - -nav { - display: flex; - align-items: center; /* Centrer verticalement les éléments de la barre de navigation */ -} - -.container { - width: 80%; - margin: 0 auto; - color:#000000; -} - header { background-color: #4A305A; color: #fff; @@ -44,9 +13,15 @@ header { align-items: center; } -header #logo { - font-size: 24px; - font-weight: bold; +#logo { + display: flex; + align-items: center; /* Centrer verticalement le contenu du logo */ +} + +#logo img { + max-width: 80px; /* Ajuste la taille du logo à 80 pixels (ou une valeur qui convient) */ + height: auto; + margin-top: 5px; } nav { @@ -86,32 +61,6 @@ nav a { margin-left: 20px; } -#hero { - background: url('hero-image.jpg') center/cover; - color: #fff; - text-align: center; - padding: 100px 0; -} - -#hero h1 { - font-size: 48px; - margin-bottom: 20px; -} - -#hero p { - font-size: 18px; - margin-bottom: 30px; -} - -#hero a { - display: inline-block; - background-color: #fff; - color: #333; - padding: 10px 20px; - text-decoration: none; - font-weight: bold; -} - @media screen and (max-width: 768px) { nav { flex-direction: column; diff --git a/index.html b/html/index.html similarity index 85% rename from index.html rename to html/index.html index 09dbab3..6543eb0 100644 --- a/index.html +++ b/html/index.html @@ -3,14 +3,14 @@ - + Neo Eat - Acceuil
- +