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-05 14:57:43 +02:00
< link rel = " stylesheet " href = " <?= base_url('assets/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 " >
< img src = " assets/img/Logo1.png " alt = " SpotiFly " >
</ div >
< nav class = " menu " >
< ul >
< li >< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/' , 'Home' ); ?> </li>
2024-06-05 11:14:54 +02:00
< li class = " menu_déroulant " >< ? = anchor ( 'albums' , 'Albums' ); ?>
< div class = " menu_déroulant_content " >
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/196' , 'New Masters' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/88' , 'Joe Cocker!' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/213' , 'Dylan' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/142' , 'Mothers Milk' ); ?>
</ div >
</ li >
< li class = " menu_déroulant " >< ? = anchor ( 'artistes' , 'Artistes' ); ?>
< div class = " menu_déroulant_content " >
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/artistes/view/34' , 'Queen' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/21' , 'Slayer' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/63' , 'Muse' ); ?>
< ? = anchor ( 'https://dwarves.iut-fbleau.fr/~boutaric/SAEWEB2.2/ci/index.php/Song/view/62' , 'Tool' ); ?>
</ div >
</ li >
2024-06-04 15:00:24 +02:00
< li >< ? = anchor ( 'playlist' , 'Playlist' ); ?> </li>
</ ul >
</ nav >
< div class = " user " >
2024-06-05 11:14:54 +02:00
< a class = " bouton " href = " connexion.php " > Connexion </ a >
< a class = " bouton " href = " html/Inscription.html " > S ' inscrire </ a >
</ div >
2024-06-04 15:00:24 +02:00
</ header >
< div id = " Page " >
< div class = " content " >
< img src = " assets/img/logo_page.png " alt = " SpotiFly " >
< 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 " >
< img src = " assets/img/argent.png " alt = " Description de l'image 3 " >
< 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 " >
< img src = " assets/img/Statistique.png " alt = " Description de l'image 4 " >
< 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 " >
< img src = " assets/img/Instagram.png " alt = " Logo Instagram " >
</ a >
</ p >
< p >
< a href = " https://www.X.com/ " target = " _blank " class = " social-icon " >
< img src = " assets/img/twitter.png " alt = " Logo X " >
</ a >
</ p >
</ div >
</ div >
</ div >
< div class = " footer-logo " >
< img src = " assets/img/SpotiFly.png " alt = " SpotiFly Logo " >
< p >& copy ; 2024 SpotiFly .</ p >
</ div >
</ footer >
< script src = " assets/bouton.js " ></ script >
< button id = " scrollTopBtn " onclick = " scrollToTop() " >
< span >& #8593;</span>
</ button >
</ body >
</ html >
