{"id":4747,"date":"2023-11-10T08:38:46","date_gmt":"2023-11-10T08:38:46","guid":{"rendered":"https:\/\/F39531A9-8754-4917-AC38-ECDDCF126F06"},"modified":"2024-06-25T11:49:37","modified_gmt":"2024-06-25T11:49:37","slug":"epf-services-info","status":"publish","type":"page","link":"https:\/\/labourdept.gov.lk\/si\/epf-services-info\/","title":{"rendered":"\u0dc3\u0dda\u0dc0\u0d9a \u0d85\u0dbb\u0dca\u0dae\u0dc3\u0dcf\u0db0\u0d9a \u0d85\u0dbb\u0db8\u0dd4\u0daf\u0dbd\u0dca \u0d85\u0d82\u0dc1\u0dba\u0dd9\u0db1\u0dca \u0dc3\u0dda\u0dc0\u0dcf\u0dc0\u0db1\u0dca"},"content":{"rendered":"
<\/span><\/div><\/div><\/div><\/div><\/div>
<\/span>REGISTRATION<\/span><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t\"\"<\/a>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t\"\"<\/a>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
<\/span>Pre-retirement benefits<\/span><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t\"\"<\/a>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div>
\n\t
\n\t\t\n\t\t
\n\t\t\t\"\"<\/a>\n\t\t<\/figure>\n\t<\/div>\n<\/div><\/div><\/div><\/div>
<\/span>Retirement benefits<\/span><\/div><\/div>
<\/span><\/div><\/div><\/div><\/div><\/div>
\n\t
\n\t\t
\n\t\t\t\n\n\n \n CodePen - Hexagon Image Tiles with Hover Desc<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/meyer-reset\/2.0\/reset.min.css\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\" integrity=\"sha384-GLhlTQ8iN17D5L6RrOXBr5FkUnr5r+dlT9ROVRx4e9RwoM56qcF5NqQl6Iw7WA8Y\" crossorigin=\"anonymous\">\n\n<!-- <link rel=\"stylesheet\" href=\".\/style.css\"> -->\n<style>\n\/* Thanks to dmac37 for this hex technique *\/\n@import url(https:\/\/fonts.googleapis.com\/css?family=Lato:300);\n\/* Variables *\/\nh1 {\n font-family: 'Lato', sans-serif;\n font-size: 4em;\n font-weight: 300;\n text-align: center;\n margin: 100px 10px 0 10px;\n}\n\nbody {\n background: #fff;\n}\n\nsection {\n margin: 0 auto;\n text-align: center;\n width: 960px;\n}\n\n.hex_row_even {\n display: inline-block;\n margin: 0 auto -275px auto;\n overflow: hidden;\n}\n\n.hex_row_odd {\n display: inline-block;\n margin: 0 auto -275px auto;\n overflow: hidden;\n}\n\n.center {\n float: left;\n margin: 0px 10px;\n width: 169px;\n}\n\n.hexagon {\n -moz-transform: rotate(120deg);\n -ms-transform: rotate(120deg);\n -webkit-transform: rotate(120deg);\n transform: rotate(120deg);\n cursor: pointer;\n height: 440px;\n overflow: hidden;\n visibility: visible;\n\/* width: 220px;*\/\n width: 169px;\n}\n\n.hex1 {\n -moz-transform: rotate(-60deg);\n -ms-transform: rotate(-60deg);\n -webkit-transform: rotate(-60deg);\n transform: rotate(-60deg);\n height: 100%;\n overflow: hidden;\n width: 100%;\n}\n\n.hex2 {\n -moz-transform: rotate(-60deg);\n -ms-transform: rotate(-60deg);\n -webkit-transform: rotate(-60deg);\n transform: rotate(-60deg);\n height: 100%;\n position: relative;\n visibility: visible;\n width: 100%;\n}\n.hex2[style] {\n\/* background-size: cover !important;*\/\n}\n\n.desc {\n color: white;\n font-family: 'Lato', sans-serif;\n font-size: 1.5em;\n font-weight: 300 !important;\n height: 440px;\n\/* line-height: 1.5em;*\/\n line-height: unset;\n position: absolute;\n text-align: center;\n text-transform: uppercase;\n visibility: visible;\n width: 100%;\n}\n.desc.base {\n background: #9f6c6ccf;\n;\n}\n.desc.one {\n\/* background: rgba(252, 171, 55, 0.75);*\/\nbackground: #9f6c6ccf;\n}\n.desc.two {\n\/* background: rgba(169, 160, 50, 0.75); *\/\nbackground: #9f6c6ccf;\n;\n}\n.desc.three {\n\/* background: rgba(83, 70, 54, 0.75);*\/\nbackground: #9f6c6ccf;\n}\n.desc h2 {\n margin: 165px 20px 0 20px;\n color: white !important;\n}\n.desc p {\n font-size: .5em;\n text-transform: lowercase;\n}\n\n@media (max-width: 768px) {\n\n .center {\n\n width: 220px;\n height: 266px;\n float: none;\n }\n\n .hex_row_odd {\n display: contents;\n margin: 0 auto -275px auto;\n overflow: hidden;\n }\n\n .hex_row_even {\n display: contents;\n margin: 0 auto -275px auto;\n overflow: hidden;\n }\n\n}\n\n\n #main {\n padding: 1px 0 70px 0 !important;\n }\n\n\n\n.desc h2 {\n margin: 165px 20px 0 20px;\n font-size: 13px;\n font-weight: 700;\n}\n\n\n.btn {\n\/* background-color: darkred;*\/\n background-color: #8b0000b3;\n color: white;\n border-radius: 10px;\n font-size: 14px !important;\n}\n\n.btn::hover {\n\/* background-color: darkred;*\/\n background-color: white;\n color: black;\n border-radius: 10px;\n}\n\n.desc h2 {\n margin: 165px 20px 0 20px;\n font-size: 13px;\n color: white;\n}\n\n\nsection {\n margin-top: -81px !important;\n}\n\n.center:hover {\n opacity: 0.9;\n}\n<\/style>\n<\/head>\n<body>\n\n<section>\n<div class=\"hex_row_odd\"> \n\n\n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2023\/07\/20230718123545_fpdl.in_construction-workers-working-construction-site_891336-3380_medium.jpg') center no-repeat\">\n <div class=\"desc one\" style=\"background-color:#ff000087\">\n <h2>Retirement<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-upon-completion-of-age\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-2.png\">\n <\/a>\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center--> \n\n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2023\/12\/girls.jpg') center no-repeat\">\n <div class=\"desc base\" style=\"background-color:#ff000087\">\n <h2>Getting Married<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-for-female-employees-on-marriage-grounds\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-4.png\">\n <\/a>\n\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center--> \n\n\n\n \n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2023\/08\/industrial-health-measures-during-corona-virus-pandemic-1-scaled.jpg') center no-repeat\">\n <div class=\"desc two\" style=\"background-color:#ff000087\">\n <h2>Medical Causes<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-upon-completion-of-age\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-3.png\">\n <\/a>\n\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center--> \n\n\n\n\n<\/div><!--\/hex_row_even-->\n\n<div class=\"hex_row_even\"> \n\n \n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2023\/12\/girls-2.jpg') center no-repeat\">\n <div class=\"desc base\" style=\"background-color:#ff000087\">\n <!-- <i class=\"fas fa-star\"><\/i> -->\n <h2>Pensionable Service<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-upon-receiving-a-permanent-and-pensionable-appointment-in-public-service\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-9.png\">\n <\/a>\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center-->\n\n \n\n \n<div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2022\/04\/7-scaled.jpg') center no-repeat\">\n <div class=\"desc two\" style=\"background-color:#ff000087\">\n <h2>Restructuring<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-upon-restructuring-of-government-corporations-and-statutory-boards\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-6.png\">\n <\/a>\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center--> \n\n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/01\/8.-check-benifits.png') center no-repeat\">\n <div class=\"desc three\" style=\"background-color:#ff000087\">\n <h2>Migrating Abroad<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-on-migration-for-permanent-residence\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-7.png\">\n <\/a>\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center-->\n\n\n\n <div class=\"center\">\n <div class=\"hexagon\">\n <div class=\"hex1\">\n <div class=\"hex2\" style=\"background: url('https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2022\/04\/jpg-1.webp') center no-repeat\">\n <div class=\"desc one\" style=\"background-color:#ff000087\">\n <h2>Death<\/h2>\n <a href=\"..\/payment-of-employees-provident-fund-benefits-in-the-event-of-death-of-the-member\/\">\n <img decoding=\"async\" src=\"https:\/\/sltdigitalservices.lk\/labourv6\/wp-content\/uploads\/2024\/03\/output-onlinepngtools-5.png\">\n <\/a>\n <!-- <div class='btn'><input type=\"button\">Visit<\/input><\/div> -->\n <\/div> \n <\/div><!--\/hex2--> \n <\/div><!--\/hex1-->\n <\/div><!--\/hexagon--> \n <\/div><!--\/center--> \n \n\n \n<\/div><!--\/hex_row_even--> \n \n<div class=\"hex_row_odd\"> \n\n \n\n<\/div><!--\/hex_row_even--> \n\n \n<\/section>\n\n<br>\n<br>\n<br>\n<br>\n<br>\n<br>\n<!-- partial -->\n <script src='\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js'><\/script>\n\n <!-- <script src=\".\/script.js\"><\/script> -->\n\n <script>\n$(document).ready(function() {\n var color = 'one';\n var counter = 0;\n \/\/ $('.desc').hide();\n $('.hexagon').ready(\n function() {\n $(this).find('.desc').fadeIn('fast');\n counter++;\n if (counter === 0) {\n color = 'base';\n } else if (counter === 1) {\n color = 'one';\n } else if (counter === 2) {\n color = 'two';\n } else if (counter === 3) {\n color = 'three';\n } else if (counter >= 4){\n counter = 0 ;\n color = 'base';\n }\n \/\/ $(this).find('.desc').addClass(color);\n }, \n function() {\n $(this).find('.desc').fadeOut('fast', function() {\n \/\/ $(this).removeClass(color);\n \/\/ $(this).find('.desc').addClass(color);\n });\n });\n});\n\n <\/script>\n\n<\/body>\n<\/html>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>REGISTRATION Pre-retirement benefits Retirement benefits CodePen – Hexagon Image Tiles with Hover Desc Retirement Getting Married Medical Causes Pensionable Service Restructuring Migrating Abroad Death<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-4747","page","type-page","status-publish","hentry","description-off"],"_links":{"self":[{"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/pages\/4747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/comments?post=4747"}],"version-history":[{"count":5,"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/pages\/4747\/revisions"}],"predecessor-version":[{"id":5912,"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/pages\/4747\/revisions\/5912"}],"wp:attachment":[{"href":"https:\/\/labourdept.gov.lk\/si\/wp-json\/wp\/v2\/media?parent=4747"}],"curies":[{"name":"\u0da9\u0db6\u0dca\u0dbd\u0dd2\u0dc0\u0dca\u0db4\u0dd3","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}