materilas2

02/09/2020 Roberta Bertoldi
Name
materilas2
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>Matériaux</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/materials2/168502-1-eng-GB/materials2.png" alt="Matériaux" 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/fre/Resources-for-Journalists#ancora1">Des articles, des vidéos et des jeux de données qui offrent un aperçu et une inspiration sur de nombreuses questions européennes</a></p>


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


<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Outils</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/tools2/168513-3-eng-GB/tools2.png" alt="Outils" 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/fre/Resources-for-Journalists#ancora2">Des applications, des catalogues et des modèles qui permettent aux journalistes d'utiliser plus facilement les données, même avec des compétences limitées</a></p>


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



<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Prestations de service </h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/services/168524-1-eng-GB/services.png" alt="Prestations de service" 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/fre/Resources-for-Journalists#ancora3">Les services sur mesure que nous offrons aux journalistes, notamment l'assistance, le B2B et les partenariats</a></p>


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

<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Insights</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/insight/168529-1-eng-GB/insight.png" alt="Insights" 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/fre/Resources-for-Journalists#ancora4">Les choses que nous avons apprises et les connaissances que nous avons partagées lors de webinaires, de conférences et de panels</a></p>


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

</body>
</html>
Objets associés (0)
L'élément actuellement affiché n'utilise aucun autre objet.
Objets associés par relation inverse (1) Classe Type de relation
Ressources pour les journalistes Folder Flottante