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.

115 lines
6.2 KiB

  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</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='OnLoadIndex();'>
  21. <div class='own-container'>
  22. <div id='telgris' class='own-telgris'></div>
  23. <img id='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
  24. <img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
  25. <div class='own-lang own-whiteText own-lang_marginIndex'>
  26. <a href="http://ivardia.org">CAT</a>
  27. <a href='http://ivardia.org/es' class='own-bold'>CAST</a>
  28. </div>
  29. <div id='menu' class='own-menu'>
  30. <!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
  31. -->
  32. <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
  33. <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
  34. <div id='menuButtons' class='own-menuButtons own-whiteText own-menuButtons_Index'>
  35. <a href="index.html">Inicio</a>
  36. <a href='nosaltres.html'>Nosotras</a>
  37. <a href='contacte.html'>Contacto</a>
  38. </div>
  39. </div>
  40. <div class='own-mainTitleBox'>
  41. <div class='own-mainTitle'>El Sol del norte</div>
  42. <div class='own-subTitle'>-construyendo la autonomía en Bakur-</div>
  43. <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'><img class='own-verkami' src='botons/b_verkami.png' /></a>
  44. </div>
  45. <div class='own-socialNetworks'>
  46. <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook.png' /><a>
  47. <a href="https://twitter.com/ivardiaprod" target="_blank"><img class='own-socialNetwork' src='icones/i_twitter.png' /></a>
  48. <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
  49. </div>
  50. <div class='own-teaser'>
  51. <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_play.png' />TRÁILER</a>
  52. </div>
  53. </div>
  54. <div class='temp-marge1'>-</div>
  55. <div class='own-whiteOverImage'>
  56. <div class='own-caixaDescripcioIndex'>
  57. <b>Ivardia Produccions</b> es un colectivo audiovisual que nace para explicar
  58. historias de forma autónoma y independiente.
  59. </div>
  60. <div class='own-caixaImatgesIndex'>
  61. <a href='projecte.html' class='own-caixaImatgeIndex'>
  62. <p class="own-textHoverImage">PROYECTO</p>
  63. <img class='own-imatgeIndex' src='imatges/02.jpg' />
  64. </a>
  65. <a href='bakur.html' class='own-caixaImatgeIndex'>
  66. <p class="own-textHoverImage">BAKUR</p>
  67. <img class='own-imatgeIndex' src='imatges/03.jpg' />
  68. </a>
  69. <a href='agenda.html' class='own-caixaImatgeIndex'>
  70. <p class="own-textHoverImage">AGENDA</p>
  71. <img class='own-imatgeIndex' src='imatges/04.jpg' />
  72. </a>
  73. </div>
  74. </div>
  75. <div id='HTMLfooter'>
  76. <div class='own-footer'>
  77. <div class='own-caixaFooter'>
  78. <h4>Contacto</h4><br>
  79. <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
  80. contacte@ivardia.org</a>
  81. <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
  82. <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>
  83. <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
  84. <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
  85. </div>
  86. <div class='own-caixaFooter'>
  87. <h4>Enlaces</h4><br>
  88. <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
  89. <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
  90. <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
  91. </div>
  92. <div class='own-caixaFooter'>
  93. <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>
  94. </div>
  95. </div>
  96. </div>
  97. <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  98. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
  99. <!-- Include all compiled plugins (below), or include individual files as needed -->
  100. <script src="js/bootstrap.min.js"></script>
  101. </body>
  102. </html>