index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>Source − L’émission libre de Radio Campus Bruxelles</title>
  9. <!-- Bootstrap Core CSS -->
  10. <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
  11. <!-- Fonts -->
  12. <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  13. <link href="css/animate.min.css" rel="stylesheet" />
  14. <!-- Squad theme CSS -->
  15. <link href="css/style.css" rel="stylesheet">
  16. <link href="color/default.css" rel="stylesheet">
  17. </head>
  18. <body id="page-top" data-spy="scroll" data-target=".navbar-custom">
  19. <!-- Preloader -->
  20. <div id="preloader">
  21. <div id="load"></div>
  22. </div>
  23. <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
  24. <div class="container">
  25. <div class="navbar-header page-scroll">
  26. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
  27. <i class="fa fa-bars"></i>
  28. </button>
  29. <a class="navbar-brand" href="index.html">
  30. <!--<img id="neutrinet-logo" title="neutrinet logo" class="svg" src="img/logo-neutrinet.svg"/>-->
  31. </a>
  32. </div>
  33. <!-- Collect the nav links, forms, and other content for toggling -->
  34. <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
  35. <ul class="nav navbar-nav">
  36. <li class="active"><a href="#intro">Quoi&nbsp?</a></li>
  37. <li><a href="#quand">Quand&nbsp;?</a></li>
  38. <li><a href="#contact">Contact</a></li>
  39. </ul>
  40. </div>
  41. <!-- /.navbar-collapse -->
  42. </div>
  43. <!-- /.container -->
  44. </nav>
  45. <!-- Section: intro -->
  46. <section id="intro" class="bigfat intro">
  47. <div class="slogan">
  48. <h2>Source</h2>
  49. <h4>Source est une émission bimensuelle sur <a href="http://www.radiocampus.be">Radio Campus Bruxelles</a>, disponible à Bruxelles et alentours sur le <b>92.1&nbsp;FM.</h4>
  50. <br>
  51. <h4>Le sujet de l’émission est principalement le logiciel libre, que ce soit dans une perspective informatique, sociale ou culturelle.</h4>
  52. </div>
  53. </section>
  54. <!-- /Section: intro -->
  55. <!-- Section: article1 -->
  56. <section id="quand" class="home-section text-center bg-gray">
  57. <div class="wow fadeInDown" data-wow-delay="0.1s">
  58. <h1>Quand&nbsp;?</h1>
  59. </div>
  60. <div class="wow fadeInUp" data-wow-delay="0.1s">
  61. <div class="citation">
  62. <blockquote>L’équipe prend les micros le vendredi à 18 heures, une semaine sur deux, et vous accompagne pendant une heure et demie.</blockquote>
  63. </div>
  64. </div>
  65. <h5 class="under-citation">Écoutez Radio Campus Bruxelles en direct sur le <a href="http://streamer.radiocampus.be/">flux Icecast</a>.</h5>
  66. <br>
  67. <hr>
  68. <br>
  69. <div class="container">
  70. <div class="row">
  71. <div class="col-md-5">
  72. <div class="wow fadeInDown" data-wow-delay="0.5s">
  73. <img src="img/campus.png" style="width: 80%">
  74. </div>
  75. </div>
  76. <div class="col-md-7">
  77. <div class="wow fadeInDown text-left" data-wow-delay="0.5s">
  78. <h3>Retrouvez les podcasts sur le site de <a href="http://www.radiocampus.be/search/source">Radio Campus Bruxelles</a></h3>
  79. <p></p>
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. </section>
  85. <!-- /Section: article1 -->
  86. <!-- Section: intro -->
  87. <section id="contact" class="fritedombox">
  88. <div class="slogan">
  89. <div class="wow fadeInDown black-title" data-wow-delay="0.1s">
  90. <h2>Des questions&nbsp;?</h2>
  91. <h3>Envie de participer à l’émission&nbsp;?</h3>
  92. </div>
  93. <div class="wow fadeInUp" data-wow-delay="0.4s">
  94. <div class="vpn-promotion">
  95. <h3 class="boxed-grey" style="text-transform: none">Écrivez-nous un mail à&nbsp;<br>src (arobase) radiocampus (point) be.</h3>
  96. </div>
  97. </div>
  98. </div>
  99. <div class="fritedombox-friends">
  100. <div class="wow fadeInUp" data-wow-delay="0.6s">
  101. <h5>Que la force du libre soit avec vous&nbsp;!</h5>
  102. </div>
  103. </div>
  104. </section>
  105. <!-- /Section: intro -->
  106. <section class="footer">
  107. <div class="wow fadeInUp" data-wow-delay="0.5s">
  108. <div class="page-scroll marginbot-30">
  109. <a href="#intro" id="totop" class="btn btn-circle">
  110. <i class="fa fa-angle-double-up animated"></i>
  111. </a>
  112. </div>
  113. <div class="container">
  114. <div class="row">
  115. <div class="wow fadeInDown col-xs-6" data-wow-delay="0.5s">
  116. <small>
  117. <p><a href="https://creativecommons.org/licenses/by-sa/2.0/"><img src="img/by-sa.png" /></a></p>
  118. Radionette (Domaine Public) par <a href="https://commons.wikimedia.org/wiki/File:Radionette_kurer_front.png">Sindre Skrede</a>
  119. <br>
  120. Queen Mary Radio Room (CC-BY-SA) par <a href="https://commons.wikimedia.org/wiki/File:Queen_Mary_radio_room.jpg">Sfoskett</a>
  121. </small>
  122. </div>
  123. <div class="wow fadeInDown col-xs-6" data-wow-delay="0.5s">
  124. <h4><br><a href="https://github.com/piks3l/source">Code source</a></h4>
  125. <h4><a href="mailto:info@radiocampus.be">Contacter Radio Campus Bruxelles</a><br></h4>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. </section>
  131. <!-- Core JavaScript Files -->
  132. <script src="js/jquery-1.11.2.min.js"></script>
  133. <script src="js/bootstrap.min.js"></script>
  134. <script src="js/jquery.easing.1.3.min.js"></script>
  135. <script src="js/jquery.scrollTo.min.js"></script>
  136. <script src="js/wow.min.js"></script>
  137. <!-- Custom Theme JavaScript -->
  138. <script src="js/custom.js"></script>
  139. </body>
  140. </html>