arnaucube
/
ivardiaweb
mirror of https://github.com/arnaucube/ivardiaweb.git

<!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</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <link href="own.css" rel="stylesheet">
    <script src="index.js"></script>

    <!-- 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='OnLoadIndex();'>
      <div class='own-container'>
        <div id='telgris' class='own-telgris'></div>
        <img id='backgroundImage0' class='own-indexBackgroundImage opacity0' src='imatges/background/background1.jpg' />
        <img id='backgroundImage1' class='own-indexBackgroundImage' src='imatges/background/background0.jpg' />
        <div class='own-lang own-whiteText'>
          <a href="#">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_transparent.png' /></a>
          -->
          <a href='index.html'><img class='own-overImage-logo own-overImage-logo_index' src='imatges/IVARDIA_logo/LOGOTIPO/Logotipo_Blanco_72ppp.png' /></a>
          <div class='own-showMenuButton own-whiteText own-whiteRecuadre' onclick='ShowMenuButtonsIndex()'>Menu</div>
          <div id='menuButtons' class='own-menuButtons own-whiteText'>
            <a href="#">Inici</a>
            <a href='nosaltres.html'>Nosaltres</a>
            <a href='#'>Contacte</a>
          </div>
        </div>
        <div class='own-mainTitleBox'>
          <div class='own-mainTitle'>El Sol del Nord</div>
          <div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
          <img class='own-verkami' src='botons/b_verkami.png' />
        </div>
        <div class='own-socialNetworks'>
          <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook.png' /><a>
          <a href="https://twitter.com/ivardiaprod" target="_blank"><img class='own-socialNetwork' src='icones/i_twitter.png' /></a>
          <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
        </div>
        <div class='own-teaser'>
          <img class='own-socialNetwork' src='icones/i_play.png' />TEASER
        </div>
      </div>
      <div class='temp-marge1'>-</div>
      <div class='own-whiteOverImage'>
        <div class='own-caixaDescripcioIndex'>
          <b>Ivardia Produccions</b> es un col·lectiu audiovisual que neix per explicar
           històries de forma autònoma i independent.
        </div>
        <div class='own-caixaImatgesIndex'>
          <a href='projecte.html' class='own-caixaImatgeIndex'>
          <p class="own-textHoverImage">PROJECTE</p>
            <img class='own-imatgeIndex' src='imatges/02.jpg' />
          </a>
          <a href='bakur.html' class='own-caixaImatgeIndex'>
            <p class="own-textHoverImage">BAKUR</p>
            <img class='own-imatgeIndex' src='imatges/03.jpg' />
          </a>
          <a href='agenda.html' class='own-caixaImatgeIndex'>
          <p class="own-textHoverImage">AGENDA</p>
            <img class='own-imatgeIndex' src='imatges/04.jpg' />
          </a>
        </div>
      </div>
      <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>


    <!-- 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>
  </body>
</html>