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        <img id='backgroundImage0' class='own-indexBackgroundImage' src='imatges/mainBackground.jpg' />
26        <img id='backgroundImage1' class='own-indexBackgroundImage opacity0' src='imatges/background/background0.jpg' />
27        <div class='own-lang own-whiteText'>
28          <a href="#">CAT</a>
29          <a href='#'>CAST</a>
30          <a href='#'>ENG</a>
31        </div>
32        <div class='own-menu'>
33          <a href='index.html'><img class='own-overImage-logo' src='imatges/ivardialogo_transparent.png' /></a>
34          <div class='own-menuButtons own-whiteText'>
35            <a href="#">Inici</a>
36            <a href='nosaltres.html'>Nosaltres</a>
37            <a href='#'>Contacte</a>
38          </div>
39        </div>
40        <div class='own-mainTitleBox'>
41          <div class='own-mainTitle'>El Sol del Nord</div>
42          <div class='own-subTitle'>-construint l'autonomia a Bakur-</div>
43          <img class='own-verkami' src='botons/b_verkami.png' />
44        </div>
45        <div class='own-socialNetworks'>
46          <a href="https://www.facebook.com/ivardiaproduccions/" target="_blank"><img class='own-socialNetwork own-socialNetwork-facebookMargin' src='icones/i_facebook.png' /><a>
47          <a href="https://twitter.com/ivardiaprod" target="_blank"><img class='own-socialNetwork' src='icones/i_twitter.png' /></a>
48          <a href="https://vimeo.com/ivardiaproduccions" target="_blank"><img class='own-socialNetwork' src='icones/i_vimeo.png' /></a>
49        </div>
50        <div class='own-teaser'>
51          <img class='own-socialNetwork' src='icones/i_play.png' />TEASER
52        </div>
53      </div>
54      <div class='temp-marge1'>-</div>
55      <div class='own-whiteOverImage'>
56        <div class='own-caixaDescripcioIndex'>
57          <b>Ivardia Produccions</b> es un col·lectiu audiovisual que neix per explicar
58           històries de forma autònoma i independent.
59        </div>
60        <div class='own-caixaImatgesIndex'>
61          <a href='projecte.html' class='own-caixaImatgeIndex'>
62          <p class="own-textHoverImage">PROJECTE</p>
63            <img class='own-imatgeIndex' src='imatges/02.jpg' />
64          </a>
65          <a href='bakur.html' class='own-caixaImatgeIndex'>
66            <p class="own-textHoverImage">BAKUR</p>
67            <img class='own-imatgeIndex' src='imatges/03.jpg' />
68          </a>
69          <a href='agenda.html' class='own-caixaImatgeIndex'>
70          <p class="own-textHoverImage">AGENDA</p>
71            <img class='own-imatgeIndex' src='imatges/04.jpg' />
72          </a>
73        </div>
74      </div>
75      <div id='HTMLfooter'></div>
76
77
78
79
80
81
82
83
84    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
85    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
86    <!-- Include all compiled plugins (below), or include individual files as needed -->
87    <script src="js/bootstrap.min.js"></script>
88  </body>
89</html>