From acfc5b06793664363b9d4b479011cb66eee7da9f Mon Sep 17 00:00:00 2001
From: "foulou.salle224-15" <lenny.foulou@etu.u-pec.fr>
Date: Wed, 17 Jan 2024 12:44:23 +0100
Subject: [PATCH] ajout slogan et texte

---
 index.html | 22 +++++++++++++++++-----
 style.css  | 25 +++++++++++++++++++++++--
 2 files changed, 40 insertions(+), 7 deletions(-)
diff --git a/index.html b/index.html
index f7c4444..c8dadf4 100644
--- a/index.html
+++ b/index.html
@@ -2,9 +2,12 @@
 <html lang="fr">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="initial-scale=1,witdh=device-width">
+    <meta name="viewport" content="initial-scale=1,width=device-width">
     <title>Pegasus</title>
     <link rel="stylesheet" href="style.css">
+    <script src="script.js"></script>
+    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
+    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
 </head>
 
 <body>
@@ -12,7 +15,7 @@
     <header>
         <h2 class="logo">Logo</h2>
         <nav class="navigation">
-            <a href ="#">Acceuil</a>
+            <a href ="#">Accueil</a>
             <a href ="#">Réservation</a>
             <a href ="#">À propos</a>
             <a href ="#">Contact</a>
@@ -78,8 +81,17 @@
             </form>
         </div>
     </div>
+    <section class="presentation">
+        <h1>Bienvenue chez Pegasus</h1>
+        <p>
+            Explorez vos vacances avec Pegasus, votre partenaire idéal pour la location d'équipement de loisir. 
+            Des aventures en plein air aux moments de détente, nous avons tout ce dont vous avez besoin.
+        </p>
+        <p>
+            Réservez dès maintenant et transformez vos vacances en expériences inoubliables.
+        </p>
+        <p class="slogan">Vivez l'aventure, louez avec Pegasus!</p>
+    </section>
 
-    <script src="script.js"></script>
-    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
-<script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
+   
 </body>
\ No newline at end of file
diff --git a/style.css b/style.css
index 55e0987..838b97a 100644
--- a/style.css
+++ b/style.css
@@ -1,4 +1,4 @@
- {
+{
     margin: 0;
     padding: 0;
     box-sizing: border-box;
@@ -11,7 +11,7 @@ body {
     justify-content: center;
     align-items: center;
     min-height: 100vh;
-    background: url('background.jpg') no-repeat;
+    background: black;
     background-size: cover;
     background-position: center;
 }
@@ -261,5 +261,26 @@ header {
 
 }
 
+.presentation {
+    text-align: center;
+    margin-top: 80px;
+    color: #fff;
+}
 
+.presentation h1 {
+    font-size: 100px;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.presentation p {
+    font-size: 1.1em;
+    margin-bottom: 15px;
+}
+
+.presentation .slogan {
+    font-size: 1.3em;
+    font-weight: bold;
+    color: #f5a623; 
+}
 
