CINXE.COM
Inloggen op VPRO Publiek
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" class=" client-magnolia-public"> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="robots" content="noindex, nofollow"> <meta name="viewport" content="width=device-width,initial-scale=1"/> <title> Inloggen op VPRO Publiek </title> <link rel="icon" href="/auth/resources/dkg12/login/vpro-theme/img/favicon.ico" /> <link href="/auth/resources/dkg12/login/vpro-theme/fonts/simplistic_sans/font.css" rel="stylesheet" /> <link href="/auth/resources/dkg12/login/vpro-theme/fonts/vpro_vesta/font.css" rel="stylesheet" /> <link href="/auth/resources/dkg12/login/vpro-theme/fonts/vpro-iconfont/iconfont.css" rel="stylesheet" /> <link href="/auth/resources/dkg12/login/vpro-theme/css/vpro-bootstrap.css" rel="stylesheet" /> <link href="/auth/resources/dkg12/login/vpro-theme/css/login.css" rel="stylesheet" /> <link href="/auth/resources/dkg12/login/vpro-theme/fonts/font-awesome/font-awesome.css" rel="stylesheet" /> <!-- Placeholder for future Matomo implementation --> <style> .client-background { background-image:url('/auth/resources/dkg12/login/vpro-theme/img/keycloak-background.png'); } </style> </head> <body class="client-background"> <div id="kc-logo"><div id="kc-logo-wrapper"> </div></div> <div id="kc-container" class=""> <div id="kc-container-wrapper" class="single-signon-menu multi-step-form grid grid-gutter component-theme bg-greyjerboa"> <div id="kc-header" class=""> <div id="kc-header-wrapper" class=""> <div class="col-gutter"> <h2 class="h5 theme-title">VPRO website</h2> <p class="single-signon-menu-text theme-text"> Welkom bij de VPRO. Log hier in voor toegang tot de online diensten van de VPRO. </p> </div> </div> </div> <div id="kc-locale" class=""> <div id="kc-locale-wrapper" class=""> <div class="kc-dropdown" id="kc-locale-dropdown"> <a href="#" id="kc-current-locale-link">Nederlands</a> <ul> <li class="kc-dropdown-item"><a href="/auth/realms/vpro-publiek/login-actions/authenticate?client_id=magnolia-public&tab_id=kyBQnslYt-Y&execution=8c6aae58-af89-4d03-92cf-851290e88373&kc_locale=nl">Nederlands</a></li> </ul> </div> </div> </div> <div id="kc-content" class=""> <div id="kc-content-wrapper" class=""> <div id="kc-form" class=""> <div id="kc-form-wrapper" class=""> <form id="kc-form-login" action="https://sso.vpro.nl/auth/realms/vpro-publiek/login-actions/authenticate?session_code=3BB3S1RzQsp9Jb1kUtXZEtrfAUAmJ7eJmUP8RBN6Rzw&execution=8c6aae58-af89-4d03-92cf-851290e88373&client_id=magnolia-public&tab_id=kyBQnslYt-Y" method="post"> <div> <div class="col "> <div class="col-gutter"> <div class="multi-step-form-group"> <p class="data">Log in met Gebruikersnaam of e-mail</p> <input id="username" name="username" class="required single-signon-menu-input single-signon-menu-input" value="" type="email" tabindex="1" placeholder="E-mail" autofocus autocomplete="username" /> </div> <div class="multi-step-form-group"> <input id="password" name="password" tabindex="2" type="password" class="required single-signon-menu-input single-signon-menu-input" placeholder="Wachtwoord" autocomplete="current-password"/> </div> <div class="multi-step-form-group"> <input id="rememberMe" name="rememberMe" type="checkbox" class="required multi-step-form-checkbox" tabindex="3" > <label for="rememberMe" class="single-signon-menu-input-label theme-text">Wachtwoord onthouden</label> </div> <div class="multi-step-form-actions"> <div> <input class="single-signon-menu-button single-signon-menu-button multi-step-form-action bg-black c-white full-width" name="login" id="kc-login" type="submit" tabindex="4" value="Inloggen"/> </div> </div> <div class="multi-step-form-group single-signon-menu-form-group"> <p class="single-signon-menu-text theme-text"> <a class="single-signon-menu-link theme-link" href="/auth/realms/vpro-publiek/login-actions/reset-credentials?client_id=magnolia-public&tab_id=kyBQnslYt-Y">Wachtwoord vergeten?</a> <br /> Geen account? <a class="single-signon-menu-link theme-link" href="/auth/realms/vpro-publiek/login-actions/registration?client_id=magnolia-public&tab_id=kyBQnslYt-Y">Registreren</a> </p> </div> </div> </div> </div> </form> </div> </div> <div id="kc-info" class=""> <div id="kc-info-wrapper" class=""> </div> </div> </div> </div> <div id="kc-form-footer" class="multi-step-form-footer"> <div class="multi-step-form-footer-logo" style="background-image:url('/auth/resources/dkg12/login/vpro-theme/img/keycloak_vpro_logo.svg')"></div> </div> </div> </div> <script id="redirect-to-registration" type="text/javascript" data-redirect="/auth/realms/vpro-publiek/login-actions/registration?client_id=magnolia-public&tab_id=kyBQnslYt-Y" src="/auth/resources/dkg12/login/vpro-theme/js/koosAppRedirectToRegistration.js"></script> <script src="/auth/resources/dkg12/login/vpro-theme/js/prompt.js" type="text/javascript"></script> <script src="/auth/resources/dkg12/login/vpro-theme/js/prefill.js" type="text/javascript"></script> </body> </html>