{"id":166,"date":"2023-06-15T09:39:15","date_gmt":"2023-06-15T09:39:15","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/hrm\/?page_id=166"},"modified":"2026-04-20T05:04:47","modified_gmt":"2026-04-20T05:04:47","slug":"permanent-staff","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/hrm\/permanent-staff\/","title":{"rendered":"Permanent Staff"},"content":{"rendered":"\n<p>&nbsp;<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Academic Staff \u00b7 HRM Unit<\/title>\n    <!-- Google Font for clean modern look -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome Icons (v6 free) -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: 'Inter', system-ui, -apple-system, sans-serif;\n            background: #f4f7fb;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            min-height: 100vh;\n            padding: 2rem 1.5rem;\n        }\n\n        .staff-card-container {\n            max-width: 1280px;\n            width: 100%;\n            background: white;\n            border-radius: 2.5rem;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n            padding: 2.5rem 2rem;\n            transition: all 0.2s ease;\n        }\n\n        \/* main heading \u2013 exactly as in table *\/\n        .page-heading {\n            font-size: 2.2rem;\n            font-weight: 600;\n            letter-spacing: -0.02em;\n            color: #0a2540;\n            border-bottom: 3px solid #e6edf5;\n            padding-bottom: 1rem;\n            margin-bottom: 2rem;\n        }\n        .page-heading i {\n            color: #2c6e9c;\n            margin-right: 12px;\n        }\n\n        \/* staff grid \u2013 perfect responsive replacement for the table rows *\/\n        .staff-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 2rem 2rem;\n        }\n\n        \/* each staff card (table cell pair) *\/\n        .staff-card {\n            display: flex;\n            gap: 1.25rem;\n            align-items: flex-start;\n            background: #ffffff;\n            border-radius: 1.8rem;\n            padding: 1.5rem 1.5rem 1.5rem 1.8rem;\n            border: 1px solid #eef2f8;\n            transition: all 0.2s;\n            box-shadow: 0 8px 15px rgba(0, 20, 30, 0.02);\n        }\n\n        .staff-card:hover {\n            border-color: #cbdbe9;\n            box-shadow: 0 20px 25px -12px rgba(18, 52, 77, 0.12);\n            background-color: #fcfdff;\n        }\n\n        \/* image column \u2013 fixed width *\/\n        .staff-img {\n            flex-shrink: 0;\n            width: 110px;\n            text-align: center;\n        }\n\n        .staff-img img {\n            width: 100%;\n            height: auto;\n            aspect-ratio: 188\/204; \/* maintain original proportion ~0.92 *\/\n            max-width: 188px;\n            border-radius: 1.2rem;\n            object-fit: cover;\n            background: #f1f6fa;\n            border: 2px solid white;\n            box-shadow: 0 10px 18px -8px rgba(32, 52, 70, 0.2);\n            transition: transform 0.2s;\n        }\n\n        .staff-card:hover .staff-img img {\n            transform: scale(1.02);\n        }\n\n        \/* info column *\/\n        .staff-info {\n            flex: 1;\n            min-width: 0; \/* avoid overflow *\/\n        }\n\n        .staff-info h4 {\n            font-size: 1.25rem;\n            font-weight: 600;\n            line-height: 1.3;\n            color: #0b2d44;\n            margin-bottom: 0.2rem;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            flex-wrap: wrap;\n        }\n\n        .staff-info h5 {\n            font-size: 1rem;\n            font-weight: 500;\n            color: #2d577b;\n            background: #e9f0f8;\n            display: inline-block;\n            padding: 0.3rem 1rem;\n            border-radius: 40px;\n            margin: 0.5rem 0 0.9rem 0;\n            border: 1px solid #d2e2f0;\n            letter-spacing: 0.01em;\n        }\n\n        \/* profile button \u2013 exactly like .btn in original snippet *\/\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background: #1d5b8e;\n            color: white !important;\n            text-decoration: none;\n            font-weight: 500;\n            font-size: 0.9rem;\n            padding: 0.6rem 1.4rem;\n            border-radius: 40px;\n            border: 1px solid #1d5b8e;\n            transition: all 0.15s;\n            box-shadow: 0 4px 8px rgba(0, 60, 100, 0.08);\n            letter-spacing: 0.3px;\n            margin-top: 0.25rem;\n        }\n\n        .btn i {\n            font-size: 0.9rem;\n            transition: transform 0.1s;\n        }\n\n        .btn:hover {\n            background: white;\n            color: #1d5b8e !important;\n            border-color: #1d5b8e;\n            box-shadow: 0 8px 14px -6px rgba(26, 87, 135, 0.25);\n        }\n\n        .btn:hover i {\n            transform: translateX(3px);\n            color: #1d5b8e;\n        }\n\n        \/* placeholder for empty cells (kept exact) *\/\n        .empty-cell {\n            opacity: 0.3;\n            font-style: italic;\n            color: #8b9eb1;\n            background: #f9fcff;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 1.5rem;\n            padding: 1.5rem 0;\n            border: 1px dashed #c6d7e8;\n            font-size: 0.95rem;\n        }\n\n        .empty-cell i {\n            margin-right: 8px;\n        }\n\n        \/* last row: we keep the two empty cells as per original markup *\/\n        .last-row-placeholder {\n            display: flex;\n            gap: 2rem;\n            margin-top: 2rem;\n        }\n\n        .last-row-placeholder .staff-card-placeholder {\n            flex: 1;\n        }\n\n        \/* fine tune for mobile: 1 column *\/\n        @media (max-width: 900px) {\n            .staff-grid {\n                grid-template-columns: 1fr;\n                gap: 1.5rem;\n            }\n            .staff-card {\n                padding: 1.2rem;\n            }\n        }\n\n        @media (max-width: 550px) {\n            .staff-card {\n                flex-direction: column;\n                align-items: center;\n                text-align: center;\n            }\n            .staff-img {\n                width: 140px;\n            }\n            .staff-info h5 {\n                display: inline-block;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            .btn {\n                width: fit-content;\n                margin-left: auto;\n                margin-right: auto;\n            }\n            .page-heading {\n                font-size: 1.9rem;\n            }\n        }\n\n        \/* subtle icon for academic staff *\/\n        .accent-icon {\n            color: #1d5b8e;\n            opacity: 0.6;\n            font-size: 0.9rem;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"staff-card-container\">\n    <!-- main header exactly as in original: Academic Staff (colspan=2 heading) -->\n    <div class=\"page-heading\">\n        <i class=\"fas fa-chalkboard-teacher\"><\/i> Academic Staff\n    <\/div>\n\n    <!-- staff grid (2\u2011column rows) -->\n    <div class=\"staff-grid\">\n\n        <!-- Row 1: Professor Mangaleswaran + Mr. Harikaran -->\n        <!-- Prof. Thampoe Mangaleswaran card -->\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2023\/03\/man.jpg\" alt=\"Prof. Thampoe Mangaleswaran\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Prof. Thampoe Mangaleswaran<\/h4>\n                <h5>Professor in Human Resource Management<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/professor-t-mangaleswaran\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Mr. Sivarajah Harikaran card -->\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2023\/06\/Harikaran.jpg\" alt=\"Mr. Sivarajah Harikaran\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Mr. Sivarajah Harikaran<\/h4>\n                <h5>Senior Lecturer Gr.II<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/mr-sivarajah-harikaran\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Row 2: Ms. Aqeela + Mr. Mathushan -->\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2025\/10\/my-profile-photo1-1-282x300.jpg\" alt=\"Ms. Mohamed Rafeek Fathima Aqeela\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Ms. Mohamed Rafeek Fathima Aqeela<\/h4>\n                <h5>Senior Lecturer (Gr.II)<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/ms-mrf-aqeela-ijas\/?\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2025\/06\/02-mathu-1-scaled.jpg\" alt=\"Mr. Packiyanathan Mathushan\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Mr. Packiyanathan Mathushan<\/h4>\n                <h5>Senior Lecturer (Gr.II)<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/mr-mathushan\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n\n        <!-- Row 3: Ms. Prasheenaa + Mr. Mohamed Ithrees -->\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2023\/03\/PRASHEE1.jpg.png\" alt=\"Ms. Prasheenaa Abenayan\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Ms. Prasheenaa Abenayan<\/h4>\n                <h5>Lecturer in HRM<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/abenayan-prasheenaa\/\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"staff-card\">\n            <div class=\"staff-img\">\n                <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2025\/06\/qq-262x300.jpg\" alt=\"Mr. Mohamed Ithrees\" loading=\"lazy\">\n            <\/div>\n            <div class=\"staff-info\">\n                <h4>Mr. Mohamed Ithrees<\/h4>\n                <h5>Lecturer (Unconfirmed)<\/h5>\n                <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/hrm\/?page_id=1018&#038;preview=true\" target=\"_blank\" rel=\"noopener\"><i class=\"fas fa-id-card\"><\/i> View Profile<\/a>\n            <\/div>\n        <\/div>\n    <\/div> <!-- end staff-grid -->\n\n<\/div> <!-- end container -->\n\n<!-- subtle note: the original table had two empty cells in last row. they are represented above -->\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Academic Staff \u00b7 HRM Unit Academic Staff Prof. Thampoe Mangaleswaran Professor in Human Resource Management View Profile Mr. Sivarajah Harikaran Senior Lecturer Gr.II View Profile Ms. Mohamed Rafeek Fathima [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-166","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/comments?post=166"}],"version-history":[{"count":28,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/166\/revisions"}],"predecessor-version":[{"id":1230,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/166\/revisions\/1230"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/media?parent=166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}