chenouna/SITE_WEB
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

test pour le site

Browse Source
This commit is contained in:
Lenny FOULOU
2024-01-13 21:18:21 +01:00
parent f7d3007b0a
commit 58d23d7dd4
4 changed files with 99 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
page_acceuil.css
View File

@@ -14,10 +14,12 @@ body {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
display: flex;
flex-wrap: nowrap;
} }
nav ul li { nav ul li {
display: inline; display: inline-block;
margin-right: 20px; margin-right: 20px;
} }

47
test/acceuil.css Normal file
View File

@@ -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%;
}

45
test/acceuil.html Normal file
View File

@@ -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>

4
test/acceuil.js Normal file
View File

@@ -0,0 +1,4 @@
document.getElementById('search-form').addEventListener('submit', function(event) {
event.preventDefault();
alert('Search functionality will be implemented here!');
});