stiti/SAE_S1.05_S1.06
stiti/SAE_S1.05_S1.06
1
6
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Création des répertoires js, html, css etc...

Browse Source
This commit is contained in:
Moncef STITI 2024-01-12 19:10:38 +01:00
parent 7ea6a7a60c
commit 829795f10a
5 changed files with 13 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
styles.css → css/styles.css
View File

@ -4,37 +4,6 @@ body {
font-family: 'Arial', sans-serif; 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 { header {
background-color: #4A305A; background-color: #4A305A;
color: #fff; color: #fff;
@ -44,9 +13,15 @@ header {
align-items: center; align-items: center;
} }
header #logo { #logo {
font-size: 24px; display: flex;
font-weight: bold; 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 { nav {
@ -86,32 +61,6 @@ nav a {
margin-left: 20px; 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) { @media screen and (max-width: 768px) {
nav { nav {
flex-direction: column; flex-direction: column;

6
index.html → html/index.html
View File

@ -3,14 +3,14 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="../css/styles.css">
<title>Neo Eat - Acceuil</title> <title>Neo Eat - Acceuil</title>
</head> </head>
<body> <body>
<header> <header>
<div class="container"> <div class="container">
<div id="logo"><img src="img/LogoNeoEat.png" alt="LogoNeoEat"></div> <div id="logo"><img src="../img/LogoNeoEat.png" alt="LogoNeoEat"></div>
<nav> <nav>
<ul> <ul>
<li><a href="#">Accueil</a></li> <li><a href="#">Accueil</a></li>
@ -34,7 +34,7 @@
<!-- Ajoutez d'autres sections pour présenter votre menu, l'équipe, etc. --> <!-- Ajoutez d'autres sections pour présenter votre menu, l'équipe, etc. -->
<script src="script.js"></script> <script src="../js/script.js"></script>
</body> </body>
</html> </html>

BIN
img/LogoNeoEat.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
img/LogoNeoEat7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

2
script.js → js/script.js
View File

@ -5,4 +5,4 @@ document.addEventListener('DOMContentLoaded', function () {
menuIcon.addEventListener('click', function () { menuIcon.addEventListener('click', function () {
navList.classList.toggle('show'); navList.classList.toggle('show');
}); });
}); });