Insert here a meaningful name

02/09/2020 Roberta Bertoldi
Name
Insert here a meaningful name
HTML code
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}

.flip-card {
background-color: transparent;
width: 250px;
height: 250px;
perspective: 1000px;
margin-right:20px;
}

.flip-card-inner {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.6s;
transform-style: preserve-3d;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

}

.flip-card:hover .flip-card-inner {
transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.flip-card-front {
background-color: #e7e7e7;
color: black;
}

.flip-card-back {
background-color: #bbb;
color: black;
transform: rotateY(180deg);
}
</style>
</head>
<body>

<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Material</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/materials2/168502-1-eng-GB/materials2.png" alt="Material" style="width:180px;height:180px; margin-top:5px;">
</div>
<div class="flip-card-back">
<p></p>
<p style="padding-top:40px;font-size:20px;"><a href="https://www.europeandatajournalism.eu/esl/Resources-for-Journalists#ancora1">Artículos, vídeos y conjuntos de datos que sirven de inspiración y brindan perspectivas sobre numerosasa cuestiones europeas</a></p>


</div>
</div>
</div>


<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Herramientas</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/tools2/168513-3-eng-GB/tools2.png" alt="Herramientas" style="width:180px;height:180px; margin-top:5px;">
</div>
<div class="flip-card-back">
<p></p>
<p style="padding-top:40px;font-size:20px;"><a href="https://www.europeandatajournalism.eu/esl/Resources-for-Journalists#ancora2">Aplicaciones, catálogos y plantillas para periodistas que facilitan el uso de los datos incluso si solo se cuenta con habilidades limitadas</a></p>


</div>
</div>
</div>



<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Servicios </h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/services/168524-1-eng-GB/services.png" alt="Servicios" style="width:180px;height:180px; margin-top:5px;">
</div>
<div class="flip-card-back">
<p></p>
<p style="padding-top:40px;font-size:20px;"><a href="https://www.europeandatajournalism.eu/esl/Resources-for-Journalists#ancora3">Servicios personalizados para periodistas, incluyendo asistencia, servicios entre empresas y asociaciones</a></p>


</div>
</div>
</div>

<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Perspectivas</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/insight/168529-1-eng-GB/insight.png" alt="Perspectivas" style="width:180px;height:180px; margin-top:5px;">
</div>
<div class="flip-card-back">
<p></p>
<p style="padding-top:40px;font-size:20px;"><a href="https://www.europeandatajournalism.eu/esl/Resources-for-Journalists#ancora4">Conocimientos adquiridos y compartidos en seminarios web, conferencias y paneles de discusión</a></p>


</div>
</div>
</div>
</div>
<div style="clear:both;"></div>

</body>
</html>
Objetos relacionados (0)
El elemento que estás viendo no usa ningún otro objeto.
Objetos que lo relacionan (1) Clase Tipo de relación
Recursos para periodistas Folder Incrustado