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.

138 lines
7.1 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
8 years ago
8 years ago
8 years ago
7 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 - Nosaltres</title>
  9. <!-- Bootstrap -->
  10. <link href="css/bootstrap.min.css" rel="stylesheet">
  11. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  13. <!-- Include all compiled plugins (below), or include individual files as needed -->
  14. <script src="js/bootstrap.min.js"></script>
  15. <link href="own.css" rel="stylesheet">
  16. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  17. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  18. <!--[if lt IE 9]>
  19. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  20. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  21. <![endif]-->
  22. </head>
  23. <body onload='OnLoadNosaltres();'>
  24. <div id='HTMLmenu'>
  25. <div class='own-lang'>
  26. <a href="/" class='own-bold'>CAT</a>
  27. <a href='/es/'>CAST</a>
  28. </div>
  29. <div id='menu' class='own-menu'>
  30. <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
  31. <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
  32. <div id='menuButtons' class='own-menuButtons'>
  33. <a href="index.html">Inici</a>
  34. <a href='nosaltres.html'>Nosaltres</a>
  35. <a href='contacte.html'>Contacte</a>
  36. </div>
  37. </div>
  38. </div>
  39. <div class='container'>
  40. <br>
  41. <div class='own-nosaltresContent'>
  42. <div class='own-nosaltresTitle'>Nosaltres</div>
  43. <br>
  44. <div class='own-textBoxLeft'>
  45. IVARDIA Produccions és un col·lectiu audiovisual que neix per donar resposta a una necessitat compartida dels seus integrants: explicar històries de forma autònoma i independent.
  46. </div>
  47. <div class='own-nosaltresCenterRight'>
  48. <img class='own-imgTopText' src='imatges/fotoNosaltres.jpg' />
  49. <div class='own-nosaltresText'>
  50. IVARDIA Produccions és un col·lectiu audiovisual que neix per donar resposta a una necessitat compartida dels seus integrants: explicar històries de forma autònoma i independent.
  51. <br><br>
  52. Davant la pràctica generalitzada de dinàmiques mediàtiques sensacionalistes i superficials, reivindiquem una manera de comunicar pausada i reflexiva. Trencar amb la manera de fer que, mitjançant el bombardeig d'imatges d'horror, normalitza realitats d'injustícia i desencadena reaccions de passivitat i indiferència. En un món accelerat, no tenim pressa. Busquem explicar històries amb la pausa que mereix una anàlisi conscient, crítica i reflexiva en pro d'un canvi social. Volem donar veu a realitats ignorades que parlen d'injustícia però també de solidaritat; de destrucció però també de creació d'alternatives, d'opressió però també de llibertat. Ens agradaria deixar de banda l'ego pel coneixement i acompanyar-nos entre nosaltres en un viatge molt més lent i poètic. Intentant que cada imatge tingui temps per parlar i que cada persona tingui temps per escoltar.
  53. <div class='own-caixaImatgesNosaltres'>
  54. <a href='projecte.html' class='own-caixaImatgeNosaltres'>
  55. <p class="own-textHoverImage">PROJECTE</p>
  56. <img class='own-imatgeNosaltres' src='imatges/02.jpg' />
  57. </a>
  58. <a href='bakur.html' class='own-caixaImatgeNosaltres'>
  59. <p class="own-textHoverImage">BAKUR</p>
  60. <img class='own-imatgeNosaltres' src='imatges/03.jpg' />
  61. </a>
  62. <a href='agenda.html' class='own-caixaImatgeNosaltres'>
  63. <p class="own-textHoverImage">AGENDA</p>
  64. <img class='own-imatgeNosaltres' src='imatges/04.jpg' />
  65. </a>
  66. </div>
  67. </div>
  68. <div class='own-rightBox'>
  69. <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
  70. <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami</a>
  71. </a>
  72. <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
  73. <a href="https://vimeo.com/171291700" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler</a>
  74. </a>
  75. </div>
  76. </div>
  77. </div>
  78. </div><!-- /container -->
  79. <div id='HTMLfooter'>
  80. <div class='own-footer'>
  81. <div class='own-caixaFooter'>
  82. <h4>Contacte</h4><br>
  83. <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
  84. contacte@ivardia.org</a>
  85. <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>
  86. <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
  87. <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
  88. </div>
  89. <div class='own-caixaFooter'>
  90. <h4>Enllaços</h4><br>
  91. <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
  92. <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
  93. <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
  94. </div>
  95. <div class='own-caixaFooter'>
  96. <div class='own-caixaFooter'>
  97. <a class="twitter-timeline" data-width="300" data-height="400" data-theme="dark" data-link-color="#E95F28" href="https://twitter.com/ivardiaprod">Tweets by ivardiaprod</a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <script>
  103. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  104. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  105. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  106. })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  107. ga('create', 'UA-79512084-1', 'auto');
  108. ga('send', 'pageview');
  109. </script>
  110. <script src="index.js"></script>
  111. </body>
  112. </html>