demande.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>La Pop'ulaire - Le meilleur de la scène française et internationale</title>
  7. <link rel="stylesheet" href="style.css">
  8. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Prompt&display=swap">
  9. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  10. <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
  11. <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
  12. <link rel="icon" type="image/png" sizes="16x16" href="icons/favicon-16x16.png">
  13. <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  14. <link rel="manifest" href="site.webmanifest">
  15. <link rel="icon" type="image/x-icon" href="icons/favicon.ico">
  16. </head>
  17. <body>
  18. <header>
  19. <img src="LaPopulaire-Landscape.png" width="58%">
  20. </header>
  21. <nav>
  22. <ul class="menu">
  23. <li><a href="index.php">Accueil</a></li>
  24. <li><a href="historique.php">Derniers titres diffusés</a></li>
  25. <li><a href="demande.php"><u>Demande de chanson</u></a></li>
  26. <li><a href="actu.php">Dernières actualités</a></li>
  27. </ul>
  28. <a href="javascript:void(0);" class="icon" onclick="mob()"><i class="fa fa-bars"></i></a>
  29. <div class="mobile">
  30. <div id="hamburger">
  31. <a href="index.php">Accueil</a>
  32. <a href="historique.php">Derniers titres diffusés</a>
  33. <a href="demande.php"><b>Demande de chanson</b></a>
  34. <a href="actu.php">Dernières actualités</a>
  35. </div>
  36. </div>
  37. </nav>
  38. <div id="demande-content">
  39. <br>
  40. <h1>À la demande</h1>
  41. C'est vous le DJ ! Faites votre demande et appréciez d'entendre votre choix sur nos ondes !<br>
  42. Délai moyen : 10 minutes<br><br>
  43. <iframe src="https://hyperion.lapopulai.re/public/lapopulaire/embed-requests?theme=dark" frameborder="0" allowtransparency="true" style="width: 97%; min-height: 2000px; border: 0;"></iframe>
  44. </div>
  45. <footer>
  46. <p>Tous droits réservés &copy; 2021-<?php echo date("Y") ?> La Pop'ulaire</p>
  47. </footer>
  48. <script>
  49. function mob() {
  50. var x = document.getElementById("hamburger");
  51. if (x.style.display === "block") {
  52. x.style.display = "none";
  53. } else {
  54. x.style.display = "block";
  55. }
  56. }
  57. </script>
  58. </script>
  59. </body>
  60. </html>