<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="nl" xml:lang="nl">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="copyright" content="© 2013-2016 Onegini"/>
<title>Inloggen</title>
<link rel="icon" href="static/img/favicon_32x32.png" type="image/x-icon"/>
<link rel="apple-touch-icon-precomposed" href="static/img/favicon_32x32.png"/>
<meta name="application-name" content="Inloggen"/>
<meta name="msapplication-TileImage" content="static/img/favicon_32x32.png"/>
<meta name="msapplication-TileColor" content="#F3F3F3"/>
<link rel="stylesheet" href="/static/css/branding.css">
<link href="/static/css/bootstrap-popover.min.css?v=90965af" rel="stylesheet"/>
<link rel="stylesheet" href="/static/css/style.css">
<script type="text/javascript">
const brand = "default";
const src = "https:\/\/ciam.roularta.be\/cdn\/images\/logos\/";
const logoUrl = "url(" + src + "logo_" + brand + ".png)";
const rule = "div." + brand + " { background-image : " + logoUrl + "}";
document.styleSheets[0].insertRule(rule);
if (window.location.pathname == "/" || window.location.pathname == "/login") {
history.pushState({}, null, window.location.origin + window.location.pathname);
}
</script>
<!-- <link th:href="@{/static/css/bootstrap.min.css(v=#{onegini.version})}" rel="stylesheet"/>-->
<!-- <link th:href="@{/static/css/bootstrap-popover.min.css(v=#{onegini.version})}" rel="stylesheet"/>-->
<!-- <link th:href="@{/webjars/chosen/__#{chosen.version}__/chosen.css}" th:if="${chosen == 'true'}" rel="stylesheet"/>-->
<!-- <link th:href="@{/webjars/intl-tel-input/__#{intl-tel-input.version}__/build/css/intlTelInput.css}" th:if="${enhanceTelInput == true}" rel="stylesheet"/>-->
<!-- <link th:href="@{/static/css/onegini.css(v=#{onegini.version})}" rel="stylesheet"/>-->
<!-- <link th:href="@{/static/css/branding.css}" rel="stylesheet"/>-->
<script type="text/javascript">
window.didomiConfig = {"cookies":{"group":{"enabled":true,"customDomain":"myprivacy.roularta.be"},"storageSources":{"cookies":false,"localStorage":true}},"tagManager":{"provider":"gtm"}};
</script>
<script src="https://sdk.privacy-center.org/0c7f196f-0b85-4850-bfd5-f5512ebf3f5d/loader.js?target=sso.roularta.be&v=90965af" id="spcloader" type="text/javascript" async="" charset="utf-8"></script>
<!-- Start blueconic production -->
<link rel="preconnect" href="//w638.roularta.be/" crossorigin>
<script >
(function () {
this.bcChannelIdentifier = "Site-Roularta-NL.roularta.blueconic.net";
let bcScript = document.createElement("script");
bcScript.async = true;
bcScript.src = "//w638.roularta.be/frontend/static/javascript/blueconic/blueconic.min.js";
(document.getElementsByTagName("head")[0] || document.getElementsByTagName("body")[0]).appendChild(bcScript);
})();
</script>
<!-- End blueconic production -->
<script src="/static/js/external/jquery/jquery-3.6.0.min.js"></script>
<script src="/static/js/util.js?v=90965af"></script>
<script src="/static/js/page-data.js?v=90965af"></script>
<script>
onegini.initPageData(null);
</script>
</head>
<body data-page="login">
<main>
<script>
/*<![CDATA[*/
onegini.customEmailValidationEnabled =false;
/*]]>*/
</script>
<div class="roul-wrapper roul-embedded">
<div id="signIn" class="roul-screen">
<div class="roul-content">
<div class="roul-body">
<div id="default-logo" class="roul-brand-logo roul-mb-4 default"></div>
<div id="bc-login-top"></div>
<div>
<div class="roul-row roul-flex-row-reverse">
<div class="roul-col-lg-5 roul-mt-2 roul-mb-4 roul-engage-content">
<div class="control-group external-idps">
<h4 class="roul-title">Inloggen via sociale media</h4>
<div class="controls login-buttons">
<div class="social__links third-party-login">
<ul class="inline">
<li class="social_list" id="facebook">
<a href="/sessions/new/facebook/84f1e3f5-16a9-4226-b455-f68a7be9a3b5" id="84f1e3f5-16a9-4226-b455-f68a7be9a3b5" data-onegini-toggle="tooltip"
tabindex="1" aria-label="Facebook" data-idp="Facebook">
<span class="social_icn"><img alt="facebook"></span>
<span class="social_icn_txt">Inloggen via Facebook</span>
</a>
</li>
<li class="social_list" id="google_oauth2">
<a href="/sessions/new/google_oauth2/a19ed9e4-e9af-4f3b-8d29-16618cfa6b50" id="a19ed9e4-e9af-4f3b-8d29-16618cfa6b50" data-onegini-toggle="tooltip"
tabindex="1" aria-label="Google" data-idp="Google">
<span class="social_icn"><img alt="google_oauth2"></span>
<span class="social_icn_txt">Inloggen via Google</span>
</a>
</li>
<li class="social_list" id="apple">
<a href="/connect/auth/apple" id="appleid" data-onegini-toggle="tooltip" tabindex="1">
<span class="social_icn"><img alt="Apple"></span>
<span class="social_icn_txt">Inloggen via Apple</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="roul-divider roul-col roul-engage-content">
<span>OF</span>
<div class="roul-vertical"></div>
</div>
<div class="roul-col-lg-5 roul-mt-2">
<h4 class="roul-title">Inloggen met je e-mailadres</h4>
<form id="loginForm" class="login-form form-horizontal clearfix" method="post" novalidate="novalidate"
action="/login">
<input type="hidden"
name="csrfToken"
value="h4ciey1ZGUHnaXksA0bPADcFe" spellcheck="false"/>
<div class="control-group roul-input roul-required roul-no-gutters roul-form-group roul-row roul-align-items-center">
<label for="email" class="control-label">E-mailadres</label>
<div class="controls roul-wd-100">
<input type="text" name="email" id="email" autocomplete="off" class="roul-form-control"
tabindex="1" value=""
spellcheck="false" data-msg-required="E-mailadres is verplicht."/>
</div>
</div>
<div class="control-group roul-input roul-required roul-no-gutters roul-form-group roul-row roul-align-items-center">
<label for="password" class="control-label">Wachtwoord</label>
<div class="controls password roul-wd-100">
<input type="password" name="password" id="password" class="roul-form-control"
autocomplete="off" tabindex="1" maxlength="100" spellcheck="false" data-msg-required="Wachtwoord is verplicht." value=""/>
<div class="toggle-visibility" id="passwordToggle">
<div class="visibility-hide">
<img id="eye-show" alt="eye">
</div>
<div class="visibility-show">
<img id="eye-hide" alt="eye">
</div>
</div>
</div>
</div>
<div class="lost-password">
<a id="reset-password" href="https://account.mijnmagazines.be/forgot_password?origin=login" class="roul-text-muted roul-small-medium" tabindex="1">Wachtwoord vergeten?</a>
</div>
<div class="control-group">
<div class="controls login-buttons">
<div class="roul-text-center">
<button type="submit" id="signInSubmit" class="roul-btn roul-btn-primary" value="Inloggen" tabindex="1">
<span>Inloggen</span>
</button>
</div>
</div>
</div>
</form>
<div class="roul-row roul-no-gutters">
<span class="roul-col-12">Nog niet geregistreerd?</span>
</div>
<div class="roul-text-center">
<a id="captureRegisterLink" href="https://account.mijnmagazines.be/register?origin=login" class="roul-btn roul-btn-primary roul-btn-outline-primary" tabindex="1">Registreer nu</a>
</div>
</div>
</div>
</div>
</div>
<div class="roul-footer">
<span class="roul-small roul-footer-icon">Met dit account kun je inloggen bij de merken van de Roularta Media Group.</span>
<span class="roul-small"><a href="https://www.roularta.be/nl/privacy" target="_blank" tabindex="2">Privacy policy</a></span>
<span class="roul-small roul-cookiesettings"><a href="javascript:Didomi.preferences.show()" tabindex="3">Cookie-instellingen</a></span>
</div>
</div>
</div>
</div>
</main>
<script src="/static/js/external/bootstrap-personal/bootstrap.min.js?v=90965af"></script>
<script src="/static/js/plugins/jquery.placeholder-0.2.4.js"></script>
<script src="/static/js/plugins/jquery.validate-1.11.1.js"></script>
<script src="/webjars/chosen/1.0.0/chosen.jquery.min.js"></script>
<script src="/webjars/og-commons-web/7/onegini-all.min.js">
</script>
<script src="/static/js/scripts.js?v=90965af"></script>
<script>
/*<![CDATA[*/
onegini.emailValidationRequired = false;
/*]]>*/
</script>
<script src="/static/js/login.js?v=90965af"></script>
</body>
</html>