CINXE.COM
EESC EPTAC | Home
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content=""> <meta name="author" content=""> <title>EESC EPTAC | Home</title> <link rel="shortcut icon" href="/eptac/img/favicon.ico"> <!-- Libraries --> <link href="/eptac/css/bootstrap.min.css" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700" rel="stylesheet"> <!-- Custom CSS --> <link href="/eptac/css/style.css" rel="stylesheet"> <link href="/eptac/css/print.css" rel="stylesheet" media="print"> <link rel="stylesheet" href="/eptac/css/font-awesome.css"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="/eptac/js/html5shiv.js"></script> <script src="/eptac/js/respond.min.js"></script> <![endif]--> </head> <body class="home en"> <!-- Header --> <header> <div class="container"> <div class="row"> <div class="col-sm-12 lang"> <a href="/eptac/de">DE</a> | <a href="/eptac/el">EL</a> | <a href="/eptac/en" class="lang-current">EN</a> | <a href="/eptac/es">ES</a> | <a href="/eptac/fr">FR</a> | <a href="/eptac/hr">HR</a> | <a href="/eptac/hu">HU</a> | <a href="/eptac/it">IT</a> | <a href="/eptac/nl">NL</a> | <a href="/eptac/pl">PL</a> | <a href="/eptac/pt">PT</a> | <a href="/eptac/ro">RO</a> | <a href="/eptac/sk">SK</a> </div> </div> <div class="row"> <div class="col-md-6 col-lg-5 logo"> <a href="/eptac/en"><img src="/eptac/img/logo.png" alt="Logo EESC EPTAC" /></a> <div class="logo-title"> <a href="/eptac/en">European <span>Democracy</span><span>Passport</span></a> </div> </div> <div class="col-md-6 col-lg-7 nav"> <ul> <li> <a href="/eptac/en/quickguide-to-active-citizenship.html">Quick guide to active European citizenship</a> </li> <li> <a href="/eptac/en/my-say-in-europe.html">My say in Europe</a> </li> <li> <a href="/eptac/en/participation-toolkit.html">Participation toolkit</a> </li> <li> <a href="/eptac/en/european-citizens-initiative-guide.html">European Citizens’ Initiative Guide</a> </li> <li> <a href="/eptac/en/support-is-all-around.html">Support is all around</a> </li> </ul> </div> </div> </div> </header> <!-- Hero --> <div class="hero ripple"> <div class="container"> <div class="row"> <div class="col-sm-12"> <div class="hero-logo"> <img src="/eptac/img/logo-big.png" alt="Logo EESC EPTAC"> </div> <div class="hero-title"> <a href="/eptac/en">European Democracy<span>Passport</span></a> </div> </div> </div> <div class="row scroll-down" style="display: none;"> <div class="col-sm-12 text-center text-uppercase font-small"> <a href="#content" class="scrollDown">Scroll down<br><i class="fa fa-fw" aria-hidden="true" title="chevron-circle-down"></i></a> </div> </div> </div> </div> <!-- Content --> <div class="content with-call-to-action" id="content"> <div class="content-in"> <div class="container"> <div class="row"> <div class="col-sm-6 pane"> <div class="video-player"> <img src="/eptac/img/video-preview.jpg" alt="Video"> <a href="#" data-toggle="modal" data-target="#modal-video"><i class="fa fa-fw" aria-hidden="true" title="play"></i></a> </div> </div> <div class="col-sm-6 pane"> <div class="scrollbar-inner"> <h1> Welcome to the European Union (EU), the world’s first transnational and participatory democracy </h1> <p>As an EU citizen, you have the constitutional right to influence the rules that apply to almost 450 million people across an area of more than 4 million km² in 27 countries. You may well say: that sounds great, but HOW can I make my voice heard in practice? This electronic passport produced by the European Economic and Social Committee (EESC) answers this question. This is your guide to active citizenship in the EU. </p> <p>Throughout the text, you will be assisted and guided in making your voice heard by asking some basic questions first. Is it a genuinely European matter you want to address – or might it be advisable to start at the local level instead? And if you're going European with your idea, what is the most meaningful and successful way to make it happen? An email to your Member of the European Parliament may be enough – or maybe you should petition the European Parliament directly? Why not join a civil society organisation or even a political party and run for office yourself? Or how about organising and supporting a European Citizens' Initiative to set the agenda for legislation?</p> <p>This guide is designed to assist you with timing <em>(when should you become active?)</em>, teams <em>(whom should you join forces with?)</em> and tools <em>(which available participatory instrument should you use?)</em> when it comes to active citizenship and participatory democracy in the European Union. </p> <p>Moreover, this electronic version offers plenty of additional interactive elements: quick links, quizzes and infographics to illustrate the information and give you an insight into your citizen’s rights at a glance.</p> <p>Are you ready to act for Europe? Ready, set, click!</p> </div> <div class="call-to-action call-home green"> <p>The booklet version of the passport is also available in<br> <a href="http://www.eesc.europa.eu/?i=portal.en.publications.35346" target="_blank" class="text-dec-u font-weight-b">24 official languages</a>.</p> </div> </div> </div> </div> </div> </div> <!-- Footer --> <footer> <div class="container"> <div class="row"> <div class="col-sm-4 col-sm-offset-4 text-center text-uppercase font-small"> <a href="#" class="toTop"><i class="fa fa-fw" aria-hidden="true" title="chevron-circle-up"></i> Scroll to top</a> </div> <div class="col-sm-4 text-right font-small"> <a href="http://www.eesc.europa.eu/?i=portal.en.publications.35346" target="_blank"><i class="fa fa-fw" aria-hidden="true" title="pdf download"></i> Download the booklet version of the passport</a> </div> </div> <div class="row"> <div class="col-sm-3"> <div class="footer-title"> <a href="/eptac/en">European Democracy<span>Passport</span></a> </div> </div> <div class="col-sm-4"> <a href="http://www.eesc.europa.eu" target="_blank"> <img src="/eptac/img/EESC-logos/EESC-logo-EN-neg.png" alt="Logo EESC" class="footer-logo" /> </a> </div> <div class="col-sm-3"> <div class="footer-title"> Share </div> <div class="footer-share"> <a href="https://www.facebook.com/EuropeanEconomicAndSocialCommittee/" target="_blank"><i class="fa fa-fw" aria-hidden="true" title="facebook"></i></a> <a class="x-twitter" href="https://twitter.com/EESC_LiaisonG" target="_blank"> </a> <a href="https://www.linkedin.com/company/european-economic-social-committee" target="_blank"><i class="fa fa-fw" aria-hidden="true" title="linkedin"></i></a> <a href="https://www.youtube.com/user/EurEcoSocCommittee" target="_blank"><i class="fa fa-fw" aria-hidden="true" title="youtube"></i></a> <a href="https://www.instagram.com/eu_civilsociety/" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a> <!-- <a class="mastodon" href="https://social.network.europa.eu/@EESC" target="_blank"> </a> --> </div> </div> <div class="col-sm-2"> <div class="footer-title"> Contact us </div> <div class="footer-contact"> <a href="mailto:citizensinitiative@eesc.europa.eu?subject=EESC EPTAC&body=http://www.eesc.europa.eu/"><i class="fa fa-fw" aria-hidden="true" title="email"></i></a> <a href="https://www.google.lu/maps/place/European+Economic+and+Social+Committee+(EESC)/@50.8404766,4.3772873,15z/data=!4m5!3m4!1s0x0:0x130af61eab4b0584!8m2!3d50.8404766!4d4.3772873" target="_blank"><i class="fa fa-fw" aria-hidden="true" title="Copy to use map-marker"></i></a> </div> </div> </div> </div> </footer> <!-- Footer #2 --> <div class="footer-l2"> <div class="container"> <div class="row pad-htop pad-hbot"> <div class="col-sm-6"> Copyright © European Union 2024 | Last update: 01/03/2024 </div> <div class="col-sm-6 text-right"> <a href="/eptac/en/credits.html">Credits</a> | <a href="http://www.eesc.europa.eu/?i=portal.en.legal-notice" target="_blank">Legal notice</a> </div> </div> </div> </div> <!-- Modal Video --> <div class="modal fade" id="modal-video" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> <h4 class="modal-title" id="myModalLabel">Introduction</h4> </div> <div class="modal-body"> <div class="video-wrapper"> <div id="player"></div> </div> <div class="clear"></div> </div> </div> </div> </div> <a href="#top-page" class="btn-back-top"> <span class="glyphicon glyphicon-chevron-up"></span> </a> <!-- jQuery Version 3.1.1 --> <script src="/eptac/js/jquery.min.js"></script> <!-- Bootstrap Core JavaScript 3.3.7 --> <script src="/eptac/js/bootstrap.min.js"></script> <!-- Scrollbar --> <script src="/eptac/js/jquery.scrollbar.min.js"></script> <!-- Responsive slides --> <script src="/eptac/js/jquery.bxslider.min.js"></script> <!-- Load script for youtube video --> <script src="/eptac/js/youtube.js" data-video_id="hzhmGWFesSA"></script> <!-- Custom script --> <script src="/eptac/js/script.js"></script> </body> </html>