SAE_2.02/CodeIgniter-3.1.13/application/views/accueil.php

75 lines
4.2 KiB
PHP
Raw Normal View History

2024-05-18 14:52:46 +02:00
<!DOCTYPE html>
<html>
<head>
2024-05-20 20:46:09 +02:00
<link rel="stylesheet" href="<?php echo base_url('assets/css/accueil'); ?>">
<title>Accueil - Onzeur</title>
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-20 21:59:37 +02:00
<a href="<?php echo site_url('musiques'); ?>"><button type="button">Accéder à la musique</button></a>
2024-05-18 15:17:40 +02:00
</div>
<div class="container">
<div class="features">
<h2>Fonctionnalités</h2>
<div class="feature">
2024-05-19 15:27:13 +02:00
<h3>Création de playlist</h3>
<p>Avec Onzeur, vous pouvez créer des playlists personnalisées en quelques clics. Rassemblez vos morceaux préférés, organisez-les par artiste, album ou genre, et créez des listes de lecture adaptées à toutes les occasions. Ajoutez et supprimez des chansons selon vos envies, et gardez votre musique à portée de main, prête à être écoutée à tout moment</p>
2024-05-20 16:31:29 +02:00
<img src="<?php echo base_url('assets/img/gallerie/img1.jpg'); ?>" alt="Image pour la fonctionnalité 'Création de playlist'">
2024-05-18 15:17:40 +02:00
</div>
<div class="feature">
2024-05-19 15:27:13 +02:00
<h3>Consultation des morceaux</h3>
<p>Explorez une vaste bibliothèque de morceaux de musique avec Onzeur. Parcourez les listes d'artistes, découvrez des albums et explorez des genres musicaux variés. Trouvez rapidement les chansons que vous recherchez en naviguant facilement entre les différentes vues. Que vous soyez à la recherche de nouveautés ou de classiques, cette fonctionnalité vous permettra de découvrir et d'apprécier une large sélection de musique.</p>
2024-05-20 16:31:29 +02:00
<img src="<?php echo base_url('assets/img/gallerie/img2.jpg'); ?>" alt="Image pour la fonctionnalité 'Consultation des morceaux'">
2024-05-18 15:17:40 +02:00
</div>
<div class="feature">
2024-05-19 15:27:13 +02:00
<h3>Gestion des comptes utilisateurs</h3>
<p>Profitez pleinement de toutes les fonctionnalités de l'application en créant votre propre compte utilisateur. Une fois connecté, vous aurez accès à des fonctionnalités avancées telles que la création et la gestion de playlists personnalisées. Ajoutez des chansons à vos favoris, synchronisez votre bibliothèque musicale sur plusieurs appareils et bénéficiez d'une expérience musicale personnalisée.</p>
2024-05-20 16:31:29 +02:00
<img src="<?php echo base_url('assets/img/gallerie/img3.jpg'); ?>" alt="Image pour la fonctionnalité 'Gestion des comptes utilisateurs'">
2024-05-18 15:17:40 +02:00
</div>
</div>
2024-05-19 15:27:13 +02:00
2024-05-18 15:17:40 +02:00
<div class="testimonials">
<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>
<?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>
2024-05-18 14:52:46 +02:00
</body>
</html>