test pour le site

2024-01-13 21:18:21 +01:00
parent f7d3007b0a
commit 58d23d7dd4
4 changed files with 99 additions and 1 deletions
--- a/page_acceuil.css
+++ b/page_acceuil.css
@@ -14,10 +14,12 @@ body {
    list-style: none;
    margin: 0;
    padding: 0;
+    display: flex;
+    flex-wrap: nowrap;
  }
  
  nav ul li {
-    display: inline;
+    display: inline-block;
    margin-right: 20px;
  }
  
--- a/test/acceuil.css
+++ b/test/acceuil.css
@@ -0,0 +1,47 @@
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 20px;
+}
+
+section.search-container {
+    text-align: center;
+    padding: 20px;
+}
+
+form {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+input, button {
+    padding: 10px;
+    margin: 5px;
+}
+
+section.featured-listings {
+    text-align: center;
+    padding: 20px;
+}
+
+.listing {
+    margin: 10px;
+}
+
+footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px;
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+}
--- a/test/acceuil.html
+++ b/test/acceuil.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="styles.css">
+    <title>Pegasus Rental</title>
+</head>
+
+<body>
+    <header>
+        <h1>Welcome to Pegasus Rental</h1>
+        <p>Your go-to destination for premium rentals</p>
+    </header>
+
+    <section class="search-container">
+        <h2>Find Your Perfect Rental</h2>
+        <form id="search-form">
+            <input type="text" id="location-input" placeholder="Enter location">
+            <input type="date" id="date-input" placeholder="Select date">
+            <button type="submit">Search</button>
+        </form>
+    </section>
+
+    <section class="featured-listings">
+        <h2>Featured Listings</h2>
+        <div class="listing" id="listing1">
+            <img src="property1.jpg" alt="Property 1">
+            <p>Stunning Beachfront Villa</p>
+        </div>
+        <div class="listing" id="listing2">
+            <img src="property2.jpg" alt="Property 2">
+            <p>Luxury City Apartment</p>
+        </div>
+    </section>
+
+    <footer>
+        <p>&copy; 2024 Pegasus Rental. All rights reserved.</p>
+    </footer>
+
+    <script src="script.js"></script>
+</body>
+
+</html>
--- a/test/acceuil.js
+++ b/test/acceuil.js
@@ -0,0 +1,4 @@
+document.getElementById('search-form').addEventListener('submit', function(event) {
+    event.preventDefault();
+    alert('Search functionality will be implemented here!');
+});