diff --git a/page_acceuil.css b/page_acceuil.css index 433f336..5314fe3 100644 --- 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; } diff --git a/test/acceuil.css b/test/acceuil.css new file mode 100644 index 0000000..66a20eb --- /dev/null +++ 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%; +} diff --git a/test/acceuil.html b/test/acceuil.html new file mode 100644 index 0000000..c5fa49d --- /dev/null +++ b/test/acceuil.html @@ -0,0 +1,45 @@ + + + + + + + + Pegasus Rental + + + +
+

Welcome to Pegasus Rental

+

Your go-to destination for premium rentals

+
+ +
+

Find Your Perfect Rental

+
+ + + +
+
+ +
+

Featured Listings

+
+ Property 1 +

Stunning Beachfront Villa

+
+
+ Property 2 +

Luxury City Apartment

+
+
+ + + + + + + diff --git a/test/acceuil.js b/test/acceuil.js new file mode 100644 index 0000000..3040763 --- /dev/null +++ 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!'); +});