-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
263 lines (237 loc) · 14.7 KB
/
index.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
<!doctype html>
<html lang="he" dir="rtl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<!-- Primary Meta Tags -->
<title>מחשבון הוזלת דמי ניהול בפנסיה</title>
<meta name="title" content="כמה שווה לכם להוזיל את דמי הניהול בפנסיה?">
<meta name="description" content="רובנו משלמים ומשלמות הרבה יותר מדי על הפנסיה">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.pensia.ninja/">
<meta property="og:title" content="כמה שווה לך להוזיל את דמי הניהול בפנסיה?">
<meta property="og:description" content="רוב הישראלים משלמים הרבה יותר מדי על הפנסיה שלהם">
<meta property="og:image" content="screenshot.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.pensia.ninja/">
<meta property="twitter:title" content="כמה שווה לך להוזיל את דמי הניהול בפנסיה?">
<meta property="twitter:description" content="רובנו משלמים ומשלמות הרבה יותר מדי על הפנסיה">
<meta property="twitter:image" content="screenshot.png">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://hamidheidarinia.github.io/bootstrap-rtl/4.2/assets/css/custom-rtl.min.css">
<link href="https://fonts.googleapis.com/icon?family=Rubik" rel="stylesheet">
<!-- Our home CSS -->
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="pricing-header px-3 py-3 pt-md-5 pb-md-4 mx-auto text-center">
<h4>
רובנו משלמים ומשלמות הרבה יותר מדי על הפנסיה
</h4>
<h1 class="display-3">
כמה שווה לך להוזיל את דמי הניהול בפנסיה?
</h1>
</div>
<div class="container">
<form id="form">
<div class="card-deck mb-3 text-center">
<div class="card mb-4 border-0">
<div class="card-body">
<h3 class="card-title pricing-card-title">הגיל שלי</h3>
<input type="number" pattern="[0-9]*" min="14" max="120" name="current_age" class="form-control" autofocus required></input>
</div>
</div>
<div class="card mb-4 border-0">
<div class="card-body">
<h3 class="card-title pricing-card-title">התחלתי לעבוד בגיל</h3>
<input type="number" pattern="[0-9]*" min="14" max="120" name="start_of_work_age" class="form-control" required></input>
</div>
</div>
<div class="card mb-4 border-0">
<div class="card-body">
<h3 class="card-title pricing-card-title">משכורת ברוטו</h3>
<input type="number" pattern="[0-9]*" min="100" name="salary" class="form-control" required></input>
</div>
</div>
<button type="button" class="btn btn-xl btn-block btn-primary" id="submit" onclick="onSubmit()">
אז כמה כסף זה?
</button>
</div>
</form>
<div class="px-3 py-3 pb-md-4 mx-auto text-center" id="calculations">
<h2 class="display-4-5">
עד היום שילמת
<span id="pastLoss"></span>
₪ מיותרים
</h2>
<h2>
מעבר לאחת מקרנות הפנסיה המומלצות ע"י משרד האוצר
</h2>
<h2 class="display-4"><span id="future">יחסכו לך עוד <span id="futureGains"></span> ₪ עד גיל
הפרישה</span>
</h2>
<hr class="mt-5">
<h2 class="mt-5 mb-3">
איך חישבנו את זה?
</h2>
<div class="text-right" style="font-size: larger">
<p>
המספרים שהצגנו כאן הם הערכה גסה - אבל הם לא מספרים באוויר.
</p>
<p>
בשנת 2018 משרד האוצר בחר ארבע קרנות פנסיה זולות ומומלצות, והגדיר אותן
<a href="https://www.gov.il/he/departments/general/default-pension-funds" target="_blank">כקרנות פנסיה
נבחרות</a>.<br />
הציבור הישראלי אינו מודע למסלולים המוזלים בפנסיה, ומשלם דמי ניהול גבוהים סתם.<br />
התבססנו על כמה
<a href="#" role="button" data-toggle="modal" data-target="#modal-how">הנחות יסוד</a>
כדי לחשב כמה ניתן יהיה לחסוך במעבר לקרן פנסיה נבחרת.
</p>
<p>
<strong>מסתבר שלמרות שההפרש בדמי הניהול נשמע קטן, לאורך השנים ההפרש מצטבר לסכום משמעותי בזכות
אפקט
הריבית דריבית.</strong>
</p>
<p>
רוצה לשחק עם המספרים בעצמך? הכנו לך
<a href="https://docs.google.com/spreadsheets/d/11odS58OlyssaY8bLrq90XrT-yhgD2hYRMA9ZtLincmM/edit?usp=sharing"target="_blank">
אקסל עם כל החישובים</a>.
</p>
<div class="text-center mt-3">
<a href="https://docs.google.com/spreadsheets/d/11odS58OlyssaY8bLrq90XrT-yhgD2hYRMA9ZtLincmM/edit?usp=sharing" target="_blank">
<button type="button" class="btn btn-xl btn-outline-success">קחו אותי לאקסל עם החישובים</button>
</a>
<a href="#" role="button" data-toggle="modal" data-target="#modal-how">
<button type="button" class="btn btn-xl btn-outline-primary">קחו אותי להנחות היסוד</button>
</a>
</div>
</div>
<h2 class="mt-5 mb-3">
רגע, מי אנחנו בעצם?
</h2>
<div class="text-right" style="font-size: larger">
<p>
נעים מאד! אנחנו
<a href="https://twitter.com/orenyomtov" target="_blank">אורן</a>
ו<a href="https://twitter.com/IDardikman" target="_blank">עידן</a>,
מומחי סייבר. לפני חצי שנה התיישבנו לסדר לעצמנו את הפנסיה, קראנו את
<a href="https://www.facebook.com/Finaninja/posts/262057594504625" target="_blank">מדריך הפנסיה של נינג'ה פיננסית</a>,
והבנו שזה קל ושווה המון כסף.
</p>
<p>
החלטנו לנסות להנגיש את מה שלמדנו לעוד אנשים אז פנינו לנתי, הנינג'ה הפיננסית בכבודו ובעצמו,
<a href="https://www.linkedin.com/in/shiraluk/?originalSubdomain=il" target="_blank">ולשירה</a>,
מומחית UX בעלת שם.
</p>
<p>
נפגשנו, אכלנו המון המבורגרים, והתוצאה לפניכם, חינם לכולם. בעתיד אנחנו שואפים לייצר מחשבונים נוספים כדי להפוך את נושא הפנסיה לקל עוד יותר.
</p>
<p>
הפרויקט שלנו מפורסם
<a href="https://github.com/orenyomtov/pensia" target="_blank">כקוד פתוח</a>
ללא מטרת רווח, במטרה להנגיש מידע לציבור.
</p>
</div>
<h2 class="mt-5 mb-3">
מה הלאה?
</h2>
<div class="text-right" style="font-size: larger">
<p>
מה שרואים כאן הוא הערכה בלבד - עכשיו הגיע הזמן להשיג את הנתונים האמיתיים.
</p>
<p>
הצעד הבא הוא לבדוק:
<ol>
<li>
איפה הפנסיה שלך מנוהלת?
</li>
<li>
מה גובה דמי הניהול שלך?
</li>
</ol>
</p>
<p>
אם אין לך תשובות לשאלות האלה - את/ה לא לבד! בשביל זה המציאו את <strong>המסלקה
הפנסיונית</strong>,
שירות של משרד האוצר שיראה לך כמה כסף יש לך ואיפה.
</p>
<p>
למידע וליווי נוסף, אנחנו ממליצים לקרוא את מדריך הפנסיה, שיקח אותך צעד צעד עד להוזלת דמי הניהול בפנסיה שלך. משם אנחנו התחלנו.
</p>
<div class="text-center mt-3">
<a href="https://saver.swiftness.co.il/he-IL/saver#/General/WizardRegistration" target="_blank">
<button type="button" class="btn btn-xl btn-success">קחו אותי למסלקה הפנסיונית!</button>
</a>
<a href="https://financialninja.co.il/pension_guide/" target="_blank">
<button type="button" class="btn btn-xl btn-primary">קחו אותי למדריך הפנסיה!</button>
</a>
</div>
</div>
</br>
<p style="font-size: smaller;">
אין לראות במידע הכלול באתר זה משום ייעוץ/שיווק השקעות ו/או פנסיוני ו/או מס או תחליף לייעוץ/שיווק כאמור אישי וספציפי לכל אדם בהתאם לנתוניו לשם רכישה ו/או ביצוע השקעות, פעולות ו/או עסקאות כלשהן או המלצה או חוות דעת באשר לכדאיות השקעה במוצרים פיננסים מכל מין וסוג שהם. המידע הכלול באתר אינו מהווה תחליף לייעוץ/שיווק השקעות ו/או פנסיוני ואין לפעול על פיו אלא לאחר קבלת ייעוץ אישי המתחשב בצרכיו ובנתוניו האישיים של כל אדם.
</p>
</div>
</div>
<div class="modal fade show" id="modal-how" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle"
aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">איך חישבנו את זה?</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" style="font-size: larger">
<p>
כדי שנוכל לבצע את החישוב התבססנו על מספר הנחות יסוד:
<ol>
<li class="font-weight-bold">
הנחנו שקרן הפנסיה שלך גובה דמי ניהול ממוצעים - 0.21% מהצבירה ו-2.12% מהפקדה.
</li>
<li class="font-weight-bold">
הנחנו שהמעבר יהיה לקרן פנסיה נבחרת שגובה דמי ניהול של 0.1% מהצבירה ו-1.49% מהפקדה.
</li>
<li>
הנחנו שהמשכורת שלך לא משתנה.
</li>
<li>
הנחנו שהתשואה בקרן שלך תהיה זהה לתשואה הממוצעת בפנסיה בעשרים השנים האחרונות - 6.85%.
</li>
<li>
הנחנו שההפרשות לפנסיה יהיו רציפות וימשכו עד גיל הפרישה - 65.
</li>
<li>
הנחנו שלא תתבצע משיכה של דמי הפיצויים, ושאת/ה זכאי/ת להפרשות לפיצויים על פי סעיף 14.
</li>
</ol>
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">הבנתי, תודה!</button>
</div>
</div>
</div>
</div>
<script src="rough-notation.iife.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="script.js"></script>
</body>
</body>
</html>