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 @@
- +