ivardiaweb/index.html
index.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</title>
9
10 <!-- Bootstrap -->
11 <link href="css/bootstrap.min.css" rel="stylesheet">
12
13 <link href="own.css" rel="stylesheet">
14 <script src="index.js"></script>
15
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='OnLoadIndex();'>
24 <div class='own-container'>
25 <div id='telgris' class='own-telgris'></div>
26 <img id='backgroundImage1' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
27 <img id='backgroundImage0' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
28 <div class='own-lang own-whiteText own-lang_marginIndex'>
29 <a href="http://ivardia.org" class='own-bold'>CAT</a>
30 <a href='http://ivardia.org/es'>CAST</a>
31 </div>
32 <div id='menu' class='own-menu'>
33 <!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
34 -->
35 <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
36 <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
37 <div id='menuButtons' class='own-menuButtons own-whiteText own-menuButtons_Index'>
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 class='own-mainTitleBox'>
44 <div class='own-mainTitle'>El Sol del Nord</div>
45 <div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
46 <!--<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>-->
47 <br><br>
48 <a href="https://vimeo.com/171291700" style="font-weight:bold;font-size:18px;color:#ffffff;cursor:pointer;font-family:'got-light',sans-serif;" target="_blank"><img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER</a>
49 </div>
50 <div class='own-socialNetworks'>
51 <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook.png' /><a>
52 <a href="https://twitter.com/ivardiaprod" target="_blank"><img class='own-socialNetwork' src='icones/i_twitter.png' /></a>
53 <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
54 </div>
55 <div class='own-teaser'>
56 <!--<a href="https://vimeo.com/171291700" target="_blank"><img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER</a>-->
57 <br>
58 <a href='http://www.verkami.com/projects/15106-el-sol-del-nord-construint-lautonomia-a-bakur' target='_blank'>
59 VERKAMI
60 <p style="font-size:14px;text-align:right;">-finalitzat</p>
61 </a>
62 </div>
63 </div>
64 <div class='temp-marge1'>-</div>
65 <div class='own-whiteOverImage'>
66 <div class='own-caixaDescripcioIndex'>
67 <b>Ivardia Produccions</b> és un col·lectiu audiovisual que neix per explicar
68 històries de forma autònoma i independent.
69 </div>
70 <div class='own-caixaImatgesIndex'>
71 <a href='projecte.html' class='own-caixaImatgeIndex'>
72 <p class="own-textHoverImage">PROJECTE</p>
73 <img class='own-imatgeIndex' src='imatges/02.jpg' />
74 </a>
75 <a href='bakur.html' class='own-caixaImatgeIndex'>
76 <p class="own-textHoverImage">BAKUR</p>
77 <img class='own-imatgeIndex' src='imatges/03.jpg' />
78 </a>
79 <a href='agenda.html' class='own-caixaImatgeIndex'>
80 <p class="own-textHoverImage">AGENDA</p>
81 <img class='own-imatgeIndex' src='imatges/04.jpg' />
82 </a>
83 </div>
84 </div>
85 <div id='HTMLfooter'>
86 <div class='own-footer'>
87 <div class='own-caixaFooter'>
88 <h4>Contacte</h4><br>
89 <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
90 contacte@ivardia.org</a>
91 <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>
92 <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
93 <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
94
95 </div>
96 <div class='own-caixaFooter'>
97 <h4>Enllaços</h4><br>
98 <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
99 <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
100 <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
101 </div>
102 <div class='own-caixaFooter'>
103 <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>
104 </div>
105 </div>
106 </div>
107
108
109
110 <script>
111 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
112 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
113 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
114 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
115
116 ga('create', 'UA-79512084-1', 'auto');
117 ga('send', 'pageview');
118
119 </script>
120
121
122
123
124 <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
125 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
126 <!-- Include all compiled plugins (below), or include individual files as needed -->
127 <script src="js/bootstrap.min.js"></script>
128 </body>
129</html>