{"id":29027,"date":"2026-08-23T10:24:01","date_gmt":"2026-08-23T04:54:01","guid":{"rendered":"https:\/\/eng.pdn.ac.lk\/civileng\/?page_id=29027"},"modified":"2026-08-29T15:18:48","modified_gmt":"2026-08-29T09:48:48","slug":"safety","status":"publish","type":"page","link":"https:\/\/eng.pdn.ac.lk\/civileng\/safety\/","title":{"rendered":"Safety"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"29027\" class=\"elementor elementor-29027\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0136c41 e-flex e-con-boxed e-con e-parent\" data-id=\"0136c41\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-57a0d66 elementor-widget elementor-widget-html\" data-id=\"57a0d66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   LABORATORY SAFETY\r\n   Dark Blue + White\r\n========================================================= *\/\r\n\r\n.ce-lab-safety{\r\n    --dark-blue:#0B1F3A;\r\n    --blue:#163A63;\r\n    --light:#F6F8FB;\r\n    --white:#FFFFFF;\r\n    --border:#E1E7EF;\r\n\r\n    width:100%;\r\n    padding:60px 20px;\r\n    background:var(--light);\r\n    box-sizing:border-box;\r\n    font-family:Arial,Helvetica,sans-serif;\r\n}\r\n\r\n.ce-lab-container{\r\n    max-width:1150px;\r\n    margin:auto;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TITLE\r\n========================================================= *\/\r\n\r\n.ce-lab-title{\r\n    text-align:center;\r\n    margin-bottom:42px;\r\n}\r\n\r\n.ce-lab-title h2{\r\n    margin:0;\r\n    color:var(--dark-blue);\r\n    font-size:38px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n}\r\n\r\n.ce-lab-title-line{\r\n    width:65px;\r\n    height:4px;\r\n    margin:16px auto 0;\r\n    background:var(--dark-blue);\r\n    border-radius:20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TWO CARDS\r\n========================================================= *\/\r\n\r\n.ce-lab-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:32px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARD\r\n========================================================= *\/\r\n\r\n.ce-lab-card{\r\n    position:relative;\r\n    background:#fff;\r\n    border:1px solid var(--border);\r\n    border-radius:20px;\r\n    overflow:hidden;\r\n    box-shadow:0 12px 35px rgba(11,31,58,.09);\r\n    transition:.4s ease;\r\n}\r\n\r\n.ce-lab-card:hover{\r\n    transform:translateY(-8px);\r\n    box-shadow:0 22px 50px rgba(11,31,58,.16);\r\n}\r\n\r\n.ce-lab-card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    z-index:5;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:5px;\r\n    background:var(--dark-blue);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE\r\n========================================================= *\/\r\n\r\n.ce-lab-image{\r\n    position:relative;\r\n    width:100%;\r\n    height:270px;\r\n    overflow:hidden;\r\n    background:var(--dark-blue);\r\n}\r\n\r\n.ce-lab-image img{\r\n    width:100%;\r\n    height:100%;\r\n    display:block;\r\n    object-fit:cover;\r\n    transition:.7s ease;\r\n}\r\n\r\n.ce-lab-card:hover .ce-lab-image img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.ce-lab-image:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(\r\n        to bottom,\r\n        rgba(11,31,58,.05),\r\n        rgba(11,31,58,.35)\r\n    );\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ICON\r\n========================================================= *\/\r\n\r\n.ce-lab-icon{\r\n    position:absolute;\r\n    z-index:6;\r\n    left:25px;\r\n    bottom:20px;\r\n\r\n    width:58px;\r\n    height:58px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:#fff;\r\n    color:var(--dark-blue);\r\n\r\n    border-radius:14px;\r\n    font-size:27px;\r\n\r\n    box-shadow:0 8px 25px rgba(0,0,0,.20);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.ce-lab-content{\r\n    padding:28px 30px 32px;\r\n}\r\n\r\n.ce-lab-content h3{\r\n    margin:0 0 25px;\r\n    color:var(--dark-blue);\r\n    font-size:22px;\r\n    line-height:1.45;\r\n    font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n========================================================= *\/\r\n\r\n.ce-lab-button{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    gap:10px;\r\n\r\n    width:100%;\r\n    min-height:49px;\r\n\r\n    padding:12px 18px;\r\n\r\n    background:var(--dark-blue);\r\n    color:#fff !important;\r\n\r\n    text-decoration:none !important;\r\n    border-radius:9px;\r\n\r\n    font-size:14px;\r\n    font-weight:700;\r\n\r\n    box-sizing:border-box;\r\n    transition:.3s ease;\r\n}\r\n\r\n.ce-lab-button:hover{\r\n    background:var(--blue);\r\n    color:#fff !important;\r\n}\r\n\r\n.ce-lab-arrow{\r\n    font-size:18px;\r\n    transition:.3s ease;\r\n}\r\n\r\n.ce-lab-button:hover .ce-lab-arrow{\r\n    transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:800px){\r\n\r\n    .ce-lab-grid{\r\n        grid-template-columns:1fr;\r\n        max-width:650px;\r\n        margin:auto;\r\n        gap:25px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:600px){\r\n\r\n    .ce-lab-safety{\r\n        padding:45px 15px;\r\n    }\r\n\r\n    .ce-lab-title h2{\r\n        font-size:30px;\r\n    }\r\n\r\n    .ce-lab-image{\r\n        height:220px;\r\n    }\r\n\r\n    .ce-lab-content{\r\n        padding:25px;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section class=\"ce-lab-safety\">\r\n\r\n    <div class=\"ce-lab-container\">\r\n\r\n\r\n        <!-- =================================================\r\n             TITLE\r\n        ================================================== -->\r\n\r\n        <div class=\"ce-lab-title\">\r\n\r\n            <h2>Laboratory Safety<\/h2>\r\n\r\n            <div class=\"ce-lab-title-line\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             TWO CARDS\r\n        ================================================== -->\r\n\r\n        <div class=\"ce-lab-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 01\r\n                 LABORATORY SAFETY GUIDELINES\r\n            ================================================== -->\r\n\r\n            <article class=\"ce-lab-card\">\r\n\r\n                <div class=\"ce-lab-image\">\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1543002588-bfa74002ed7e?auto=format&fit=crop&w=1200&q=90\"\r\n                        alt=\"Laboratory Safety Guidelines\"\r\n                    >\r\n\r\n                    <div class=\"ce-lab-icon\">\r\n                        \ud83d\udcd6\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ce-lab-content\">\r\n\r\n                    <h3>\r\n                        Laboratory Safety Guidelines\r\n                    <\/h3>\r\n\r\n\r\n                    <!-- =================================================\r\n                         \ud83d\udd34\ud83d\udd34\ud83d\udd34 LABORATORY SAFETY GUIDELINES URL \ud83d\udd34\ud83d\udd34\ud83d\udd34\r\n                         \r\n                         PASTE YOUR URL INSIDE href=\"HERE\"\r\n                         \r\n                         Example:\r\n                         href=\"https:\/\/example.com\/safety.pdf\"\r\n                    ================================================== -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/eng.pdn.ac.lk\/civileng\/wp-content\/uploads\/2025\/03\/laboratory_safety_guidelines.pdf\"\r\n                        class=\"ce-lab-button\"\r\n                    >\r\n\r\n                        Laboratory Safety Guidelines\r\n\r\n                        <span class=\"ce-lab-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 CARD 02\r\n                 FIRST AID & FIRE PROTECTION\r\n            ================================================== -->\r\n\r\n            <article class=\"ce-lab-card\">\r\n\r\n                <div class=\"ce-lab-image\">\r\n\r\n                    <!-- MODERN FIRE PROTECTION IMAGE -->\r\n\r\n                    <img decoding=\"async\"\r\n                        src=\"https:\/\/images.unsplash.com\/photo-1516841273335-e39b37888115?auto=format&fit=crop&w=1200&q=90\"\r\n                        alt=\"First Aid and Fire Protection\"\r\n                    >\r\n\r\n                    <div class=\"ce-lab-icon\">\r\n                        \ud83d\udd25\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"ce-lab-content\">\r\n\r\n                    <h3>\r\n                        Hand Book of First Aid and Fire Protection\r\n                    <\/h3>\r\n\r\n\r\n                    <!-- =================================================\r\n                         \ud83d\udd34\ud83d\udd34\ud83d\udd34 FIRST AID \/ FIRE PROTECTION URL \ud83d\udd34\ud83d\udd34\ud83d\udd34\r\n                         \r\n                         PASTE YOUR URL INSIDE href=\"HERE\"\r\n                         \r\n                         Example:\r\n                         href=\"https:\/\/example.com\/fire.pdf\"\r\n                    ================================================== -->\r\n\r\n                    <a\r\n                        href=\"https:\/\/eng.pdn.ac.lk\/civileng\/wp-content\/uploads\/2025\/03\/handbook_firstaid_fire_protection.pdf\"\r\n                        class=\"ce-lab-button\"\r\n                    >\r\n\r\n                        Hand Book of First Aid and Fire Protection\r\n\r\n                        <span class=\"ce-lab-arrow\">\r\n                            \u2192\r\n                        <\/span>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Laboratory Safety \ud83d\udcd6 Laboratory Safety Guidelines Laboratory Safety Guidelines \u2192 \ud83d\udd25 Hand Book of First Aid and Fire Protection Hand Book of First Aid and Fire Protection \u2192<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"rs_blank_template":"","rs_page_bg_color":"","slide_template_v7":"","footnotes":""},"class_list":["post-29027","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/pages\/29027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/comments?post=29027"}],"version-history":[{"count":3,"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/pages\/29027\/revisions"}],"predecessor-version":[{"id":30326,"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/pages\/29027\/revisions\/30326"}],"wp:attachment":[{"href":"https:\/\/eng.pdn.ac.lk\/civileng\/wp-json\/wp\/v2\/media?parent=29027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}