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 - Projecte</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='OnLoadDefault();'>
24  <div class='container'>
25      <div id='HTMLmenu'></div>
26      <img class='own-imgHeader' src='imatges/header1.png' />
27
28
29      <div id='desplegable' class='own-desplegableAmagat'>
30        <h3>El nostre projecte, un viatge a Bakur</h3>
31        El 19 d’octubre de 2015 vam decidir viatjar al Kurdistan amb unes motxilles plenes de càmeres, micros, llibretes, pors i esperances. Feia mesos que gestàvem la idea. D’ençà que havíem descobert el moviment kurd seguíem amb interès i admiració tant la seva resistència com la seva proposta política: un sistema basat en el municipalisme, l’ecologia social i l’alliberament de la dona, tot això alimentat per un poble lluitador, crític i solidari.
32      </div>
33      <div class='own-nosaltresContent'>
34        <div class='own-linksLeft'>
35          <a href="projecte.html">PROJECTE</a>
36          <a href='bakur.html'>BAKUR</a>
37          <a class='own-orange' href='agenda.html'>AGENDA</a>
38        </div>
39
40        <div class='own-projecteText'>
41          <h3>Agenda</h3>
42          <div class='own-agendaData'>18 Juny:</div>
43          <div class='own-agendaTitol'>Presentació del projecte i estrena del teaser</div>
44          <div class='own-agendaContent'>
45            Presentació del projecte i estrena del teaser a la Mostra de cinema documental sobre el Kurdistan.<br>
46            <a href='https://www.facebook.com/events/1150811931635590/' target='_blank'>
47              Esdeveniment
48            </a>
49          </div>
50
51          </div>
52        <div class='own-rightBox'>
53          <a href="javascript:OnClickCampanyesDeSuport();" onmouseover="this.childNodes[1].src='icones/i_campanyessuport_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_campanyessuport.png'">
54            <img class='own-socialNetwork' src='icones/i_campanyessuport.png' />   Campanyes de suport
55          </a>
56          <a href="#" onmouseover="this.childNodes[1].src='icones/i_articles_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_articles.png'">
57            <img class='own-socialNetwork' src='icones/i_articles.png' />   Artícles
58          </a>
59          <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
60            <img class='own-socialNetwork' src='icones/i_teaser.png' />   Vídeo
61          </a>
62        </div>
63      </div>
64</div><!-- /container -->
65      <div id='HTMLfooter'></div>
66
67
68
69
70
71
72
73
74    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
75    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
76    <!-- Include all compiled plugins (below), or include individual files as needed -->
77    <script src="js/bootstrap.min.js"></script>
78  </body>
79</html>