M index.html → index.html

@@ -62,11 +62,11 @@ <a href='projecte.html' class='own-caixaImatgeIndex'>
           <p class="own-textHoverImage">PROJECTE</p>
             <img class='own-imatgeIndex' src='imatges/02.jpg' />
           </a>
-          <a href='projecte.html' class='own-caixaImatgeIndex'>
+          <a href='bakur.html' class='own-caixaImatgeIndex'>
             <p class="own-textHoverImage">BAKUR</p>
             <img class='own-imatgeIndex' src='imatges/03.jpg' />
           </a>
-          <a href='projecte.html' class='own-caixaImatgeIndex'>
+          <a href='agenda.html' class='own-caixaImatgeIndex'>
           <p class="own-textHoverImage">AGENDA</p>
             <img class='own-imatgeIndex' src='imatges/04.jpg' />
           </a>

M index.js → index.js

@@ -10,7 +10,7 @@ $(document).ready(function(e) {
         $('#HTMLfooter').load('HTMLfooter.html',function(){
           //
         });
-      });
+    });
 }
 
 function OnLoadIndex(){

M nosaltres.html → nosaltres.html

@@ -10,8 +10,13 @@
     <!-- Bootstrap -->
     <link href="css/bootstrap.min.css" rel="stylesheet">
 
+    <!-- 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>
+
+
     <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:// -->
@@ -41,6 +46,23 @@ IVARDIA Produccions és un col·lectiu audiovisual que neix per donar resposta a una necessitat compartida dels seus integrants: explicar històries de forma autònoma i independent.
 <br><br>
             Davant la pràctica generalitzada de dinàmiques mediàtiques sensacionalistes i superficials, reivindiquem una manera de comunicar pausada i reflexiva. Trencar amb la manera de fer que, mitjançant el bombardeig d'imatges d'horror, normalitza realitats d'injustícia i desencadena reaccions de passivitat i indiferència. En un món accelerat, no tenim pressa. Busquem explicar històries amb la pausa que mereix una anàlisi conscient, crítica i reflexiva en pro d'un canvi social. Volem donar veu a realitats ignorades que parlen d'injustícia però també de solidaritat; de destrucció però també de creació d'alternatives, d'opressió però també de llibertat. Ens agradaria deixar de banda l'ego pel coneixement i acompanyar-nos entre nosaltres en un viatge molt més lent i poètic. Intentant que cada imatge tingui temps per parlar i que cada persona tingui temps per escoltar.
 
+
+            <div class='own-caixaImatgesNosaltres'>
+              <a href='projecte.html' class='own-caixaImatgeNosaltres'>
+              <p class="own-textHoverImage">PROJECTE</p>
+                <img class='own-imatgeNosaltres' src='imatges/02.jpg' />
+              </a>
+              <a href='bakur.html' class='own-caixaImatgeNosaltres'>
+                <p class="own-textHoverImage">BAKUR</p>
+                <img class='own-imatgeNosaltres' src='imatges/03.jpg' />
+              </a>
+              <a href='agenda.html' class='own-caixaImatgeNosaltres'>
+              <p class="own-textHoverImage">AGENDA</p>
+                <img class='own-imatgeNosaltres' src='imatges/04.jpg' />
+              </a>
+            </div>
+
+
           </div>
           <div class='own-rightBox'>
             <a href="#" onmouseover="this.childNodes[1].src='icones/i_vk_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_vk.png'">
@@ -50,6 +72,9 @@ <a href='#' onmouseover="this.childNodes[1].src='icones/i_teaser_taronja.png'" onmouseout="this.childNodes[1].src='icones/i_teaser.png'">
               <img class='own-socialNetwork' src='icones/i_teaser.png' />Teaser
             </a>
           </div>
+
+
+
         </div>
       </div>
 </div><!-- /container -->
@@ -62,9 +87,8 @@
 
 
 
-    <!-- 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>
+
+
+    <script src="index.js"></script>
   </body>
 </html>

M own.css → own.css

@@ -272,9 +272,10 @@ margin: 2%;
 }
 .own-imatgeIndex{
   /*display: inline-block;*/
-
   width: 210px;
 }
+
+
 .own-caixaImatgeIndex .own-textHoverImage{
   position: absolute;
   visibility: hidden;
@@ -294,6 +295,49 @@
 .own-caixaImatgeIndex:hover .own-textHoverImage{
   visibility:visible;
 }
+
+
+
+
+
+
+/* nosaltres apanyu */
+.own-caixaImatgesNosaltres{
+  margin-top: 50px;
+  width: 100%;
+  text-align: center;
+  padding-bottom: 100px;
+  font: normal 18px 'got-medium', sans-serif;
+}
+.own-caixaImatgeNosaltres{
+  display: inline-block;
+  margin: 2%;
+}
+.own-imatgeNosaltres{
+  /*display: inline-block;*/
+  width: 170px;
+}
+.own-caixaImatgeNosaltres .own-textHoverImage{
+  position: absolute;
+  visibility: hidden;
+  text-decoration: none;
+  /*display: inherit;*/
+  z-index: 1px;
+  background: rgba(200, 81, 39, 0.4);
+  color: #ffffff;
+  font-weight: bold;
+  font-size: 24px;
+  padding-top: 80px;
+  /*padding-left: 100px;*/
+  width: 170px;
+  height: 170px;
+}
+
+.own-caixaImatgeNosaltres:hover .own-textHoverImage{
+  visibility:visible;
+}
+/* fi nosaltres apanyu */
+
 /*  /index  */
 
 
@@ -425,6 +469,9 @@ text-align: left;
   vertical-align: top;
   padding: 10px;
   padding-bottom: 40px;
+}
+.own-projecteText h3{
+    font: normal 25px 'got-medium', sans-serif;
 }