Pla92_v2.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()">❮</a>
<a class="next" onclick="next()">❯</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>