index.html


<!DOCTYPE html>
<html>
<head>
  <!-- Standard Meta -->
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <!-- Site Properties -->
  <title>Données ouvertes en PACA</title>
  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.1.8/semantic.min.css">

  <style type="text/css">
    #topbar {
        //background: url(./img/bg.jpg) center center no-repeat;
        min-height: 0px;
        border-bottom: 10px solid #DD3228;
    }
    #topbar h1 {
        background: white;
        color: #444444;
        padding: 0.5em;
        border-bottom: 10px solid #FDB105;
    }
  </style>
</head>
<body>

<!-- Page Contents -->
<div id="topbar">
    <h1>Données ouvertes en PACA</h1>
</div>

<script>window.jQuery || document.write("<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js'><\/script>")</script>

<!-- chargement feuille de style font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css">

<script src="https://depthfrance.github.io/udata-js/dist/udata.js"></script>
<div class="uData-data"
   data-q=""
   data-organizations="534fffa8a3a7292c64a780d2,534fffb7a3a7292c64a78142,534fffb8a3a7292c64a78149,534fffb8a3a7292c64a7814c,534fff4ea3a7292c64a77cad,534fff71a3a7292c64a77dcd,534fff55a3a7292c64a77cdd,534fff62a3a7292c64a77d5d,534fff52a3a7292c64a77cd0,534fff6ca3a7292c64a77da6,534fff54a3a7292c64a77cda,534fffaba3a7292c64a780ed"
   data-organization="534fffa8a3a7292c64a780d2"
   data-facets="all"
   data-page_size="10"
></div>


</body>

</html>