Vés al contingut (premeu Retorn)

Pla92_v2.html

text/html Pla92_v2.html — 30 KB

Continguts del fitxer

<!DOCTYPE html>
<html>
<title>25 anys del Pla 92</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: "Lato", sans-serif;
  }

  body,
  html {
    height: 100%;
    color: #777;
    line-height: 1.8;
  }

  /* Create a Parallax Effect */

  .bgimg-1,
  .bgimg-2,
  .bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  /* First paallax image (Logo. Full height) */

  .bgimg-1 {
    background-image: url('https://etsetb.upc.edu/ca/shared/alumni/pla92/caixa.png');
    min-height: 100%;
  }

  /* Second parallax image (Portfolio) */

  .bgimg-2 {
    background-image: url("https://etsetb.upc.edu/ca/shared/alumni/pla92/old_etsetb.jpg");
    min-height: 400px;
  }

  /* Third parallax image (Contact) */

  .bgimg-3 {
    background-image: url("https://etsetb.upc.edu/ca/shared/alumni/pla92/third_parallax.jpg");
    min-height: 400px;
  }

  .w3-wide {
    letter-spacing: 10px;
  }

  .w3-hover-opacity {
    cursor: pointer;
  }

  /* Turn off parallax scrolling for tablets and phones */

  @media only screen and (max-device-width: 1024px) {
    .bgimg-1,
    .bgimg-2,
    .bgimg-3 {
      background-attachment: scroll;
    }
  }

  .mySlides {
    display: none;
  }

  /* Slideshow container */
  .slideshow-container {
    max-width: 650px;
    position: relative;
    margin: auto;
  }

  /* Next & previous buttons */
  .prev, .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
  }

  /* Position the "next button" to the right */
  .next {
    right: 0;
    border-radius: 3px 0 0 3px;
  }

  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
    background-color: rgba(0,0,0,0.8);
  }

  /* Caption text */
  .text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
  }

  /* Number text (1/3 etc) */
  .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
  }

  /* The dots/bullets/indicators */
  .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
  }

  .active, .dot:hover {
    background-color: #717171;
  }

  /* Fading animation */
  .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
  }

  @-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

  @keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
  }

</style>

