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>Materiali</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/materials2/168502-1-eng-GB/materials2.png" alt="Materiali" 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/ita/Resources-for-Journalists#ancora1">
Articoli, video e dataset che forniscono spunti e ispirazione su molti temi europei
</a></p>


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


<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Strumenti</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/tools2/168513-3-eng-GB/tools2.png" alt="Strumenti" 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/ita/Resources-for-Journalists#ancora2">App, cataloghi e modelli che facilitano l'utilizzo dei dati da parte dei giornalisti, anche con competenze limitate</a></p>


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



<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Servizi </h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/services/168524-1-eng-GB/services.png" alt="Servizi" 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/ita/Resources-for-Journalists#ancora3">Servizi su misura offerti ai giornalisti, tra cui assistenza, B2B e partnership</a></p>


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

<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Approfondimenti</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/insight/168529-1-eng-GB/insight.png" alt="Approfondimenti" 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/ita/Resources-for-Journalists#ancora4">Cose che abbiamo imparato e conoscenze che abbiamo condiviso nei webinar, nelle conferenze e nei panel</a></p>


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

</body>
</html>
Oggetti correlati (0)
L'elemento visualizzato non fa uso di nessun altro oggetto.
Oggetti correlati inversi (1) Classe Tipo di relazione
Risorse per i giornalisti Folder Incluso