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.

117 lines
5.8 KiB

8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
8 years ago
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  8. <title>Ivardia - Agenda</title>
  9. <!-- Bootstrap -->
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <link href="own.css" rel="stylesheet">
  12. <script src="index.js"></script>
  13. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  17. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  18. <![endif]-->
  19. </head>
  20. <body onload='OnLoadDefault();'>
  21. <div class='container'>
  22. <div id='HTMLmenu'>
  23. <div class='own-lang'>
  24. <a href="#" class='own-bold'>CAT</a>
  25. <a href='#'>CAST</a>
  26. <a href='#'>ENG</a>
  27. </div>
  28. <div id='menu' class='own-menu'>
  29. <a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
  30. <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
  31. <div id='menuButtons' class='own-menuButtons'>
  32. <a href="index.html">Inici</a>
  33. <a href='nosaltres.html'>Nosaltres</a>
  34. <a href='contacte.html'>Contacte</a>
  35. </div>
  36. </div>
  37. </div>
  38. <img class='own-imgHeader' src='imatges/header1.png' />
  39. <div id='desplegable' class='own-desplegableAmagat'>
  40. <h3>El nostre projecte, un viatge a Bakur</h3>
  41. El 19 d’octubre de 2015 vam decidir viatjar al Kurdistan amb unes motxilles plenes de càmeres, micros, llibretes, pors i esperances. Feia mesos que gestàvem la idea. D’ençà que havíem descobert el moviment kurd seguíem amb interès i admiració tant la seva resistència com la seva proposta política: un sistema basat en el municipalisme, l’ecologia social i l’alliberament de la dona, tot això alimentat per un poble lluitador, crític i solidari.
  42. </div>
  43. <div class='own-projecteContent'>
  44. <div class='own-linksLeft'>
  45. <a href="projecte.html">PROJECTE</a>
  46. <a href='bakur.html'>BAKUR</a>
  47. <a class='own-orange' href='agenda.html'>AGENDA</a>
  48. </div>
  49. <div class='own-projecteText'>
  50. <h3>Agenda</h3>
  51. <div class='own-agendaData'>18 Juny:</div>
  52. <div class='own-agendaTitol'>Presentació del projecte i estrena del teaser</div>
  53. <div class='own-agendaContent'>
  54. Presentació del projecte i estrena del teaser a la Mostra de cinema documental sobre el Kurdistan.<br>
  55. <a href='https://www.facebook.com/events/1150811931635590/' target='_blank'>
  56. Esdeveniment
  57. </a>
  58. </div>
  59. </div>
  60. <div class='own-rightBox'>
  61. <a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'">
  62. <img class='own-socialNetwork' src='icones/i_campanyessuport.png' /> Campanyes de suport
  63. </a>
  64. <a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'">
  65. <img class='own-socialNetwork' src='icones/i_articles.png' /> Artícles
  66. </a>
  67. <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
  68. <img class='own-socialNetwork' src='icones/i_teaser.png' /> Vídeo
  69. </a>
  70. </div>
  71. </div>
  72. </div><!-- /container -->
  73. <div id='HTMLfooter'>
  74. <div class='own-footer'>
  75. <div class='own-caixaFooter'>
  76. <h4>Contacte</h4><br>
  77. <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
  78. contacta@ivardia.org</a>
  79. <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
  80. <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook_taronja.png' /><a>
  81. <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
  82. <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
  83. </div>
  84. <div class='own-caixaFooter'>
  85. <h4>Enllaços</h4><br>
  86. <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
  87. <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
  88. <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
  89. </div>
  90. <div class='own-caixaFooter'>
  91. <h4>Xarxes socials</h4><br>
  92. </div>
  93. </div>
  94. </div>
  95. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  96. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  97. <!-- Include all compiled plugins (below), or include individual files as needed -->
  98. <script src="js/bootstrap.min.js"></script>
  99. </body>
  100. </html>