2024-05-18 14:52:46 +02:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
2024-05-18 15:17:40 +02:00
|
|
|
<?php include 'layout/header_not_logged_dark.php'; ?>
|
2024-05-18 14:52:46 +02:00
|
|
|
<head>
|
2024-05-18 15:17:40 +02:00
|
|
|
<link rel="stylesheet" href="assets/css/accueil.css">
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="assets/img/Logo_ONZEUR.png">
|
2024-05-18 14:52:46 +02:00
|
|
|
<title>Page d'accueil</title>
|
2024-05-18 15:17:40 +02:00
|
|
|
|
2024-05-18 14:52:46 +02:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-05-18 15:17:40 +02:00
|
|
|
<div class="hero">
|
|
|
|
|
<h1>Bienvenue sur Onzeur !</h1>
|
|
|
|
|
<p>Le service de streaming musical numéro 1 en France.</p>
|
2024-05-18 16:13:51 +02:00
|
|
|
<button type="button">Accéder à la musique</button>
|
2024-05-18 15:17:40 +02:00
|
|
|
</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">
|
2024-05-18 16:13:51 +02:00
|
|
|
<h2>Avis</h2>
|
2024-05-18 15:17:40 +02:00
|
|
|
<div class="testimonial">
|
2024-05-18 15:28:21 +02:00
|
|
|
<p>"Ce site est incroyable! Depuis que j'utilise Onzeur ma vie as changé ! Je suis devenu riche et célèbre ! Je recommande 🤩"</p>
|
2024-05-18 15:17:40 +02:00
|
|
|
<p>- Mike</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="testimonial">
|
2024-05-18 15:28:21 +02:00
|
|
|
<p>"Une expérience utilisateur fantastique. Je recommande vivement 🤌."</p>
|
2024-05-18 15:17:40 +02:00
|
|
|
<p>- Laura</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="testimonial">
|
2024-05-18 15:28:21 +02:00
|
|
|
<p>"Service client exceptionnel et fonctionnalités géniales. La fonctionnalité de playlist est vraiment top ! 👍"</p>
|
2024-05-18 15:17:40 +02:00
|
|
|
<p>- Joe</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="gallery">
|
2024-05-18 15:28:21 +02:00
|
|
|
<h2>Ils nous ont fait confiance</h2>
|
2024-05-18 17:05:04 +02:00
|
|
|
<?php if (!empty($covers)): ?>
|
|
|
|
|
<?php foreach ($covers as $cover): ?>
|
|
|
|
|
<?php
|
|
|
|
|
$imageData = base64_encode($cover['jpeg']); // Convertir les données binaires en base64
|
|
|
|
|
?>
|
|
|
|
|
<img src="data:image/jpeg;base64,<?= $imageData ?>" alt="Image de couverture d'album">
|
|
|
|
|
<?php endforeach; ?>
|
|
|
|
|
<?php endif; ?>
|
2024-05-18 15:17:40 +02:00
|
|
|
</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'; ?>
|
2024-05-18 14:52:46 +02:00
|
|
|
</body>
|
|
|
|
|
</html>
|
