-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathmy-aow-pension.html
362 lines (342 loc) · 21.5 KB
/
my-aow-pension.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
<!DOCTYPE html>
<html lang="nl-NL">
<head>
<meta
http-equiv="Content-Type"
content="text/html; charset=UTF-8"
>
<meta
http-equiv="x-ua-compatible"
content="ie=edge"
>
<title>What is my AOW pension age? | 1overheid</title>
<meta
name="description"
content="Prototype voor 1overheid: informatie, diensten, beleid en bestuur"
>
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
>
<meta name="robots" content="noindex">
<link
rel="stylesheet"
href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"
>
<link
rel="stylesheet"
href="css/style.css"
>
<link
rel="stylesheet"
href="css/additional.css"
>
</head>
<body cz-shortcut-listen="true">
<!-- include header -->
<div azdpc-include-html="header-en.html"></div>
<!-- Logged in as Asha / banner -->
<banner>
<div class="loggedInElm">
<div
id="login-foldout"
class="navbar-pinned expanded"
>
<div class="container-fluid">
<div class="navbar-pinned-content">
<div class="row align-items-center">
<div class="col-8">
Logged in as Asha Martinez
</div>
<div class="col-4">
<button class="btn btn-success logoutBtn float-right">Logout</button>
</div>
</div>
</div>
</div>
</div>
</div>
</banner>
<main>
<section class="actionable">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<ul class="breadcrumb">
<li class="d-none d-md-block"><a href="home-en.html">Home</a></li>
<li><a href="work-pension.html">Work and pension</a>
</li>
<li class="d-none d-md-block">AOW pension
</li>
</ul>
</div>
</div>
<div class="row">
<div class="col-lg-10 offset-lg-1 col-md-12">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 notVisibleInFrame">
<!-- Start -->
<h1>Check: what is my AOW pension age?</h1>
</div>
</div>
</div>
<div class="container-fluid checkContainer">
<div class="row">
<div class="col-md-8">
<!-- Use 8 of 12 columns from medium screens onward, to keep form focussed -->
<form
class="questions"
action="#"
>
<div class="start active">
<div class="questionWrapper">
<div class="form-row">
<div class="col-sm-12 questionHeader">
<div class="grouped aft-space subtask">
<h2>What is your date of birth?</h2>
<div class="input-group country-selector mb-3">
<input
type="date"
class="form-control"
aria-label="birthdate"
aria-describedby="date-of-birth"
>
</div>
<button
type="submit"
class="btn btn-primary btn-delay mb-3 send-date"
id="startFlowBtn"
>
<span class="text">View</span>
<span class="loader"></span>
</button>
</div>
</div>
</div>
<div class="questionHelp">
<div class="row">
<div class="col-sm-12">
<div class="grouped">
<button type="button" class="dropdown__text btn btn-toggle toggle-next">
<div class="chevron-down">
<svg xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
viewBox="0 0 96 120" version="1.1" x="0px" y="0px">
<g transform="translate(0,-312.06665)">
<path
style="color:#007bc7;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#007bc7;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#007bc7;solid-opacity:1;vector-effect:none;fill:#007bc7;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:7.99999952;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
d="m 87.989871,336.72877 a 4.0003998,4.0003998 0 0 0 -2.820312,1.1836 L 47.989871,373.84205 10.810183,337.91237 a 4.0003998,4.0003998 0 0 0 -2.8906244,-1.16406 4.0003998,4.0003998 0 0 0 -2.6679688,6.91406 l 39.9570312,38.61718 a 4.0003998,4.0003998 0 0 0 5.5625,0 l 39.957032,-38.61718 a 4.0003998,4.0003998 0 0 0 -2.738282,-6.9336 z" />
</g>
</svg>
</div>I need help</button>
<div class="helpItems">
<h3 class="helpQuestion toggle-next">Contact us</h3>
<div class="helpAnswer">
<p>Call us on <a href="tel:+31-247-247-247">+31 247 247 247</a> or <a href="contact-en.html">contact us in an other way</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- start resultaat -->
<div class="question ">
<div class="questionWrapper">
<div class="form-row">
<div class="col-sm-12 questionHeader">
<p><b>Your AOW pension age</b></p>
<ul class="list-unstyled">
<li>Your date of birth is: <span
class="newBirthdate"></span></li>
<li>Your AOW pension age is: <b><span
class="new-pension-date"
></span></b></li>
<!-- 796 maanden -->
<li>Your AOW pension age is: <b>66 + 4 months</b></li>
</ul>
</div>
</div>
<div class="notPreFilledElm">
<p><a
href="outside-the-netherlands-work-pension.html"
class="btn btn-primary"
>Back to
work and pension</a></p>
</div>
<div class="questionHelp">
<div class="row">
<div class="col-sm-12">
<div class="grouped">
<button
type="button"
class="btn btn-toggle"
>Find an
answer</button>
<div class="helpItems">
<h3 class="toggleTopic toggle-next">AOW payment dates</h3>
<div class="toggleContent">
<p>
<a href="aow-payment-dates.html">Payment dates of AOW pension</a>
</p>
</div>
<h3 class="toggleTopic toggle-next">Claiming AOW pension</h3>
<div class="toggleContent">
<p>
<a href="claiming-aow-pension.html">Claiming AOW pension if you live outside the Netherlands</a>
</p>
</div>
<h3 class="toggleTopic toggle-next">Can I have my AOW pension paid as a
lump sum?</h3>
<div class="toggleContent">
<p>
You cannot convert your AOW pension rights into a lump sum.
</p> </div>
<h3 class="toggleTopic toggle-next">Certificate of life</h3>
<div class="toggleContent">
<p>
If you live outside the Netherlands and receive an AOW pension, the Social Insurance Bank (SVB) may ask you for a life certificate to prove that you are still alive. Under normal circumstances, you provide this proof by completing an SVB life certificate form, having it signed and certified by a competent authority or individual and returning it to the SVB.
</p>
</div>
<h3 class="toggleTopic toggle-next">Voluntary insurance of AOW / ANW</h3>
<div class="toggleContent">
<p>
If you live and work outside the Netherlands, you are no longer compulsorily covered by AOW. In that case, you do not build up AOW. Instead of AOW, you may build up pension in the country where you live and work. In some cases you can live outside the Netherlands and still be insured under the AOW. For example, if you work outside the Netherlands and have a Dutch secondment statement, or if you are temporarily staying outside the Netherlands and do not work there. Did you move from the Netherlands less than a year ago? Then you may still be able to take out voluntary insurance for the AOW.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- EINDE resultaat-->
<!-- EINDE alle vragen -->
</div>
</div>
</div>
</div>
</div>
</section>
<!--
<main class="informative">
<div class="container-fluid">
<div class="row">
<div class="col-lg-10 offset-lg-1 col-md-12">
<div class="container-fluid">
<div class="row">
<div class="col-md-12">
<div class="toggleSet">
<h2 class="toggleTopic toggle-next">Welke soorten hypotheken zijn er?</h2>
<div class="toggleContent">
<p>
Er zijn verschillende soorten hypotheken. Bijvoorbeeld een aflossingsvrije hypotheek of een spaarhypotheek. <a href="#bla">Lees meer over de hypotheeksoorten</a>.
</p>
</div>
<h2 class="toggleTopic toggle-next">Met welke kosten krijg ik te maken als ik een huis koop?</h2>
<div class="toggleContent">
<p>
Als u een huis koopt gaat u de hypotheek betalen. Daarnaast betaalt u de aankoopkosten, taxatiekosten, overdrachtskosten en de eventuele makelaarskosten en bouwkundige keuring, Verder moet u rekening houden met verzekeringen en onroerendezaakbelasting. <a href="#">Meer informatie over de kosten</a>.
</p>
</div>
<h2 class="toggleTopic toggle-next">Hoe zwaar telt mijn studieschuld mee voor mijn hypotheek?</h2>
<div class="toggleContent">
<p>
Uw studieschuld telt deels mee bij het berekenen van uw hypotheek. Hoe zwaar de schuld meetelt hangt af van de beurs die u heeft gehad. Hoeveel u al heeft afgelost, maakt meestal geen verschil. De hypotheekverstrekker kijkt naar de hoogte van de oorspronkelijke schuld. <a href="">Meer informatie over het meetellen van de studieschuld</a>.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
-->
</main>
<div
class="modal fade loginmodal"
id="loginToStartForm"
tabindex="-1"
role="dialog"
aria-labelledby="modal-header"
aria-hidden="true"
>
<div
class="modal-dialog modal-dialog-centered"
role="document"
>
<div class="modal-content">
<div class="modal-header">
<h3
class="modal-title"
id="modal-header"
>
<img
src="img/digid-logo.svg"
alt="digid"
> Login met DigiD
</h3>
<button
type="button"
class="close"
data-dismiss="modal"
aria-label="Close"
>
<span aria-hidden="true">×</span>
</button>
</div>
<form>
<div class="modal-body">
<div class="form-group">
<label for="gebruikersnaam">DigiD gebruikersnaam</label>
<input
type="text"
class="form-control"
id="gebruikersnaam"
placeholder="DigiD gebruikersnaam"
value="asha_madhavan"
>
</div>
<div class="form-group">
<label for="wachtwoord">Wachtwoord</label>
<input
type="password"
class="form-control"
id="wachtwoord"
placeholder="Wachtwoord"
value="********"
>
</div>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-primary"
id="loginAndStartBtn"
>Inloggen</button>
</div>
</form>
</div>
</div>
</div>
</main>
<!-- Include footer -->
<div azdpc-include-html="footer-en.html"></div>
<script src="js/main.js"></script>
<script
src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"
integrity="sha256-VazP97ZCwtekAsvgPBSUwPFKdrwD3unUfSGVYrahUqU="
crossorigin="anonymous"
></script>
</body>
</html>