materilas2

2020/02/09 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>Materiais</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/materials2/168502-1-eng-GB/materials2.png" alt="Materiais" 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/por/Resources-for-Journalists#ancora1">Artigos, vídeos, e conjuntos de dados que fornecem insights e inspiração sobre muitas questões europeias</a></p>


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


<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Ferramentas</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/tools2/168513-3-eng-GB/tools2.png" alt="Ferramentas" 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/por/Resources-for-Journalists#ancora2">Apps, catálogos e modelos que facilitam a utilização de dados por parte dos jornalistas, mesmo com competências limitadas</a></p>


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



<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Serviços </h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/services/168524-1-eng-GB/services.png" alt="Serviços" 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/por/Resources-for-Journalists#ancora3">Serviços personalizados que oferecemos aos jornalistas, incluindo assistência, B2B e parcerias</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/por/Resources-for-Journalists#ancora4">Coisas que aprendemos, e conhecimentos que partilhámos em webinars, palestras e painéis</a></p>


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

</body>
</html>
Objetos relacionados (0)
O item visualizado não utiliza nenhum outro objeto.
Objetos relacionados ao inverso (1) Tipo de conteúdo Tipo de relacionamento
Recursos para jornalistas Folder Incorporado