This commit is contained in:
Moncef STITI 2024-05-18 15:17:40 +02:00
parent 107ff40d52
commit d84c6c0d09
6 changed files with 120 additions and 8 deletions

View File

@ -1,11 +1,68 @@
<!DOCTYPE html>
<html>
<?php include 'layout/header_not_logged_dark.php';?>
<?php include 'layout/header_not_logged_dark.php'; ?>
<head>
<link rel="stylesheet" href="assets/css/accueil.css">
<link rel="icon" type="image/x-icon" href="assets/img/Logo_ONZEUR.png">
<title>Page d'accueil</title>
</head>
<body>
<h1>Bienvenue sur notre site !</h1>
<p>Ceci est la page d'accueil de notre application.</p>
<div class="hero">
<h1>Bienvenue sur Onzeur !</h1>
<p>Le service de streaming musical numéro 1 en France.</p>
</div>
<div class="container">
<div class="features">
<h2>Fonctionnalités</h2>
<div class="feature">
<h3>Fonctionnalité N°1</h3>
<p>Description de la fonctionnalité 1. Cette fonctionnalité permet de ...</p>
</div>
<div class="feature">
<h3>Fonctionnalité N°2</h3>
<p>Description de la fonctionnalité 2. Cette fonctionnalité permet de ...</p>
</div>
<div class="feature">
<h3>Fonctionnalité N°3</h3>
<p>Description de la fonctionnalité 3. Cette fonctionnalité permet de ...</p>
</div>
</div>
<div class="testimonials">
<h2>Témoignages</h2>
<div class="testimonial">
<p>"Ce site est incroyable! J'ai pu accomplir tant de choses grâce à lui."</p>
<p>- Mike</p>
</div>
<div class="testimonial">
<p>"Une expérience utilisateur fantastique. Je recommande vivement."</p>
<p>- Laura</p>
</div>
<div class="testimonial">
<p>"Service client exceptionnel et fonctionnalités géniales."</p>
<p>- Joe</p>
</div>
</div>
<div class="gallery">
<h2>Ils nous font confiance :</h2>
<img src="assets/img/gallerie/pnl.png" alt="PNL">
<img src="assets/img/gallerie/booba.png" alt="BOOBA">
<img src="assets/img/gallerie/niska.png" alt="NISKA">
</div>
<div class="contact">
<h2>Contactez-nous</h2>
<form action="#" method="post">
<input type="text" name="name" placeholder="Votre nom" required>
<input type="email" name="email" placeholder="Votre email" required>
<textarea name="message" rows="5" placeholder="Votre message" required></textarea>
<button type="submit">Envoyer</button>
</form>
</div>
</div>
<?php include 'layout/footer_dark.php'; ?>
</body>
</html>

View File

@ -3,17 +3,17 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../../assets/css/footer_dark.css">
<link rel="stylesheet" href="assets/css/footer_dark.css">
<title>Musique</title>
</head>
<body>
<footer class="footer">
<div class="footer-content">
<div class="social-links">
<a href="https://www.instagram.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
<a href="https://www.facebook.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
<a href="https://www.snapchat.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
<a href="https://www.youtube.com" class="social-icon"><img src="../../../assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
<a href="https://www.instagram.com" class="social-icon"><img src="assets/img/reseaux_sociaux/instagram.png" alt="Instagram"></a>
<a href="https://www.facebook.com" class="social-icon"><img src="assets/img/reseaux_sociaux/facebook.png" alt="Facebook"></a>
<a href="https://www.snapchat.com" class="social-icon"><img src="assets/img/reseaux_sociaux/snapchat.png" alt="Snapchat"></a>
<a href="https://www.youtube.com" class="social-icon"><img src="assets/img/reseaux_sociaux/youtube.png" alt="Youtube"></a>
</div>
<div class="legal">
<a href="#" class="legal-link">Mentions légales</a>

View File

@ -0,0 +1,55 @@
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
color: #333;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
}
h1, h2, h3 {
color: #444;
}
.hero {
background-color: #333;
color: #fff;
padding: 50px 20px;
text-align: center;
}
.features, .testimonials, .gallery, .contact {
margin: 20px 0;
padding: 20px;
background: #fff;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.features h2, .testimonials h2, .gallery h2, .contact h2 {
margin-top: 0;
}
.features .feature, .testimonials .testimonial {
margin: 10px 0;
}
.gallery img {
width: 100%;
height: auto;
border-radius: 8px;
}
.contact form input, .contact form textarea {
width: 100%;
padding: 10px;
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 4px;
}
.contact form button {
padding: 10px 20px;
background-color: #333;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 120 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 761 KiB