ivardiaweb/nosaltres.html
nosaltres.htmlRaw
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
10 <!-- Bootstrap -->
11 <link href="css/bootstrap.min.css" rel="stylesheet">
12
13 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
14 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
15 <!-- Include all compiled plugins (below), or include individual files as needed -->
16 <script src="js/bootstrap.min.js"></script>
17
18
19 <link href="own.css" rel="stylesheet">
20
21 <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
22 <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
23 <!--[if lt IE 9]>
24 <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
25 <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
26 <![endif]-->
27 </head>
28 <body onload='OnLoadNosaltres();'>
29 <div id='HTMLmenu'>
30 <div class='own-lang'>
31 <a href="http://www.ivardia.org" class='own-bold'>CAT</a>
32 <a href='http://www.ivardia.org/es'>CAST</a>
33 </div>
34 <div id='menu' class='own-menu'>
35 <a href='index.html'><img id='logoIvardia' class='own-overImage-logo' src='imatges/ivardialogo_invert_transparent.png' /></a>
36 <div class='own-showMenuButton' onclick='ShowMenuButtons()'>Menu</div>
37 <div id='menuButtons' class='own-menuButtons'>
38 <a href="index.html">Inici</a>
39 <a href='nosaltres.html'>Nosaltres</a>
40 <a href='contacte.html'>Contacte</a>
41 </div>
42 </div>
43 </div>
44 <div class='container'>
45 <br>
46 <div class='own-nosaltresContent'>
47 <div class='own-nosaltresTitle'>Nosaltres</div>
48 <br>
49 <div class='own-textBoxLeft'>
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 </div>
52
53 <div class='own-nosaltresCenterRight'>
54 <img class='own-imgTopText' src='imatges/fotoNosaltres.jpg' />
55 <div class='own-nosaltresText'>
56 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.
57<br><br>
58 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.
59
60
61 <div class='own-caixaImatgesNosaltres'>
62 <a href='projecte.html' class='own-caixaImatgeNosaltres'>
63 <p class="own-textHoverImage">PROJECTE</p>
64 <img class='own-imatgeNosaltres' src='imatges/02.jpg' />
65 </a>
66 <a href='bakur.html' class='own-caixaImatgeNosaltres'>
67 <p class="own-textHoverImage">BAKUR</p>
68 <img class='own-imatgeNosaltres' src='imatges/03.jpg' />
69 </a>
70 <a href='agenda.html' class='own-caixaImatgeNosaltres'>
71 <p class="own-textHoverImage">AGENDA</p>
72 <img class='own-imatgeNosaltres' src='imatges/04.jpg' />
73 </a>
74 </div>
75
76
77 </div>
78 <div class='own-rightBox'>
79 <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
80 <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>
81 </a>
82 <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
83 <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_teaser.png' />Tràiler</a>
84 </a>
85 </div>
86
87
88
89 </div>
90 </div>
91</div><!-- /container -->
92 <div id='HTMLfooter'>
93 <div class='own-footer'>
94 <div class='own-caixaFooter'>
95 <h4>Contacte</h4><br>
96 <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
97 contacte@ivardia.org</a>
98 <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
99
100 <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>
101 <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
102 <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
103
104 </div>
105 <div class='own-caixaFooter'>
106 <h4>Enllaços</h4><br>
107 <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
108 <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
109 <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
110 </div>
111 <div class='own-caixaFooter'>
112 <div class='own-caixaFooter'>
113 <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>
114 </div>
115 </div>
116 </div>
117 </div>
118
119
120
121
122
123
124
125
126
127
128 <script src="index.js"></script>
129 </body>
130</html>