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' 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          <img class='own-verkami' src='botons/b_verkami.png' />
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' />TEASER
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> es 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'></div>
80
81
82
83
84
85
86
87
88    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
89    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
90    <!-- Include all compiled plugins (below), or include individual files as needed -->
91    <script src="js/bootstrap.min.js"></script>
92  </body>
93</html>