2024-06-04 15:00:24 +02:00
<! doctype html >
< html lang = " en " class = " has-navbar-fixed-top " >
< head >
< meta charset = " UTF-8 " />
< title > SpotiFly </ title >
< link rel = " stylesheet " href = " <?= base_url('assets/style.css') ?> " >
2024-06-12 13:22:35 +02:00
< link rel = " stylesheet " href = " <?= base_url('assets/CSS/connexion.css') ?> " >
2024-06-04 15:00:24 +02:00
</ head >
< body >
< main class = 'container' >
2024-06-05 11:14:54 +02:00
< header class = " navbar " >
2024-06-04 15:00:24 +02:00
< div class = " logo " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/Logo1.png' ) ?> alt="SpotiFly">
2024-06-04 15:00:24 +02:00
</ div >
< nav class = " menu " >
< ul >
2024-06-05 19:36:03 +02:00
< li >< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~brigitte/SAEWEB2.2/ci/' , 'Home' ); ?> </li>
2024-06-12 11:18:32 +02:00
< li >< ? = anchor ( 'albums' , 'Albums' ); ?>
2024-06-05 11:14:54 +02:00
</ li >
2024-06-12 11:18:32 +02:00
< li >< ? = anchor ( 'artistes' , 'Artistes' ); ?>
2024-06-05 11:14:54 +02:00
</ li >
2024-06-10 16:12:11 +02:00
< ? php if ( $this -> session -> userdata ( 'logged' )) : ?>
< li >< ? = anchor ( 'playlist' , 'Playlist' ); ?> </li>
< ? php endif ?>
2024-06-04 15:00:24 +02:00
</ ul >
</ nav >
< div class = " user " >
2024-06-10 16:12:11 +02:00
< ? php if ( $this -> session -> userdata ( 'logged' )) : ?>
< li class = " bouton " >< ? = anchor ( 'Deconnexion' , 'Déconnexion' ); ?> </li>
< ? php else : ?>
< li class = " bouton " >< ? = anchor ( 'Connexion' , 'Connexion' ); ?> </li>
< li class = " bouton " >< ? = anchor ( 'Enregistrer' , 'Enregistrer' ); ?> </li>
< ? php endif ?>
2024-06-05 11:14:54 +02:00
</ div >
2024-06-04 15:00:24 +02:00
</ header >
< div id = " Page " >
< div class = " content " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/logo_page.png' ) ?> alt="SpotiFly">
2024-06-04 15:00:24 +02:00
< div class = " text-page " >
< h2 > SpotiFly : envole - toi au rythme de la musique !</ h2 >
</ div >
</ div >
</ div >
< div id = " header " > </ div >
< div class = " content " >
< section id = " about " class = " box " >
< div class = " box-content " >
< img src = " assets/img/argent.png " alt = " Description de l'image 2 " >
< div class = " text-content " >
< h2 > 1 mois gratuit ? </ h2 >
< p > " Découvrez une expérience musicale sans limites avec notre offre exclusive : abonnez-vous dès aujourd'hui et bénéficiez d'un mois complet GRATUIT pour explorer notre vaste catalogue de musique. Plongez dans un univers de sonorités variées et profitez d'un accès illimité à vos artistes préférés, sans engagement ! Rejoignez-nous dès maintenant pour un mois d'exploration musicale sans pareil. " </ p >
</ div >
</ div >
</ section >
< section id = " product " class = " box " >
< div class = " box-img " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/argent.png' ) ?> alt="Description de l'image 2">
2024-06-04 15:00:24 +02:00
< div class = " text-content " >
< h2 > La Cognition </ h2 >
< p > Découvrez notre nouveaux cube v3 qui peut avoir la voix de votre choix .</ p >
< p > Plongez dans une réalité où la cognition rencontre la technologie . Notre cube connecté va au - delà de l ' ordinaire , réagissant à votre pensée et intégrant la puissance de la cognition pour une expérience holographique incomparable .</ p >
</ div >
</ div >
</ section >
< section id = " sale " class = " box " >
< div class = " box-content " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/Statistique.png' ) ?> alt="Description de l'image 2">
2024-06-04 15:00:24 +02:00
< div class = " text-content " >
< h2 > Statistiques </ h2 >
< p > " Découvrez les statistiques de notre application de musique : des millions d'utilisateurs s'immergent dans une expérience audio immersive, créant des milliers de playlists et explorant une multitude de genres musicaux, tout en bénéficiant d'un mois gratuit dès l'abonnement ! " </ p >
</ div >
</ div >
</ section >
</ div >
< footer class = " footer " >
< div class = " footer-content " >
< div class = " footer-section " >
< h3 > Mentions légales </ h3 >
< a href = " html/mention_legal.html " > Consulter nos mentions légales </ a > < br >
< a href = " Charte_graphique.pdf " target = " _blank " > Consulter notre chartre graphique </ a >
</ div >
< div class = " footer-section " >
< h3 > Plan du site </ h3 >
< a href = " html/plan.html " > Consulter le plan du site </ a >
</ div >
< div class = " footer-section " >
< h3 > Contact </ h3 >
< p > Email : < a href = " mailto:contact.Spotifly@gmail.com " > contact . SpotiFly @ gmail . com </ a ></ p >
< p >
</ div >
< div class = " footer-section-reseaux " >
< h3 > Réseaux sociaux </ h3 >
< div class = " logo-reseaux " >
< p >
< a href = " https://www.instagram.com/ " target = " _blank " class = " social-icon " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/Instagram.png' ) ?> alt="Description de l'image 2">
2024-06-04 15:00:24 +02:00
</ a >
</ p >
< p >
< a href = " https://www.X.com/ " target = " _blank " class = " social-icon " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/twitter.png' ) ?> alt="Description de l'image 2">
2024-06-04 15:00:24 +02:00
</ a >
</ p >
</ div >
</ div >
</ div >
< div class = " footer-logo " >
2024-06-11 16:12:33 +02:00
< img src =< ? = base_url ( 'assets/img/SpotiFly.png' ) ?> alt="Description de l'image 2">
2024-06-04 15:00:24 +02:00
< p >& copy ; 2024 SpotiFly .</ p >
</ div >
</ footer >
< script src = " assets/bouton.js " ></ script >
< button id = " scrollTopBtn " onclick = " scrollToTop() " >
< span >& #8593;</span>
</ button >
</ body >
</ html >
