arnaucube
arnaucube/ivardiawebPublic Self-hosted repository
ivardiaweb/es/index.html
es/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='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
 27        <img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
 28        <div class='own-lang own-whiteText'>
 29          <a href="#">CAT</a>
 30          <a href='#'>CAST</a>
 31          <a href='#'>ENG</a>
 32        </div>
 33        <div id='menu' class='own-menu'>
 34          <!--<a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
 35          -->
 36          <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
 37          <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
 38          <div id='menuButtons' class='own-menuButtons own-whiteText'>
 39            <a href="#">Inici</a>
 40            <a href='nosaltres.html'>Nosaltres</a>
 41            <a href='#'>Contacte</a>
 42          </div>
 43        </div>
 44        <div class='own-mainTitleBox'>
 45          <div class='own-mainTitle'>El Sol del Nord</div>
 46          <div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
 47          <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>
 48        </div>
 49        <div class='own-socialNetworks'>
 50          <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook.png' /><a>
 51          <a href="https://twitter.com/ivardiaprod" target="_blank"><img class='own-socialNetwork' src='icones/i_twitter.png' /></a>
 52          <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
 53        </div>
 54        <div class='own-teaser'>
 55          <img class='own-socialNetwork' src='icones/i_play.png' />TRÀILER
 56        </div>
 57      </div>
 58      <div class='temp-marge1'>-</div>
 59      <div class='own-whiteOverImage'>
 60        <div class='own-caixaDescripcioIndex'>
 61          <b>Ivardia Produccions</b> és un col·lectiu audiovisual que neix per explicar
 62           històries de forma autònoma i independent.
 63        </div>
 64        <div class='own-caixaImatgesIndex'>
 65          <a href='projecte.html' class='own-caixaImatgeIndex'>
 66          <p class="own-textHoverImage">PROJECTE</p>
 67            <img class='own-imatgeIndex' src='imatges/02.jpg' />
 68          </a>
 69          <a href='bakur.html' class='own-caixaImatgeIndex'>
 70            <p class="own-textHoverImage">BAKUR</p>
 71            <img class='own-imatgeIndex' src='imatges/03.jpg' />
 72          </a>
 73          <a href='agenda.html' class='own-caixaImatgeIndex'>
 74          <p class="own-textHoverImage">AGENDA</p>
 75            <img class='own-imatgeIndex' src='imatges/04.jpg' />
 76          </a>
 77        </div>
 78      </div>
 79      <div id='HTMLfooter'>
 80        <div class='own-footer'>
 81          <div class='own-caixaFooter'>
 82            <h4>Contacte</h4><br>
 83            <a href="javascript: alert('Ens trobaràs a: contacta@ivardia.org');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_mail_taronja.png' />
 84            contacte@ivardia.org</a>
 85            <a href="javascript: alert('661150764');"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_telefon.png' />661150764</a>
 86
 87            <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>
 88            <a href="https://twitter.com/ivardiaprod" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_twitter_taronja.png' /></a>
 89            <a href="https://vimeo.com/ivardiaproduccions" target="_blank" class="own-inlineBlock"><img class='own-socialNetwork' src='icones/i_vimeo_taronja.png' /></a>
 90
 91            </div>
 92          <div class='own-caixaFooter'>
 93            <h4>Enllaços</h4><br>
 94            <a href="https://azadiplataforma.wordpress.com/" target="_blank">Azadî Plataforma</a>
 95            <a href="https://rojavaazadimadrid.wordpress.com/" target="_blank">Rojava Azadî Madrid</a>
 96            <a href="http://kurdishquestion.com/" target="_blank">Kurdish Question</a>
 97          </div>
 98          <div class='own-caixaFooter'>
 99            <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>
100          </div>
101        </div>
102      </div>
103
104
105
106
107
108
109
110
111    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
112    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
113    <!-- Include all compiled plugins (below), or include individual files as needed -->
114    <script src="js/bootstrap.min.js"></script>
115  </body>
116</html>