EURACTIV | Login Manager

<!DOCTYPE html>     <html class="no-js">  <head> <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"> <title> EURACTIV | Login Manager </title> <link rel="icon" href="//assets.euractiv.com/symfony/v1/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="//assets.euractiv.com/symfony/v1/favicon.ico" type="image/x-icon">  <link rel="stylesheet" href="//assets.euractiv.com/cdn/bootswatch/3.3.5/yeti/bootstrap.min.css"> <link rel="stylesheet" href="//assets.euractiv.com/cdn/font-awesome/4.4.0/css/font-awesome.min.css"> <link rel="stylesheet" href="/css/base.css"> <link rel="stylesheet" type="text/css" href="//assets.euractiv.com/symfony/v1/style-min.css"> <script src="/js/preload.js"></script> <style> nav#top .nav>li>a { line-height:50px; padding:0 15px; } nav#top .nav>li { border-right-width:1px; border-right-style:solid; } nav#top .nav>li:last-child { border-right:none; margin-right:-15px; } .js #vgmh-js-required { display:none; } .desktop-spacer { height:30px; } .vgmh-error { padding:20px 18px; border-radius:4px; border:1px solid; } .panel-footer .btn { margin-left: 1em; } input[type="checkbox"] { margin-right:10px!important; } span.vgmh-show-text-widget { padding-left:1em; padding-right:1em; } .vgmh-vertical-checkboxes label { display:block; } .vgmh-btn-login { text-align:left!important; padding-top: 12px!important; padding-bottom:12px!important; } #vgmh-login-oauth a:hover, #vgmh-login-oauth a:active { text-decoration:none; } @media (min-width: 768px) { #vgmh-login-oauth .col-sm-4 { float: none!important; display: inline-block!important; width:31%!important; } } @media (max-width: 767px) { #vgmh-fsso-headline h2 { margin-top:0; margin-bottom:20px; } } #vgmh-login-oauth .row-fluid { text-align: center; } .form-group li {list-style-type: none;} </style> <style type="text/css"> #vgmh-login-direct {display: none;} </style> <script type="text/javascript"> window.VGMH.ready(function($, global) { $(function () { global.VGMH.fsso.horizontalize('#vgmh-login-direct', false); }); }); </script> <style type="text/css"> #vgmh-login-direct input[type=checkbox] { display:inline-block; position: relative; top: 3px; margin-right: 15px; } </style> </head> <body>  <nav id="top" class="navbar-default"> <div class="container-fluid"> <h1 class="pull-left hidden-xs" style="margin:0;"> <a class="navbar-brand" href="/"> EURACTIV | Login Manager </a> </h1> <ul class="nav pull-right"> <li class="dropdown pull-left"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Deutsch <b class="caret"></b> </a> <ul class="dropdown-menu dropdown-menu-right"> <li><a href="?hl=en"> English </a></li> <li><a href="?hl=fr"> Fran莽ais </a></li> <li class="disabled"><a href="?hl=de"> Deutsch <i class="fa fa-check"></i></a></li> </ul> </li> <li class="pull-left hidden-xs hidden-sm"><a href="/resetting/request" >Passwort vergessen?</a></li> <li class="pull-left"><a href="/login" >anmelden</a></li> <li class="pull-left"><a href="/register/">sich anmelden</a></li> </ul> </div> </nav> <br><br> <div id="vgmh-fsso-headline" class="container text-center"> <h2>Einloggen EURACTIV</h2> </div> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"> <div id="vgmh-flashbag"> </div> </div> </div> </div> <div class="container"> <div class="row"> <div class="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"> <div id="vgmh-main-form" class="clearfix"> <form action="/login_check" method="post" id="vgmh-login-direct" target="_top" ><div class="bs-callout bs-callout-warning"> <input type="hidden" name="_csrf_token" value="sjH4kFfIirH8sZ-wZSKfsmEfIxnkDXJVNhSiy6sBA3E" /> <input type="hidden" id="form__token" name="form[_token]" value="O-fpoAc77nMRKV7syAe7jKD1mJySfSuRrcm-9G0FxGY" /> <div class="form-group"> <label for="_username" class="required control-label col-sm-3" >E-Mail oder Benutzername</label> <div class="col-sm-9"> <input type="text" id="username" name="_username" required="required" class="form-control" value="" > </div> </div> <div class="form-group"> <label for="form_password" class="required control-label col-sm-3" >Passwort</label> <div class="col-sm-9"> <input type="password" id="password" name="_password" required="required" class="form-control"> </div> </div> <p class="col-sm-offset-3">   <button type="submit" id="form_submit" name="form[submit]" class="btn-primary btn">Anmelden</button> <a class="btn btn-link pull-right" href="/register/" >sich anmelden</a> <a class="btn btn-link pull-right" href="/resetting/request" >Passwort vergessen?</a> </p> </div> <div class="desktop-spacer hidden-sm"></div> </form> </div> </div> </div> <div id="vgmh-login-oauth" class="row"> <div class="col-md-8 col-md-offset-2"> <div class="row-fluid"> <div class="col-xs-6 col-sm-4"><a href="#top" id="vgmh-self-login" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="//assets.euractiv.com/symfony/v1/icon.png" alt="Log in with EURACTIV" />   EURACTIV </a><br></div> <div class="col-xs-6 col-sm-4"><a href="/connect/google" target="_top" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="/images/icon-google.png" alt="Log in with Google" />   Google </a><br></div> <div class="col-xs-6 col-sm-4"><a href="/connect/linkedin" target="_top" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="/images/icon-linkedin.png" alt="Log in with LinkedIn" />   LinkedIn </a><br></div> <div class="col-xs-6 col-sm-4"><a href="/connect/facebook" target="_top" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="/images/icon-facebook.png" alt="Log in with Facebook" />   Facebook </a><br></div> <div class="col-xs-6 col-sm-4"><a href="/connect/windows_live" target="_top" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="/images/icon-windows_live.png" alt="Log in with Microsoft" />   Microsoft </a><br></div> <div class="col-xs-6 col-sm-4"><a href="/connect/twitter" target="_top" class="btn btn-default btn-block vgmh-btn-login" style="background-color:white;" ><img src="/images/icon-twitter.png" alt="Log in with Twitter" />   Twitter </a><br></div> </div> </div> </div> <div class="text-center"><p> <br> Haben Sie bereits ein Konto bei EURACTIV? <a href="#" id="vgmh-migration-helper">Klicken Sie hier, um sich direkt einloggen.</a> <br>Sie k枚nnen Social Media-Konten nach der Anmeldung hinzuzuf眉gen. </p></div> </div> <script src="//assets.euractiv.com/cdn/jquery-1.11.3.min.js"></script> <script src="//assets.euractiv.com/cdn/bootstrap/3.3.5/js/bootstrap.min.js"></script> <script src="/js/base.js"></script> <script src="//assets.euractiv.com/symfony/v1/script-min.js"></script> <script src="/js/fsso-v2.js"></script> <script type="text/javascript"> $('button[type="submit"]').on('click', function (e) { var id = $(this).attr('id'); if (/delete/i.test(id)) { if (!confirm('Are you sure you want to delete this record?')) { e.preventDefault(); } } }); </script> <script type="text/javascript"> (function (global, $) { 'use strict'; var o = global.VGMH.fsso; o.selfLoginClick('form#vgmh-login-direct'); // this should probably be integrated in the selfLoginClick method if ($('#username').val()) { $('#vgmh-self-login').trigger('click'); } $('#vgmh-migration-helper').on('click', function (e) { e.preventDefault(); $('#vgmh-self-login').trigger('click'); $(this).parent().remove(); }); $(function () { var err = $('.vgmh-flashbag-error p'), reset_url = "/resetting/request", reset_text = " (Passwort zur眉cksetzen)", reset_link = $(document.createElement('A')); if (err.length) { $('#vgmh-self-login').trigger('click'); reset_link.text(reset_text).attr('href', reset_url).appendTo(err); } }); }(window, jQuery)); </script> </body> </html>

CINXE.COM

EURACTIV | Login Manager