gallery
09.10.2019.
Roberta Bertoldi
- Name
-
gallery
- HTML code
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"
>
<html lang="en">
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
html {
box-sizing: border-box;
}
*, *:before, *:after {
box-sizing: inherit;
}
.column {
float: left;
width: 25%;
margin-bottom: 16px;
padding: 0 8px;
}
@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.container-r {
padding: 0 16px;
}
.container-r::after, .row::after {
content: "";
clear: both;
display: table;
}
.title {
color: grey;
font-size:13px;
padding-left:2px;
}
.button {
border: none;
outline: 0;
display: inline-block;
padding: 8px;
color: white;
background-color: #000;
text-align: center;
cursor: pointer;
}
.button:hover {
background-color: #a6ce39;
}
}
</style>
</head>
<body>
<h2>InfringEye’s dataviz</h2>
<p>Maps and charts highlighting some key aspects related to the EU infringement procedures. They can all be freely downloaded, embedded and reused. </p>
<br>
<div class="row">
<div class="column">
<div class="card"><p class="title" >Most recurrent policy area of ongoing cases</p>
<iframe src="https://embed.openpolis.it/numeri/most-recurrent-policy-area-of-ongoing-cases/?opmag-charts-bare-view" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="540px" allowfullscreen></iframe>
<div class="container-r">
<a href="https://www.openpolis.it/numeri/most-recurrent-policy-area-of-ongoing-cases/" target="_blank"> <p><button class="button">more info</button></p></a>
</div>
</div>
</div>
<div class="column">
<div class="card"><p class="title" >Actions for failure to fulfil obligations  </p>
<iframe src="https://embed.openpolis.it/numeri/actions-for-failure-to-fulfil-obligations/?opmag-charts-bare-view" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="540px" allowfullscreen></iframe>
<div class="container-r">
<a href="https://www.openpolis.it/numeri/actions-for-failure-to-fulfil-obligations/" target="_blank"> <p><button class="button">more info</button></p></a>
</div>
</div>
</div>
<div class="column">
<div class="card"> <p class="title">Completed cases, outcome of judgments for failure of a Member State to fulfill its obligations</p>
<iframe src="https://embed.openpolis.it/numeri/completed-cases-outcome-of-judgments-for-failure-of-a-member-state-to-fulfill-its-obligations/?opmag-charts-bare-view" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="500px" allowfullscreen></iframe>
<div class="container-r">
<a href="https://www.openpolis.it/numeri/completed-cases-outcome-of-judgments-for-failure-of-a-member-state-to-fulfill-its-obligations/" target="_blank"> <p><button class="button">more info</button></p></a>
</div>
</div>
</div>
<div class="column">
<div class="card"><p class="title">New cases – Failure of a Member state to fulfil obligations</p>
<iframe src="https://embed.openpolis.it/numeri/new-cases-failure-of-a-member-state-to-fulfil-obligations-2/?opmag-charts-bare-view" style="border:0px #ffffff none;" name="myiFrame" scrolling="yes" frameborder="0" marginheight="0px" marginwidth="0px" width="100%" height="510px" allowfullscreen></iframe>
<div class="container-r">
<a href="https://www.openpolis.it/numeri/new-cases-failure-of-a-member-state-to-fulfil-obligations-2/" target="_blank"> <p><button class="button">more info</button></p></a>
</div>
</div>
</div>
</div>
</body>
</html>
| Related objects (0) |
| Sadržaj kojeg pregledavate nema poveznice preme nijednom drugom objektu. |
| Reverse related objects (0) |
| The item being viewed is not used by any other objects. |