<body>

  <!-- Navbar (sit on top) -->
  <div class="w3-top">
    <div class="w3-bar" id="myNavbar">
      <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
      <i class="fa fa-bars"></i>
    </a>
      <a href="#home" class="w3-bar-item w3-button">HOME</a>
      <a href="#about" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-user"></i> LA FESTA</a>
      <a href="#portfolio" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-th"></i> FOTOS</a>
      <a href="#contact" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-envelope"></i> CONTACTE</a>
      <a href="#" class="w3-bar-item w3-button w3-hide-small w3-right w3-hover-red">
      <i class="fa fa-search"></i>
    </a>
    </div>

    <!-- Navbar on small screens -->
    <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
      <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">LA FESTA</a>
      <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">FOTOS</a>
      <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACTE</a>
      <a href="#" class="w3-bar-item w3-button">SEARCH</a>
    </div>
  </div>

  <!-- First Parallax Image with Logo Text -->
  <div class="bgimg-1 w3-display-container w3-opacity-min" id="home">
    <div class="w3-display-middle w3-hide-small w3-hide-medium" style="white-space:nowrap;">
      <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">Festa 25è aniversari del Pla 92 de l'ETSETB</span>
    </div>
    <div class="w3-display-middle w3-hide-large w3-center" style="white-space:nowrap;">
      <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">25è aniversari</span><br>
      <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">del Pla 92</span>
    </div>
  </div>

  <!-- Container (About Section) -->
  <div class="w3-content w3-container w3-padding-64" id="about">
    <h3 class="w3-center">LA FESTA</h3>
    <p class="w3-center"><em>25 anys del Pla 92</em></p>
    <p>No ho sembla, però sí, ja fa 25 anys de l'inici del Pla-92. <br/> Aquest pla d'estudis va suposar un gran canvi estructural i de renovació a l'Escola. Coincidint que aquest Pla-92 s'havia extingit aquest darrer curs, i, per tant, celebrant una vigència
      de 25 anys, des de l'Escola vam voler aprofitar aquesta oportunitat per tornar-nos a veure el passat 1 de juny i mostrar-vos com havia canviat (o no!) l'Escola des que vàreu compartir tots aquells anys amb nosaltres. Vam fer la crida a les promocions
      95/96, 96/97 i 97/98, i tots plegats vàrem compartir una tarda inoblidable amb el retrobament de més de 200 antics companys, companyes i docents.</p>
      <p>En ells següents enllaços podeu consultar els escrits del <a href="https://etsetb.upc.edu/ca/shared/alumni/pla92/m_codina_telecos_pla_92.pdf">Miquel Codina</a> i la <a href="https://etsetb.upc.edu/ca/shared/alumni/pla92/montse_targarona_pla_92.pdf">Montse Tarragona</a>.</p>
    <div class="w3-center w3-mobile">
      <iframe width="560" height="315" src="https://www.youtube.com/embed/SsiWGzWPrZg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
    </div>
  </div>

  <div class="w3-row w3-center w3-dark-grey w3-padding-16">
    <div class="w3-content w3-section">
      <span class="w3-xlarge">200+</span><br> Assistents
    </div>
  </div>

  <!-- Second Parallax Image with Portfolio Text -->
  <div class="bgimg-2 w3-display-container w3-opacity-min">
    <div class="w3-display-middle">
      <span class="w3-xxlarge w3-text-white w3-wide">LES FOTOS</span>
    </div>
  </div>

  <!-- Container (Portfolio Section) -->
  <div class="w3-content w3-container w3-padding-64" id="portfolio">
    <h3 class="w3-center">Fotografies de la festa</h3>
    <p class="w3-center"><em>Durant el transcurs de la vetllada, Jordi Pareto va estar a càrrec d'immortalitzar l'esdeveniment.<br>
    Si vols descarregar-te totes les fotografies de l'acte amb alta qualitat, fes clic <a href="https://drive.google.com/open?id=14q9CPlPEueOkcby1pFSp8xZMYEc7JiL8">aquí</a>.</em></p><br>
    <!-- Slider -->
    <div class="w3-content w3-section slideshow-container" style="max-width:650px">
      <!-- imatges -->
      <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/0.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/1.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/2.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/3.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/4.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/5.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/6.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/7.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/8.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/9.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/10.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/11.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/12.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/13.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/14.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/15.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/16.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/17.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/18.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/19.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/20.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/21.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/22.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/23.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/24.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/25.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/26.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/27.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/28.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/29.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/30.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/31.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/32.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/33.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/34.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/35.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/36.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/37.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/38.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/39.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/40.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/41.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/42.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/43.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/44.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/45.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/46.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/47.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/48.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/49.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/50.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/51.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/52.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/53.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/54.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/55.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/56.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/57.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/58.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/59.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/60.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/61.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/62.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/63.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/64.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/65.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/66.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/67.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/68.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/69.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/70.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/71.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/72.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/73.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/74.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/75.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/76.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/77.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/78.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/79.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/80.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/81.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/82.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/83.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/84.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/85.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/86.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/87.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/88.jpg" style="width:100%">
        <!--<img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/89.jpg" style="width:100%">-->
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/90.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/91.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/92.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/93.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/94.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/95.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/96.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/97.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/98.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/99.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/100.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/101.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/102.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/103.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/104.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/105.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/106.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/107.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/108.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/109.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/110.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/111.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/112.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/113.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/114.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/115.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/116.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/117.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/118.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/119.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/120.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/121.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/122.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/123.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/124.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/125.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/126.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/127.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/128.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/129.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/130.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/131.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/132.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/133.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/134.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/135.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/136.jpg" style="width:100%">
        <img class="mySlides fade" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/fotos_slider/137.jpg" style="width:100%">
      <!-- fin imatges -->
      <a class="prev" onclick="prev()">&#10094;</a>
      <a class="next" onclick="next()">&#10095;</a>
    </div>

    <script>
      var myIndex = 0;
      carousel();

      function prev(){
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i < x.length; i++) {
          x[i].style.display = "none";
        }
        myIndex--;
        if (myIndex < 1) {
          myIndex = x.length;
        }
        x[myIndex - 1].style.display = "block";
      }

      function next(){
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i < x.length; i++) {
          x[i].style.display = "none";
        }
        myIndex++;
        if (myIndex > x.length) {
          myIndex = 1
        }
        x[myIndex - 1].style.display = "block";
      }

      function carousel() {
        var i;
        var x = document.getElementsByClassName("mySlides");
        for (i = 0; i < x.length; i++) {
          x[i].style.display = "none";
        }
        myIndex++;
        if (myIndex > x.length) {
          myIndex = 1
        }
        x[myIndex - 1].style.display = "block";
        setTimeout(carousel, 4000); // Change image every 4 seconds
      }
    </script>
    <!-- Fin Slider -->
  </div>

  <!-- Modal for full size images on click -->
  <div id="modal01" class="w3-modal w3-black" onclick="this.style.display='none'">
    <span class="w3-button w3-large w3-black w3-display-topright" title="Close Modal Image"><i class="fa fa-remove"></i></span>
    <div class="w3-modal-content w3-animate-zoom w3-center w3-transparent w3-padding-64">
      <img id="img01" class="w3-image">
      <p id="caption" class="w3-opacity w3-large"></p>
    </div>
  </div>

  <!-- Third Parallax Image with Portfolio Text -->
  <div class="bgimg-3 w3-display-container w3-opacity-min">
    <div class="w3-display-middle">
      <span class="w3-xxlarge w3-text-white w3-wide">CONTACTE</span>
    </div>
  </div>

  <!-- Container (Contact Section) -->
  <div class="w3-content w3-container w3-padding-64" id="contact">
    <h3 class="w3-center">CONTACTE</h3>
    <p class="w3-center"><em>Per a qualsevol dubte o consulta adreçeu-vos a:</em></p>

    <div class="w3-row w3-padding-32 w3-section">
      <div class="w3-col m8 w3-panel">
          <p>Rosa Maria Elmeua Navarro</p>
          <i class="fa fa-map-marker fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> EDIFICI B3, DIRECCIÓ-PLANTA 2, C. JORDI GIRONA, 1-3. BARCELONA<br>
          <i class="fa fa-phone fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> 93 401 68 32<br>
          <i class="fa fa-envelope fa-fw w3-hover-text-black w3-xlarge w3-margin-right"></i> Email: relmeua@etsetb.upc.edu <br>
      </div>
    </div>
  </div>

  <!-- Esponsors -->
  <div class="w3-content w3-container w3-padding-32">
    <h3 class="w3-center">ESPÒNSORS</h3>
    <p class="w3-center"><em>Aquesta festa ha estat possible gràcies a:</em></p>
    <div class="w3-row">
      <div class="w3-container w3-half w3-center">
        <img class="w3-image" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/collegienginy.png" width="260">
      </div>
      <div class="w3-container w3-half w3-center">
        <img class="w3-image" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/telecos-cat.jpg">
      </div>
    </div>
    <div class="w3-row">
      <div class="w3-container w3-col w3-center">
        <img class="w3-image" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/seat-logo.png" width="150">
      </div>
    </div>
    <div class="w3-row">
      <div class="w3-container w3-half w3-center">
        <img class="w3-image" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/upcalumni.png" width="200">
      </div>
      <div class="w3-container w3-half w3-center">
        <img class="w3-image" src="https://etsetb.upc.edu/ca/shared/alumni/pla92/xarxatelecos.png" width="70">
      </div>
    </div>
  </div>


  <!-- Footer -->
  <footer class="w3-center w3-black w3-padding-64 w3-opacity w3-hover-opacity-off">
    <a href="#home" class="w3-button w3-light-grey"><i class="fa fa-arrow-up w3-margin-right"></i>To the top</a>
    <!-- <div class="w3-xlarge w3-section">
      <i class="fa fa-facebook-official w3-hover-opacity"></i>
      <i class="fa fa-instagram w3-hover-opacity"></i>
      <i class="fa fa-snapchat w3-hover-opacity"></i>
      <i class="fa fa-pinterest-p w3-hover-opacity"></i>
      <i class="fa fa-twitter w3-hover-opacity"></i>
      <i class="fa fa-linkedin w3-hover-opacity"></i>
    </div>
    <p>Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-text-green">w3.css</a></p> -->
  </footer>

  <script>
    // Modal Image Gallery
    function onClick(element) {
      document.getElementById("img01").src = element.src;
      document.getElementById("modal01").style.display = "block";
      var captionText = document.getElementById("caption");
      captionText.innerHTML = element.alt;
    }

    // Change style of navbar on scroll
    window.onscroll = function() {
      myFunction()
    };

    function myFunction() {
      var navbar = document.getElementById("myNavbar");
      if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
        navbar.className = "w3-bar" + " w3-card" + " w3-animate-top" + " w3-white";
      } else {
        navbar.className = navbar.className.replace(" w3-card w3-animate-top w3-white", "");
      }
    }

    // Used to toggle the menu on small screens when clicking on the menu button
    function toggleFunction() {
      var x = document.getElementById("navDemo");
      if (x.className.indexOf("w3-show") == -1) {
        x.className += " w3-show";
      } else {
        x.className = x.className.replace(" w3-show", "");
      }
    }
  </script>
  <!--
To use this code on your website, get a free API key from Google.
Read more at: https://www.w3schools.com/graphics/google_maps_basic.asp
-->

</body>

</html>