diff --git a/css/index.css b/css/index.css index d432d3d..6d727a6 100644 --- a/css/index.css +++ b/css/index.css @@ -1 +1,163 @@ -/*enlever les trucs supplémentaires dans styles.css de index.html et les mettre ici */ \ No newline at end of file + +.client-evaluations { + text-align: center; + padding: 20px 0; +} + +.client-evaluation-container { + display: flex; + overflow-x: auto; + justify-content: center; + margin-top: 20px; +} + +.client-evaluation { + flex: 1; + max-width: 300px; + margin: 10px; + text-align: center; + background-color: #FFFFFF; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + padding: 15px; +} + +.client-evaluation img { + max-width: 100%; + border-radius: 50%; + margin-bottom: 10px; +} + +.client-evaluation p { + color: #333; + font-size: 16px; + line-height: 1.5; +} + +.client-evaluation h3 { + margin-top: 10px; + color: #4A305A; +} + +.evaluation { + color: #FFB039; + font-size: 18px; +} + +.restaurant-tables { + max-width: 100%; + height: auto; + margin-top: 20px; + border-radius: 8px; +} + +.container { + position: relative; + margin-bottom: 120px; +} + +.bienvenue-section { + margin-top: 20px; + text-align: center; +} + +.bienvenue-video { + width: 80%; /* largeur de la fenêtre de la vidéo */ + max-height: 400px; + margin-bottom: 20px; + margin-top: 10px; +} + +.plats-populaires { + text-align: center; + padding: 20px 0; +} + +.plat-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.plat { + flex: 1; + max-width: 300px; + margin: 10px; + text-align: center; + background-color: #FFFFFF; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + padding: 15px; +} + +.plat img { + max-width: 100%; + border-radius: 8px; + margin-bottom: 10px; +} + +.plat h3 { + margin-top: 10px; + color: #4A305A; +} + +.plat p { + color: #333; + font-size: 16px; + line-height: 1.5; +} + + +.chef-section { + text-align: center; + padding: 20px 0; +} + +.chef-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.chef { + flex: 1; + max-width: 300px; + margin: 10px; + text-align: center; + background-color: #FFFFFF; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + padding: 15px; +} + +.chef img { + max-width: 100%; + border-radius: 8px; + margin-bottom: 10px; +} + +.chef h3 { + margin-top: 10px; + color: #4A305A; +} + +.chef p { + color: #333; + font-size: 16px; + line-height: 1.5; +} + +.voir-plus { + text-align: center; + margin-top: 20px; +} + +.voir-plus a.voir-plus-btn { + display: inline-block; + background-color: #FFB039; + padding: 10px 20px; + border-radius: 10px; + color: white; + text-decoration: none; + margin-top: 10px; +} \ No newline at end of file diff --git a/css/menu.css b/css/menu.css new file mode 100644 index 0000000..444b7a7 --- /dev/null +++ b/css/menu.css @@ -0,0 +1,46 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f7f7f7; + color: #333; +} + +.menu-category { + margin-bottom: 20px; + background-color: #fff; + padding: 15px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +.menu-category h3 { + font-size: 24px; + border-bottom: 2px solid #ccc; + padding-bottom: 5px; + margin-bottom: 10px; + color: #1a1a1a; +} + +.menu-item { + margin-bottom: 20px; + background-color: #fff; + padding: 15px; + border-radius: 8px; + box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); +} + +.menu-item img { + width: 100%; + max-width: 200px; + height: auto; + border-radius: 8px; +} + +.menu-item h4 { + font-size: 20px; + color: #333; + margin-bottom: 8px; +} + +.menu-item p { + color: #555; +} \ No newline at end of file diff --git a/css/plan-du-site.css b/css/plan-du-site.css new file mode 100644 index 0000000..eb5a00b --- /dev/null +++ b/css/plan-du-site.css @@ -0,0 +1,29 @@ +.plan-du-site-section { + max-width: 800px; + margin: 0 auto; +} + +.plan-du-site-section h2 { + color: #1a1a1a; + font-size: 28px; + margin-bottom: 20px; +} + +.plan-du-site-section ul { + list-style-type: disc; + padding: 0; +} + +.plan-du-site-section li { + margin-bottom: 10px; +} + +.plan-du-site-section a { + text-decoration: none; + color: #333; + font-weight: bold; +} + +.plan-du-site-section a:hover { + color: #1a1a1a; +} diff --git a/css/styles.css b/css/styles.css index d7202cd..fa83750 100644 --- a/css/styles.css +++ b/css/styles.css @@ -53,6 +53,9 @@ body { margin: 6px 0; } +.nav-links.show { + top: 80px; /* Permet de baisser le menu burger pour ne pas couper le logo */ +} @media screen and (max-width: 768px) { .nav-links { @@ -80,11 +83,18 @@ body { } .footer-content { - flex-wrap: wrap; + flex-direction: column; + align-items: center; } .footer-section { - flex: 1; + margin: 10px 0; + } + + .footer-signature img { + width: 3cm; + height: 1.2cm; + margin-left: 0.5cm; } } @@ -97,60 +107,6 @@ body { box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } -.chef-section { - text-align: center; - padding: 20px 0; -} - -.chef-container { - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -.chef { - flex: 1; - max-width: 300px; - margin: 10px; - text-align: center; - background-color: #FFFFFF; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - padding: 15px; -} - -.chef img { - max-width: 100%; - border-radius: 8px; - margin-bottom: 10px; -} - -.chef h3 { - margin-top: 10px; - color: #4A305A; -} - -.chef p { - color: #333; - font-size: 16px; - line-height: 1.5; -} - -.voir-plus { - text-align: center; - margin-top: 20px; -} - -.voir-plus a.voir-plus-btn { - display: inline-block; - background-color: #FFB039; - padding: 10px 20px; - border-radius: 10px; - color: white; - text-decoration: none; - margin-top: 10px; -} - h2 { color: #4A305A; text-align: center; @@ -162,58 +118,6 @@ p { line-height: 1.5; } -.bienvenue-section { - margin-top: 20px; - text-align: center; -} - -.bienvenue-video { - width: 80%; /* largeur de la fenêtre de la vidéo */ - max-height: 400px; - margin-bottom: 20px; - margin-top: 10px; -} - -.plats-populaires { - text-align: center; - padding: 20px 0; -} - -.plat-container { - display: flex; - flex-wrap: wrap; - justify-content: center; -} - -.plat { - flex: 1; - max-width: 300px; - margin: 10px; - text-align: center; - background-color: #FFFFFF; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - padding: 15px; -} - -.plat img { - max-width: 100%; - border-radius: 8px; - margin-bottom: 10px; -} - -.plat h3 { - margin-top: 10px; - color: #4A305A; -} - -.plat p { - color: #333; - font-size: 16px; - line-height: 1.5; -} - - #scrollTopBtn { display: none; position: fixed; @@ -227,11 +131,6 @@ p { cursor: pointer; } - -.container { - position: relative; - margin-bottom: 120px; -} .footer { background-color: #4A305A; /* Couleur de fond du pied de page */ color: white; @@ -273,64 +172,16 @@ p { margin-bottom: 10px; } +.footer-section a { + color: white; +} + .footer-section img { width: 30px; height: 30px; margin-right: 5px; } -.client-evaluations { - text-align: center; - padding: 20px 0; -} - -.client-evaluation-container { - display: flex; - overflow-x: auto; - justify-content: center; - margin-top: 20px; -} - -.client-evaluation { - flex: 1; - max-width: 300px; - margin: 10px; - text-align: center; - background-color: #FFFFFF; - border-radius: 8px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); - padding: 15px; -} - -.client-evaluation img { - max-width: 100%; - border-radius: 50%; - margin-bottom: 10px; -} - -.client-evaluation p { - color: #333; - font-size: 16px; - line-height: 1.5; -} - -.client-evaluation h3 { - margin-top: 10px; - color: #4A305A; -} - -.evaluation { - color: #FFB039; - font-size: 18px; -} - -.restaurant-tables { - max-width: 100%; - height: auto; - margin-top: 20px; - border-radius: 8px; -} - /* MENU DROPDOWN -> Pour à propos*/ .dropdown { diff --git a/img/RéseauxSociaux/logo-telephone.png b/img/RéseauxSociaux/logo-telephone.png new file mode 100644 index 0000000..2227cfb Binary files /dev/null and b/img/RéseauxSociaux/logo-telephone.png differ diff --git a/js/notre-equipe.js b/js/notre-equipe.js index 6835f3a..58808e2 100644 --- a/js/notre-equipe.js +++ b/js/notre-equipe.js @@ -1,10 +1 @@ -function printCV(cvUrl) { - var newWindow = window.open(cvUrl, '_blank'); - if (newWindow) { - newWindow.onload = function () { - newWindow.print(); - }; - } else { - alert("Impossible d'ouvrir une nouvelle fenêtre. Veuillez autoriser les nouvelles fenêtres."); - } -} +/*trouver comment imprimer */ \ No newline at end of file