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.
 
 
 

132 lines
7.0 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Ivardia - Nosaltres</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<link href="own.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body onload='OnLoadNosaltres();'>
<div id='HTMLmenu'>
<div class='own-lang'>
<a href="#" class='own-bold'>CAT</a>
<a href='#'>CAST</a>
<a href='#'>ENG</a>
</div>
<div id='menu' class='own-menu'>
<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
<div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
<div id='menuButtons' class='own-menuButtons'>
<a href="index.html">Inici</a>
<a href='nosaltres.html'>Nosaltres</a>
<a href='contacte.html'>Contacte</a>
</div>
</div>
</div>
<div class='container'>
<br>
<div class='own-nosaltresContent'>
<div class='own-nosaltresTitle'>Nosaltres</div>
<br>
<div class='own-textBoxLeft'>
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.
</div>
<div class='own-nosaltresCenterRight'>
<img class='own-imgTopText' src='imatges/fotoNosaltres.jpg' />
<div class='own-nosaltresText'>
IVARDIA és la mirada d'un nen que no entén la velocitat del món on ha nascut. És el sahrauí que juga amb la sorra del desert entre els seus peus. És la palestina que acaricia el mur de la vergonya cada cop que va a l’escola. És el temps que necessita un paisatge per explicar la seva història. És una algeriana corrent davant la policia a París i un pagès prenent un te a l'ombra del Montseny. És Bolívia rebentant una presa i el Kurdistan ballant. És la nena que riu en veure les línies rectes d'un mapa de l’Àfrica. És aquest nena aprenent a explicar una història. IVARDIA és la vigilància. És el torn de guàrdia.
<br><br>
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.
<br><br>
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.
<div class='own-caixaImatgesNosaltres'>
<a href='projecte.html' class='own-caixaImatgeNosaltres'>
<p class="own-textHoverImage">PROJECTE</p>
<img class='own-imatgeNosaltres' src='imatges/02.jpg' />
</a>
<a href='bakur.html' class='own-caixaImatgeNosaltres'>
<p class="own-textHoverImage">BAKUR</p>
<img class='own-imatgeNosaltres' src='imatges/03.jpg' />
</a>
<a href='agenda.html' class='own-caixaImatgeNosaltres'>
<p class="own-textHoverImage">AGENDA</p>
<img class='own-imatgeNosaltres' src='imatges/04.jpg' />
</a>
</div>
</div>
<div class='own-rightBox'>
<a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
<img class='own-socialNetwork' src='icones/i_vk.png'/>Verkami
</a>
<a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
<img class='own-socialNetwork' src='icones/i_teaser.png' />Teaser
</a>
</div>
</div>
</div>
</div><!-- /container -->
<div id='HTMLfooter'>
<div class='own-footer'>
<div class='own-caixaFooter'>
<h4>Contacte</h4><br>
<a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
contacta@ivardia.org</a>
<a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
<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>
<a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
<a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
</div>
<div class='own-caixaFooter'>
<h4>Enllaços</h4><br>
<a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
<a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
<a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
</div>
<div class='own-caixaFooter'>
<h4>Xarxes socials</h4><br>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>