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
10
11
12
13
14
15    <!-- Bootstrap -->
16    <link href="css/bootstrap.min.css" rel="stylesheet">
17
18    <link href="own.css" rel="stylesheet">
19    <script src="index.js"></script>
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='OnLoadIndex();'>
29      <div class='own-container'>
30        <div id='telgris' class='own-telgris'></div>
31        <img id='backgroundImage1' class='own-indexBackgroundImage opacity0' src='imatges/background/background2.jpg' />
32        <img id='backgroundImage0' class='own-indexBackgroundImage' src='imatges/background/background2.jpg' />
33<br><br><br><br><br><br><br><br><br>
34        <div class='own-mainTitleBox' style='margin-top: 80px;'>
35          <div class='own-mainTitle'>El Sol del Nord</div>
36          <div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
37          <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>
38        </div>
39
40        <div class='own-teaser' style='margin-top:-60px;'>
41          <a href="https://vimeo.com/171291700" target="_blank">#elsoldelnord</a><br><br>
42          <a href="https://vimeo.com/171291700" target="_blank">@ivardiaProd</a><br><br>
43          <a href="https://vimeo.com/171291700" target="_blank">ivardia.org</a>
44        </div>
45      </div>
46
47      <div class='temp-marge1'>-</div>
48      <div class='own-whiteOverImage'>
49        <div class='own-caixaDescripcioIndex'>
50          <b>Ivardia Produccions</b> és un col·lectiu audiovisual que neix per explicar
51           històries de forma autònoma i independent.
52        </div>
53        <div class='own-caixaImatgesIndex'>
54          <a href='projecte.html' class='own-caixaImatgeIndex'>
55          <p class="own-textHoverImage">PROJECTE</p>
56            <img class='own-imatgeIndex' src='imatges/02.jpg' />
57          </a>
58          <a href='bakur.html' class='own-caixaImatgeIndex'>
59            <p class="own-textHoverImage">BAKUR</p>
60            <img class='own-imatgeIndex' src='imatges/03.jpg' />
61          </a>
62          <a href='agenda.html' class='own-caixaImatgeIndex'>
63          <p class="own-textHoverImage">AGENDA</p>
64            <img class='own-imatgeIndex' src='imatges/04.jpg' />
65          </a>
66        </div>
67      </div>
68      <div id='HTMLfooter'>
69        <div class='own-footer'>
70          <div class='own-caixaFooter'>
71            <h4>Contacte</h4><br>
72            <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
73            contacte@ivardia.org</a>
74            <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
75
76            <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>
77            <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
78            <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
79
80            </div>
81          <div class='own-caixaFooter'>
82            <h4>Enllaços</h4><br>
83            <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
84            <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
85            <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
86          </div>
87          <div class='own-caixaFooter'>
88            <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>
89          </div>
90        </div>
91      </div>
92    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
93    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
94    <!-- Include all compiled plugins (below), or include individual files as needed -->
95    <script src="js/bootstrap.min.js"></script>
96  </body>
97</html>