-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathempdash.html
447 lines (397 loc) · 18.2 KB
/
empdash.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
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="no">
<head>
<title>Ditt kundeforhold til Storebrand gjennom din arbeidsgiver</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="generator" content="Storebrand" />
<meta name="author" content="Storebrand" />
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, width=device-width, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="canonical" href="/cms/" />
<meta charset="utf-8" />
<meta name="google" content="notranslate" />
<link rel="stylesheet" href="css/stb-all.min.css" />
<link rel="shortcut icon" href="https://www.storebrand.no/_public/theme-storebrand.ny/images/favicon.ico" />
<link rel="apple-touch-icon-precomposed" href="https://www.storebrand.no/_public/theme-storebrand.ny/images/apple-touch-icon-128x128-precomposed.png" />
<script type="text/javascript" src="javascript/stb-all.min.js">
</script>
</head>
<body>
<style>
@media screen and (min-width:992px) {
.searchbox::-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.searchbox:-ms-input-placeholder {
color: #fff !important;
}
.searchbox::-webkit-input-placeholder {
color: #fff !important;
}
}
#ribbon {
position: absolute;
top: 0;
left: 0;
width: 97px;
height: 95px;
background: url(images/beta.png) no-repeat;
z-index: 10000;
}
</style>
<span id="ribbon" class="ribbonLink" href="#"></span>
<div id="skipper">
<a href="#mainContent" id="skipToContent">Hopp til innhold</a>
</div>
<div class="shadow-overlay">
</div>
<div role="main" id="mainContent" tab-index="-1">
</div>
<div class="stbcolor-gray second bottom-padding-10 column">
<div class="banner">
<div class="container">
<div class="row"><!-- Row, Dine ordninger -->
<div class="col-xs-12 visible-xs text-right">
<p><strong><span class="stb-sprite-medium user" style="margin-bottom: -6px;"></span> Kari Normann</strong></p>
</div>
<div class="col-xs-12 col-sm-8">
<h1 class="red">Dine ordninger hos arbeidsgiver</h1>
<p class="intro">
Gjennom Storebrand gir din arbeidsgiver deg noen pensjons- og forsikringsordninger. Her er en oversikt over hva du får.
</p>
</div>
<div class="col-sm-4 hidden-xs text-right">
<p><strong><span class="stb-sprite-medium user" style="margin-bottom: -6px;"></span> Kari Normann</strong></p>
</div>
</div><!-- /Row, Dine ordninger -->
<div class="row top-margin-10 stbcolor-primary third full"><!-- Row, introductory section -->
<div class="col-sm-4 border-right padded-10 column">
<p>
<strong>Beregnet pensjon fra arbeidsgiver</strong><br />
<span style="font-size: 24px; line-height: 30px;">244 800 kr/år</span><br />
Utbetales fra 67-77 år
</p>
<hr class="visible-xs" />
<p class="top-margin-40-mdlg">
<strong>På din pensjonskonto i dag</strong><br />
<span style="font-size: 24px; line-height: 30px;">187 249 kr</span><br />
</p>
<hr class="visible-xs" />
</div>
<div class="col-sm-4 border-right padded-10 column">
<p><strong>Innskuddspensjon</strong><br />
Din arbeidsgiver sparer til pensjon for deg hver måned. Beløpet tilsvarer en viss prosentandel av lønnen din.
</p>
<p class="top-padding-10">
<strong>Sparing 5 %</strong><br />
for lønn mellom 0 og 1 080 816 kr<br />
(0 G - 12 G)
</p>
<p class="top-padding-10">
<strong>Tilleggssparing 8 %</strong><br />
for lønn mellom 540 408 kr - 1 080 816 kr<br />
(6 - 12 G)
</p>
<p>Loven krever 2 % av lønn mellom 1 og 12 G, men du får altså mer.</p>
</div>
<div class="col-sm-4 padded-10">
<hr class="visible-xs" />
<img class="img-center" src="https://www2.storebrand.no/site/redkun.nsf/Get/geta95b2b3d2f46e7491f12db9e8a4d0a16/$FILE/Statoil.png" alt="Din arbeidsgiver er Statoil" />
<p class="top-padding-20"><strong>Spørsmål om ordningen?</strong></p>
<!-- Note that this section should have a standard text that can be overridden by contents from Bedriftsoppsett! -->
<p>Kontakt Storebrands kundesenter.</p>
<div>
<a href="tel:22312000" class="analyze">
<span class="circle-16 stbcolor-secondary third pull-left">
<span class="stb-sprite-small white phone"></span>
</span>
<span class="iconCompanion">Ring 22 31 20 00</span><br />
</a>
</div>
<!-- End of possible contents retrieved from Bedriftsoppsett -->
</div>
</div><!-- /Row, introductory section -->
<div class="top-margin-40 bottom-margin-10">
<h2 class="h1lookalike black">Produktoversikt</h2>
</div>
<!-- Product 1 -->
<div id="product1" class="row stbcolor-primary third top-padding-20 bottom-padding-10 hovering-hand" onclick="$('.product1').slideToggle();$('#product1Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product1');return false;"><!-- Row, product1 header -->
<div class="col-xs-8 col-sm-5">
<h3 class="stb-font">
Tjenestepensjon 1349034
</h3>
<p class="visible-xs">
Spareprofil: Anbefalt pensjon
</p>
</div>
<div class="hidden-xs col-sm-4">
<p>
Spareprofil: Anbefalt pensjon
</p>
</div>
<div class="col-xs-4 col-sm-3 text-right">
<p><strong class="hidden-xs"> Detaljer</strong> <a href="#" onclick="return false;"><span id="product1Toggler" class="stb-sprite-medium pull-right chevron-down"></span></a></p>
</div>
</div><!-- /Row, product1 header -->
<div style="display: none;" class="row product1 stbcolor-primary third">
<div class="col-xs-12">
<h3>Ditt pensjonsgrunnlag</h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 border-right padded-10-mdlg">
<p>
Årslønn<br />
<strong>600 000 kr</strong><br />
<span style="font-size: 12px;">(Feil lønn? Kontakt personalavdelingen din.)</span>
</p>
<p>
Stillingsprosent<br />
<strong>100 %</strong>
</p>
<p>
Sparingen startet<br />
<strong>01.04.2015</strong>
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 border-right-md padded-10-mdlg">
<p>
Type tjenestepensjon <br />
<strong>Innskuddspensjon</strong>
</p>
<p>
Sparing<br />
<strong>Tilsvarende 5 % av lønn</strong>
</p>
<p>
Tilleggssparing<br />
<strong>Tilsvarende 8 % av lønn</strong>
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 padded-10-mdlg border-right">
<p>
Saldo i dag<br />
<strong>187 249 kr</strong>
</p>
<p>
Innbetaling i år<br />
<strong>41 395 kr</strong>
</p>
<p class="hidden-xs"> <br />
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 padded-10-mdlg">
<p>
Beregnet pensjon<br />
<strong>244 800 kr/år</strong>
</p>
<p>
Beregnet utbetalt når<br />
<strong>67-77 år</strong>
</p>
</div>
</div>
<div style="display: none;" class="row product1 stbcolor-primary third">
<div class="col-xs-12">
<hr />
<h3>Saldoutvikling siste år</h3>
<img class="img-responsive bottom-padding-20" src="images/saldoutvikling.png" />
</div>
</div>
<div style="display: none;" class="row product1 stbcolor-primary third">
<div class="col-xs-12 col-sm-6">
<hr class="visible-xs" />
<h3>Beholdningsoversikt</h3>
<p>
Saldo i dag: <strong>187 249 kr</strong><br />
<br />
Spareprofil/fond:<br />
</p>
<ul class="accordion" data-widget="stbFaq">
<li>
<a href="#" class="twister">
<span class="expander"></span>
<span class="question">Anbefalt pensjon: 100 %</span>
</a>
<div class="answer">
<ul>
<p>
Saldo<br />
<strong>187 249,05 kr</strong>
</p>
<p>
Andeler<br />
<strong>105,53</strong>
</p>
<p>
Kurs<br />
<strong>1774,32</strong>
</p>
<p>
Kursdato<br />
<strong>07.01.2016</strong>
</p>
<ul>
</div>
</li>
<!-- One additional li item for each fund -->
</ul>
<!-- The following paragraph should be a text that is adjusted to your age. Not the same text for all ages. -->
<p class="top-padding-10">
Du sparer med profilen Anbefalt pensjon.
</p>
<p>
Fordi du er ung betyr det at pensjonskronene dine spares med offensiv profil, det vil si med relativt høy risiko, for at du skal kunne oppnå høy avkastning. Jo nærmere du kommer pensjonsalder, jo tryggere (og med lavere forventet avkastning) plasseres sparingen din.
</p>
<!-- End of age-defined paragraph -->
<p class="top-padding-5">
<button class="stb-btn transparent light">Endre spareprofil</button>
</p>
</div>
</div>
<div style="display: none;" class="row product1 stbcolor-primary third">
<div class="col-xs-12 col-sm-8">
<hr />
<h3 class="top-margin-30 bottom-margin-20">Inkludert i pensjonsavtalen</h3>
<h4>Innskuddsfritak</h4>
<p>
Pensjonsavtalen din inkluderer innskuddsfritak. Det gjør at hvis du blir sykemeldt, så fortsetter sparingen din til pensjon, som om du var i jobb.
</p>
<p>
Innskuddsfritak er lovpålagt og din arbeidsgiver betaler <strong>516 kroner</strong> i året for at du skal få det.
</p>
<h4>Uførepensjon</h4>
<p>
Pensjonsavtalen din inkluderer uførepensjon. Det vil si at hvis du blir ufør så får du utbetalt uførepensjon frem til du pensjonerer deg, og deretter får du pensjon.
</p>
<p>
Arbeidsgiver har valgt å betale ekstra for å gi deg denne dekningen.
</p>
</div>
<div class="hidden-xs col-sm-4">
</div>
</div>
<div style="display: none;" class="row product1 stbcolor-primary third">
<div class="col-xs-12 padded-10 text-right">
<p><strong onclick="$('.product1').slideToggle();$('#product1Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product1');return false;"> Lukk detaljer</strong> <a href="#" onclick="$('.product1').slideToggle();$('#product1Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product1');return false;"><span class="stb-sprite-medium pull-right chevron-up red"></span></a></p>
</div>
</div>
<!-- / Product 1 -->
<!-- Product 2 -->
<div id="product2" class="row top-margin-10 top-padding-20 bottom-padding-10 stbcolor-primary third hovering-hand" onclick="$('.product2').slideToggle();$('#product2Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product2');return false;"><!-- Row, product2 header -->
<div class="col-xs-8 col-sm-9">
<h3 class="stb-font">
Uførepensjon 1349034
</h3>
</div>
<div class="col-xs-4 col-sm-3 text-right">
<p><strong class="hidden-xs"> Detaljer</strong> <a href="#" onclick="return false;"><span id="product2Toggler" class="stb-sprite-medium pull-right chevron-down"></span></a></p>
</div>
</div><!-- /Row, product2 header -->
<div style="display: none;" class="row product2 stbcolor-primary third">
<div class="col-xs-12">
<p><strong>Just you wait and see ... </strong></p>
</div>
<div class="col-xs-12 text-right">
<p><strong onclick="$('.product2').slideToggle();$('#product2Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product2');return false;"> Lukk detaljer</strong> <a href="#" onclick="$('.product2').slideToggle();$('#product2Toggler').toggleClass('chevron-down red chevron-up');scrollToHash('#product2');return false;"><span class="stb-sprite-medium pull-right chevron-up red"></span></a></p>
</div>
</div>
<!-- / Product 2 -->
</div><!-- /Container -->
</div><!-- /Banner -->
</div><!-- /Background -->
<!-- Feedback module, read from /site/redkun.nsf/vwpure?openview&restricttocategory=|tilbakemeldinger-fra-pilot| -->
<div class="container top-padding-10">
<div class="row">
<div class="col-sm-12 feedbackContainer" style="margin-bottom: 12px;">
<hr />
<span class="hidden-xs text-center">
<h2>
Gi oss din tilbakemelding
</h2>
<p>
Hva synes du er bra? Hva kan vi gjøre bedre? Dine innspill kan gjøre denne siden bedre.
</p>
<p>
<strong>Viktig</strong>: Kommentarene behandles anonymt, vennligst ikke oppgi personlig informasjon.
</p>
</span>
<span class="visible-xs">
<h2>
Gi oss din tilbakemelding
</h2>
<p>
Hva synes du er bra? Hva kan vi gjøre bedre? Dine innspill kan gjøre denne siden bedre.
</p>
<p>
<strong>Viktig</strong>: Kommentarene behandles anonymt, vennligst ikke oppgi personlig informasjon.
</p>
</span>
<div class="feedbackContainer top-padding-10" style="border-radius: 10px;" id="feedbackMsg">
<span class="hidden-xs">
<center>
<textarea id="feedbackText" rows="5" cols="65" class="hidden-xs" placeholder="Skriv akkurat hva du mener."></textarea>
<br />
<button class="stb-btn transparent light top-margin-10" onclick="sendFeedBack()">
Send tilbakemelding
</button>
</center>
</span>
<span class="visible-xs">
<textarea id="feedbackText" rows="5" cols="40" class="visible-xs" placeholder="Si akkurat hva du mener."></textarea>
<br />
<button class="stb-btn transparent light" onclick="sendFeedBack()">
Send tilbakemelding
</button>
</span>
</div>
</center>
</center>
<hr />
</div>
<div class="col-sm-12 hidden" id="feedbackContainerReceipt">
<center>
<p class="intro top-padding-20">
Takk for hjelpen!
</p>
</center>
</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("#feedbackText").bind("focus", function () {
jQuery('#feedbackText').val('');
});
});
function sendFeedBack() {
var page = window.location.pathname;
var msg = jQuery('#feedbackText').val();
ga('send', 'event', page, "Pilot Ansatteoversikten", msg);
jQuery('.feedbackContainer').slideUp('slow');
jQuery('#feedbackContainerReceipt').removeClass('hidden');
}
</script>
<!-- /Feedback-module -->
<!-- Bunnmeny -->
<footer class="desktopfooter stbcolor-primary first stb-footer">
<div class="row toTop">
<div class="col-xs-7 col-xs-offset-5 stbcolor-primary first darker">
<a href="#" onclick="$('html, body').animate({ scrollTop: 0}, 500); return false;" class="stb-footer-link" id="footerTopLinkText">Til toppen
<span class="stb-sprite-medium white arrow-up" id="footerTopLinkIcon"></span>
</a>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-sm-12">
<p>Opphavsrett © Storebrand</p>
</div>
</div>
</div>
</footer>
<!-- /Bunnmeny -->
<!-- Proper Google Analytics tags should be added here! -->
</body>
</html>