materials2

02/09/2020 Roberta Bertoldi
Name
materials2
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>Υλικά</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/materials2/168502-1-eng-GB/materials2.png" alt="Υλικά" 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/ell/Resources-for-Journalists#ancora1">Άρθρα, βίντεο και βάσεις δεδομένων που παρέχουν πληροφορίες και έμπνευση πάνω σε πολλά ευρωπαϊκά θέματα</a></p>


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


<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Εργαλεία</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/tools2/168513-3-eng-GB/tools2.png" alt="Εργαλεία" 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/ell/Resources-for-Journalists#ancora2">Εφαρμογές, κατάλογοι και πρότυπα (templates) που βοηθούν τους δημοσιογράφους να χρησιμοποιήσουν δεδομένα ακόμα και αν κατέχουν βασικές γνώσεις</a></p>


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



<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Υπηρεσίες</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/services/168524-1-eng-GB/services.png" alt="Υπηρεσίες" 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/ell/Resources-for-Journalists#ancora3">Παρέχουμε προσαρμοσμένες υπηρεσίες σε κάθε δημοσιογράφο, υπηρεσίες που περιλαμβάνουν βοήθεια, B2B και συνεργασίες</a></p>


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

<div class="flip-card" style="float:left;">
<div class="flip-card-inner">
<div class="flip-card-front">
<h3>Πληροφορίες</h3>
<img src="https://www.europeandatajournalism.eu/var/ezdemo_site/storage/images/media/images/insight/168529-1-eng-GB/insight.png" alt="Πληροφορίες" 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/ell/Resources-for-Journalists#ancora4">Πράγματα που έχουμε μάθεις και γνώση που έχουμε μοιράσει σε webinars, διαλέξεις και πάνελ.</a></p>


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

</body>
</html>
Σχετιζόμενα αντικείμενα (0)
Το εμφανιζόμενο στοιχείο δεν χρησιμοποιεί οποιοδήποτε άλλα αντικείμενα.
Αντίστροφα συσχετιζόμενα αντικείμενα (1) Κλάση Τύπος συσχέτισης
Εργαλεία για δημοσιογράφους Folder Ενσωματωμένο