Le dépôt du site du THSF
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

infos.html 4.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html lang='zxx'>
  3. <head>
  4. <title>THSF #10 - INFOS ACCES</title>
  5. <meta name="viewport" content="initial-scale=1.0" />
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <link rel="stylesheet" type="text/css" href="./styles/main.css" />
  8. <link rel="stylesheet" type="text/css" href="./styles/text.css" />
  9. <link rel="icon" type="image/png" href="/images/favicon.png" />
  10. <script src="jquery/jquery-3.4.0.min.js"></script>
  11. <script>
  12. $(document).ready(function() {
  13. console.log("document ready");
  14. let nav_toggle = true;
  15. //$("#navbar-collapse").hide();
  16. $("#navbar-toggle").click(function() {
  17. if (nav_toggle) {
  18. console.log("show menu");
  19. $("#navbar-collapse").show();
  20. nav_toggle = false;
  21. } else {
  22. console.log("hide menu");
  23. $("#navbar-collapse").hide();
  24. nav_toggle = true;
  25. }
  26. });
  27. });
  28. </script>
  29. </head>
  30. <!-- body -->
  31. <body>
  32. <!-- wrapper -->
  33. <div id="wrapper">
  34. <!-- header -->
  35. <div id="header">
  36. <img src="./img/THSF10_Bandeau.jpg" class="header-img1" alt="THSF #10" />
  37. <img src="./img/THSF10_2.gif" class="header-img2" alt="THSF #10" />
  38. </div>
  39. <!-- /header -->
  40. <div class="row">
  41. <!-- nav -->
  42. <div id="nav" class="col">
  43. <!-- navbar -->
  44. <div id="navbar">
  45. <ul id="navbar-toggle">
  46. <li>
  47. <a id="nav-toggle" href="#">
  48. <span class="span-menu-1">&#9776;</span>
  49. <span class="span-menu-2"> menu</span>
  50. </a>
  51. </li>
  52. </ul>
  53. <ul id="navbar-collapse">
  54. <li><a href="index.html">Home/</a></li>
  55. <li><a href="prog.html">Programme/</a></li>
  56. <li><a href="confs.html">Conférences/</a></li>
  57. <li><a href="confeclairs.html">Conf éclairs et tables rondes/</a></li>
  58. <li><a href="perfs.html">Performances et Concerts/</a></li>
  59. <li><a href="installations.html">Installations/</a></li>
  60. <li><a href="ateliers.html">Ateliers/</a></li>
  61. <li><a href="residence.html">Résidence hackers/</a></li>
  62. <li><a href="assos.html">Associations et Hackerspaces/</a></li>
  63. <li><a href="tvbruits.html">Plateau TVBruits</a></li>
  64. <li><a href="stream.html">Stream & radio/</a></li>
  65. <li><a href="infos.html">Accès/</a></li>
  66. <li><a href="mediation.html">Médiation/</a></li>
  67. <li><a href="propaganda.html">Propagande/</a></li>
  68. <li><a href="benevoles.html">Bénévoles/</a></li>
  69. <li><a href="partenaires.html">Partenaires/</a></li>
  70. <li><a href="liens.html">Liens/</a></li>
  71. </ul>
  72. </div>
  73. <!-- /navbar -->
  74. </div>
  75. <!-- /nav -->
  76. <!-- main -->
  77. <div id="main" class="col">
  78. <br />
  79. <p class="title p1">ACCÈS</p>
  80. <br />
  81. <p class="title p5">Dates</p>
  82. <p>
  83. Du jeudi 30 mai au dimanche 2 juin
  84. </p>
  85. <br />
  86. <p class="title p5">Lieu</p>
  87. <p class="noindent">
  88. <a class="a-title" href="http://mixart-myrys.org/presentation/">Mix'Art Myrys</a>
  89. </p>
  90. <p class="noindent">
  91. 12 rue Ferdinand LASSALLE<br />
  92. 31200 TOULOUSE
  93. </p>
  94. <br />
  95. <p class="title p5">Bus</p>
  96. <ul class="ul-left">
  97. <li><a href="https://www.tisseo.fr/sites/default/files/fh/ligneL1.html">Ligne L1</a> : Arrêt 'Suisse'
  98. <li><a href="https://www.tisseo.fr/sites/default/files/fh/ligne15.html">Ligne 15</a> : Arrêt 'Tricou' (sauf jeudi et dimanche)
  99. <li><a href="https://www.tisseo.fr/sites/default/files/fh/ligne70.html">Ligne 70</a> : Arrêt 'Suisse'
  100. </ul>
  101. <br />
  102. <p class="title p5">Métro</p>
  103. <p class="noindent"><a href="https://www.tisseo.fr/sites/default/files/fh/ligneMETRO_AetB.html">Ligne B</a> : Station 'Canal du Midi'</p>
  104. <br />
  105. <p class="title p5">VélôToulouse</p>
  106. <p class="noindent">Station au
  107. '<a href="http://www.velo.toulouse.fr/Les-stations/Trouver-une-station/(id)/144">62, Boulevard de Suisse</a>'</p>
  108. <br />
  109. <p class="title p5">Accueil</p>
  110. <ul class="ul-left">
  111. <li>Participation <a href="http://mixart-myrys.org/presentation/principe-d-autogestion/">libre et nécessaire</a></li>
  112. <li>Buvette et restauration sur place</li>
  113. <li>Accessibilité et toilettes adaptées aux personnes à mobilité réduite</li>
  114. </ul>
  115. <br />
  116. <p class="title p5">Plan d'Accès</p>
  117. <br />
  118. <iframe width="450" height="600" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=1.3635921478271484%2C43.58990309684569%2C1.476888656616211%2C43.64750394449096&amp;layer=mapnik&amp;marker=43.6186793498257%2C1.4202404022216797" style="border: 1px solid black"></iframe>
  119. </div>
  120. <!-- /main -->
  121. </div>
  122. <!-- /row -->
  123. <!-- footer -->
  124. <div id="footer">
  125. <!-- <p class="pfooter">thsf 2019</p> -->
  126. </div>
  127. <!-- /footer -->
  128. </div>
  129. <!-- /wrapper -->
  130. </body>
  131. <!-- /body -->
  132. </html>