<!doctype html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:title" content="People on the move" /> <meta property="og:type" content="article" /> <meta property="og:image" content="https://ec.europa.eu/eurostat/cache/digpub/eumove/images/eumove_cover_share.png" /> <meta property="og:site_name" content="People on the move" /> <meta property="og:description" content="People in today’s Europe are on the move much more than ever before. This mobility can be viewed from many angles, as there are many reasons for moving: migration, education, work or tourism… " /> <link rel="stylesheet" href="css/foundation.min.css"> <link rel="stylesheet" href="css/app.min.css"> <link rel="stylesheet" href="css/animsition.min.css"> <link rel="stylesheet" href="css/jquery.webui-popover.css"> <link rel="icon" href="images/icones/favicon.ico" />  <script> var parentLocation = parent.location; if (parentLocation.hostname.indexOf('ec.europa.eu') !== -1) { document.write('<script defer src="//europa.eu/webtools/load.js" type="text/javascript"></sc' + 'ript>'); document.write('<script type="application/json">'); document.write('{ "utility" : "piwik", "siteID" : 59, "sitePath" : ["ec.europa.eu\/eurostat"] }'); document.write('</sc' + 'ript>'); } </script>  <style> .fade-in.mui-enter{ transition-duration:1s; transition-timing-function:linear; opacity:0; transition-property:opacity } .fade-in.mui-enter.mui-enter-active{opacity:1} .fade-out.mui-leave{ transition-duration:1s; transition-timing-function:linear; opacity:1; transition-property:opacity } </style> </head> <body> <div class="border animsition animsition-overlay" data-animsition-overlay="true"></div> <div class="wide-section" style="visibility:hidden;"> <div class="large-6 columns homepageCover" data-equalizer-watch> <div class="title" data-equalizer="bar"> <table> <tr> <td class="text-right text-width"> <h1><span id="titlepart1">titlepart1</span><br/></h1> </td> <td class="table-line"></td> <td></td> </tr> <tr> <td class="text-right text-width"> <h6 id="subtitle">subtitle</h6></td> <td class="table-line"></td> <td> <h5 id="datetitle">datetitle</h5></td> </tr> </table> </div> <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit data-timer-delay="2000" data-options="animInFromLeft:fade-in; animInFromRight:fade-in; animOutToLeft:fade-out; animOutToRight:fade-out;"> <div class="orbit-wrapper"> <ul class="orbit-container"> <li class="is-active orbit-slide"> <figure class="orbit-figure"> <img class="orbit-image" src="images/slides/photo1.jpg" alt="photo1"> </figure> </li> <li class="orbit-slide"> <figure class="orbit-figure"> <img class="orbit-image" src="images/slides/photo2.jpg" alt="photo2"> </figure> </li> <li class="orbit-slide"> <figure class="orbit-figure"> <img class="orbit-image" src="images/slides/photo3.jpg" alt="photo3"> </figure> </li> <li class="orbit-slide"> <figure class="orbit-figure"> <img class="orbit-image" src="images/slides/photo4.jpg" alt="photo4"> </figure> </li> </ul> </div> </div> </div> <div class="large-6 columns panel textHome"> <div class="row medium-12 signature-bloc text-right"> <span class="yourLogo" id="imgYourLogo">imgYourLogo</span> <img id="eurostatlogo" class="eurostatLogo" src="images/icones/eurostat-logo.png" /> </div> <div class="text panel" data-equalizer-watch> <p><span id="introtextp1part1">introtextp1part1</span> <strong><span id="introtextp1part2">introtextp1part2</span></strong> <span id="introtextp1part3">introtextp1part3</span></p> <p id="introtextp2">introtextp2</p> <ul> <li><strong><span id="introtextli1title">introtextli1title</span></strong> <span id="introtextli1text">introtextli1text</span></li> <li><strong id="introtextli2title">introtextli2title</strong> <span id="introtextli2text">introtextli2text</span></li> <li><strong id="introtextli3title">introtextli3title</strong> <span id="introtextli3text">introtextli3text</span></li> <li><strong id="introtextli4title">introtextli4title</strong> <span id="introtextli4text">introtextli4text</span></li> </ul> <br/> <p><span id="introtextp3part1">introtextp3part1</span> <strong><span id="introtextp3part2">introtextp3part2</span></strong></p> <div class="text-center" style="margin-top:20px;"> <a style="margin-left:-10px; margin-right:10px;" id="introbtn" href="wide-menu.html" class="button large" type="button">introbtn</a> </div> </div> </div> </div> <script src="js/vendor/jquery.js"></script> <script src="js/vendor/what-input.js"></script> <script src="js/vendor/foundation.min.js"></script> <script src="js/vendor/l10n.js" charset="utf-8"></script> <script src="l10n/localisations.js" charset="utf-8"></script> <script src="js/lang.js" charset="utf-8"></script> <script src="js/main.js" charset="utf-8"></script> <script src="js/app.js"></script> <script src="js/jquery.webui-popover.min.js"></script> <script> $(document).foundation(); </script>  <script src="js/animsition.js" charset="utf-8"></script> <script> $(document).ready(function () { $('.animsition-overlay').animsition({ inClass: 'overlay-slide-in-right', outClass: 'overlay-slide-out-right', overlay: true, overlayClass: 'animsition-overlay-slide', overlayParentElement: 'body' }) .one('animsition.inStart', function () { $('.wide-section').css('visibility', 'visible'); $('body').removeClass('bg-init'); $(this) .find('.item') .append('<h2 class="target">Callback: Start</h2>'); }) .one('animsition.inEnd', function () { $('.target', this).html('Callback: End'); }); $(function () { $("a").attr('href', function (i, h) { if (h === undefined) return h; return h + (h.indexOf('?') !== -1 ? "&lang=" + String.locale : "?lang=" + String.locale); }); }); }); </script> </body> </html>

CINXE.COM