Project Management Staff Directory<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\n min-height: 100vh;\n padding: 40px 20px;\n color: #333;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .header h1 {\n font-size: 2.8rem;\n color: #1a3c6e;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .header h1:after {\n content: '';\n position: absolute;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n }\n \n .header p {\n font-size: 1.2rem;\n color: #555;\n max-width: 700px;\n margin: 25px auto 0;\n line-height: 1.6;\n }\n \n .pm-staff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n \n .pm-staff-card {\n background: #ffffff;\n border-radius: 18px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .pm-staff-card:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n z-index: 2;\n }\n \n .pm-staff-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n }\n \n .image-container {\n width: 200px;\n height: 200px;\n margin: 0 auto 20px;\n position: relative;\n border-radius: 50%;\n padding: 8px;\n background: linear-gradient(135deg, #0056b3 0%, #4a90e2 100%);\n box-shadow: 0 8px 20px rgba(0, 86, 179, 0.3);\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n .image-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n border: 5px solid white;\n transition: transform 0.5s ease;\n }\n \n .pm-staff-card:hover .image-container img {\n transform: scale(1.05);\n }\n \n .pm-staff-card h4 {\n margin: 15px 0 5px;\n font-size: 1.4rem;\n font-weight: 700;\n color: #1a3c6e;\n }\n \n .pm-staff-card h5 {\n margin: 0 0 20px;\n font-size: 1rem;\n font-weight: 500;\n color: #555;\n padding-bottom: 15px;\n border-bottom: 1px solid #eee;\n }\n \n .btn {\n display: inline-block;\n padding: 10px 22px;\n border-radius: 50px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n color: #ffffff;\n text-decoration: none;\n font-size: 0.95rem;\n font-weight: 600;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 86, 179, 0.2);\n letter-spacing: 0.5px;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .btn:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0%;\n height: 100%;\n background: linear-gradient(90deg, #003d82, #0056b3);\n transition: width 0.4s ease;\n z-index: -1;\n border-radius: 50px;\n }\n \n .btn:hover:before {\n width: 100%;\n }\n \n .btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 7px 20px rgba(0, 86, 179, 0.3);\n }\n \n .btn.disabled {\n background: linear-gradient(90deg, #aaa, #ccc);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n cursor: default;\n pointer-events: none;\n }\n \n .btn.disabled:before {\n display: none;\n }\n \n .coming-soon {\n position: relative;\n display: inline-block;\n }\n \n .coming-soon:after {\n content: 'soon';\n position: absolute;\n top: -8px;\n right: -8px;\n background: #ff6b6b;\n color: white;\n font-size: 0.7rem;\n padding: 2px 8px;\n border-radius: 10px;\n font-weight: 600;\n }\n \n \/* Role-specific color accents *\/\n .professor .image-container {\n background: linear-gradient(135deg, #1a3c6e 0%, #0056b3 100%);\n }\n \n .senior-lecturer .image-container {\n background: linear-gradient(135deg, #0056b3 0%, #4a90e2 100%);\n }\n \n .lecturer .image-container {\n background: linear-gradient(135deg, #4a90e2 0%, #6aaef5 100%);\n }\n \n \/* Badge for role *\/\n .role-badge {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-top: 10px;\n color: white;\n }\n \n .professor .role-badge {\n background: #1a3c6e;\n }\n \n .senior-lecturer .role-badge {\n background: #0056b3;\n }\n \n .lecturer .role-badge {\n background: #4a90e2;\n }\n \n \/* Tablet *\/\n @media (max-width: 1024px) {\n .pm-staff-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .image-container {\n width: 180px;\n height: 180px;\n }\n }\n \n \/* Mobile *\/\n @media (max-width: 768px) {\n .pm-staff-grid {\n grid-template-columns: 1fr;\n max-width: 400px;\n margin: 0 auto;\n }\n \n .header h1 {\n font-size: 2.2rem;\n }\n \n .header p {\n font-size: 1.1rem;\n }\n \n .image-container {\n width: 170px;\n height: 170px;\n }\n \n .pm-staff-card {\n padding: 20px;\n }\n }\n \n \/* Animation for card entrance *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .pm-staff-card {\n animation: fadeInUp 0.6s ease forwards;\n opacity: 0;\n }\n \n .pm-staff-card:nth-child(1) { animation-delay: 0.1s; }\n .pm-staff-card:nth-child(2) { animation-delay: 0.2s; }\n .pm-staff-card:nth-child(3) { animation-delay: 0.3s; }\n .pm-staff-card:nth-child(4) { animation-delay: 0.4s; }\n .pm-staff-card:nth-child(5) { animation-delay: 0.5s; }\n .pm-staff-card:nth-child(6) { animation-delay: 0.6s; }\n \n \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 60px;\n color: #666;\n font-size: 0.9rem;\n }\n \n .footer a {\n color: #0056b3;\n text-decoration: none;\n }\n \n .footer a:hover {\n text-decoration: underline;\n }\n \n \/* Hover effect for entire card *\/\n .pm-staff-card:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 86, 179, 0.05) 0%, rgba(74, 144, 226, 0.05) 100%);\n z-index: -1;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .pm-staff-card:hover:after {\n opacity: 1;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>Project Management Staff<\/h1>\n <p>Meet our dedicated team of project management experts who bring a wealth of knowledge and industry experience to our academic programs. Each faculty member is committed to excellence in teaching and research.<\/p>\n <\/div>\n \n <div class=\"pm-staff-grid\">\n \n <div class=\"pm-staff-card professor\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2024\/10\/Prof.Nanthan-200x200.jpg\" alt=\"Prof. Y. Nanthagopan\">\n <\/div>\n <h4>Prof. Y. Nanthagopan<\/h4>\n <h5>Professor in Project Management<\/h5>\n <div class=\"role-badge\">Professor<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/prof-yogarajah-nanthagopan\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card senior-lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2023\/03\/a-200x200.jpg\" alt=\"Mr. S. Thirugnanasampanthar\">\n <\/div>\n <h4>Mr. S. Thirugnanasampanthar<\/h4>\n <h5>Senior Lecturer Gr. II<\/h5>\n <div class=\"role-badge\">Senior Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/mr-s-thirugnanasampanthar\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card senior-lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2023\/03\/mathy-200x200.jpg\" alt=\"Mrs. S. Mathivathany\">\n <\/div>\n <h4>Mrs. S. Mathivathany<\/h4>\n <h5>Senior Lecturer Gr. II<\/h5>\n <div class=\"role-badge\">Senior Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/?page_id=863&preview=true\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/11\/Ajitha-2.jpeg\" alt=\"Ms. Silvastar Ajitha\">\n <\/div>\n <h4>Ms. Silvastar Ajitha<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/ms-silvaster-ajitha\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/05\/20250523_100505-scaled.jpg\" alt=\"Ms. Sharangi Sasitharan\">\n <\/div>\n <h4>Ms. Sharangi Sasitharan<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/sharangi-sasitharan\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/01\/dd.jpg\" alt=\"Ms. Sathuthika Sasikumar\">\n <\/div>\n <h4>Ms. Sathuthika Sasikumar<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/ms-sathuthika-sasikumar\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>Project Management Department | Faculty of Business Studies<\/p>\n <p>\u00a9 2023 Project Management Program. All rights reserved.<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Add some interactive effects\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.pm-staff-card');\n \n cards.forEach(card => {\n \/\/ Add click effect\n card.addEventListener('click', function(e) {\n if(!e.target.classList.contains('btn') && !e.target.closest('.btn')) {\n this.style.transform = 'scale(0.98)';\n setTimeout(() => {\n this.style.transform = '';\n }, 150);\n }\n });\n \n \/\/ Add focus effect for accessibility\n card.addEventListener('focusin', function() {\n this.style.boxShadow = '0 20px 40px rgba(0, 0, 0, 0.15)';\n });\n \n card.addEventListener('focusout', function() {\n this.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.08)';\n });\n });\n \n \/\/ Add keyboard navigation\n document.addEventListener('keydown', function(e) {\n if(e.key === 'Tab') {\n const focusedCard = document.querySelector('.pm-staff-card:focus');\n if(focusedCard) {\n focusedCard.scrollIntoView({behavior: 'smooth', block: 'nearest'});\n }\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Project Management Staff Directory Project Management Staff Meet our dedicated team of project management experts who bring a wealth of knowledge and industry experience to our academic programs. Each faculty […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":32,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1959,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11\/revisions\/1959"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11,"date":"2023-03-11T05:55:47","date_gmt":"2023-03-11T05:55:47","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/pm\/?page_id=11"},"modified":"2026-04-22T03:28:34","modified_gmt":"2026-04-22T03:28:34","slug":"staff","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/pm\/staff\/","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n Project Management Staff Directory<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background: linear-gradient(135deg, #f5f7fa 0%, #e4edf5 100%);\n min-height: 100vh;\n padding: 40px 20px;\n color: #333;\n }\n \n .container {\n max-width: 1200px;\n margin: 0 auto;\n }\n \n .header {\n text-align: center;\n margin-bottom: 50px;\n }\n \n .header h1 {\n font-size: 2.8rem;\n color: #1a3c6e;\n margin-bottom: 10px;\n position: relative;\n display: inline-block;\n }\n \n .header h1:after {\n content: '';\n position: absolute;\n width: 80px;\n height: 4px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n bottom: -10px;\n left: 50%;\n transform: translateX(-50%);\n border-radius: 2px;\n }\n \n .header p {\n font-size: 1.2rem;\n color: #555;\n max-width: 700px;\n margin: 25px auto 0;\n line-height: 1.6;\n }\n \n .pm-staff-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 30px;\n }\n \n .pm-staff-card {\n background: #ffffff;\n border-radius: 18px;\n padding: 25px;\n text-align: center;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .pm-staff-card:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n z-index: 2;\n }\n \n .pm-staff-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);\n }\n \n .image-container {\n width: 200px;\n height: 200px;\n margin: 0 auto 20px;\n position: relative;\n border-radius: 50%;\n padding: 8px;\n background: linear-gradient(135deg, #0056b3 0%, #4a90e2 100%);\n box-shadow: 0 8px 20px rgba(0, 86, 179, 0.3);\n animation: float 6s ease-in-out infinite;\n }\n \n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-10px); }\n 100% { transform: translateY(0px); }\n }\n \n .image-container img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n border: 5px solid white;\n transition: transform 0.5s ease;\n }\n \n .pm-staff-card:hover .image-container img {\n transform: scale(1.05);\n }\n \n .pm-staff-card h4 {\n margin: 15px 0 5px;\n font-size: 1.4rem;\n font-weight: 700;\n color: #1a3c6e;\n }\n \n .pm-staff-card h5 {\n margin: 0 0 20px;\n font-size: 1rem;\n font-weight: 500;\n color: #555;\n padding-bottom: 15px;\n border-bottom: 1px solid #eee;\n }\n \n .btn {\n display: inline-block;\n padding: 10px 22px;\n border-radius: 50px;\n background: linear-gradient(90deg, #0056b3, #4a90e2);\n color: #ffffff;\n text-decoration: none;\n font-size: 0.95rem;\n font-weight: 600;\n transition: all 0.3s ease;\n box-shadow: 0 4px 15px rgba(0, 86, 179, 0.2);\n letter-spacing: 0.5px;\n position: relative;\n overflow: hidden;\n z-index: 1;\n }\n \n .btn:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 0%;\n height: 100%;\n background: linear-gradient(90deg, #003d82, #0056b3);\n transition: width 0.4s ease;\n z-index: -1;\n border-radius: 50px;\n }\n \n .btn:hover:before {\n width: 100%;\n }\n \n .btn:hover {\n transform: translateY(-3px);\n box-shadow: 0 7px 20px rgba(0, 86, 179, 0.3);\n }\n \n .btn.disabled {\n background: linear-gradient(90deg, #aaa, #ccc);\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n cursor: default;\n pointer-events: none;\n }\n \n .btn.disabled:before {\n display: none;\n }\n \n .coming-soon {\n position: relative;\n display: inline-block;\n }\n \n .coming-soon:after {\n content: 'soon';\n position: absolute;\n top: -8px;\n right: -8px;\n background: #ff6b6b;\n color: white;\n font-size: 0.7rem;\n padding: 2px 8px;\n border-radius: 10px;\n font-weight: 600;\n }\n \n \/* Role-specific color accents *\/\n .professor .image-container {\n background: linear-gradient(135deg, #1a3c6e 0%, #0056b3 100%);\n }\n \n .senior-lecturer .image-container {\n background: linear-gradient(135deg, #0056b3 0%, #4a90e2 100%);\n }\n \n .lecturer .image-container {\n background: linear-gradient(135deg, #4a90e2 0%, #6aaef5 100%);\n }\n \n \/* Badge for role *\/\n .role-badge {\n display: inline-block;\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-top: 10px;\n color: white;\n }\n \n .professor .role-badge {\n background: #1a3c6e;\n }\n \n .senior-lecturer .role-badge {\n background: #0056b3;\n }\n \n .lecturer .role-badge {\n background: #4a90e2;\n }\n \n \/* Tablet *\/\n @media (max-width: 1024px) {\n .pm-staff-grid {\n grid-template-columns: repeat(2, 1fr);\n gap: 25px;\n }\n \n .image-container {\n width: 180px;\n height: 180px;\n }\n }\n \n \/* Mobile *\/\n @media (max-width: 768px) {\n .pm-staff-grid {\n grid-template-columns: 1fr;\n max-width: 400px;\n margin: 0 auto;\n }\n \n .header h1 {\n font-size: 2.2rem;\n }\n \n .header p {\n font-size: 1.1rem;\n }\n \n .image-container {\n width: 170px;\n height: 170px;\n }\n \n .pm-staff-card {\n padding: 20px;\n }\n }\n \n \/* Animation for card entrance *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .pm-staff-card {\n animation: fadeInUp 0.6s ease forwards;\n opacity: 0;\n }\n \n .pm-staff-card:nth-child(1) { animation-delay: 0.1s; }\n .pm-staff-card:nth-child(2) { animation-delay: 0.2s; }\n .pm-staff-card:nth-child(3) { animation-delay: 0.3s; }\n .pm-staff-card:nth-child(4) { animation-delay: 0.4s; }\n .pm-staff-card:nth-child(5) { animation-delay: 0.5s; }\n .pm-staff-card:nth-child(6) { animation-delay: 0.6s; }\n \n \/* Footer *\/\n .footer {\n text-align: center;\n margin-top: 60px;\n color: #666;\n font-size: 0.9rem;\n }\n \n .footer a {\n color: #0056b3;\n text-decoration: none;\n }\n \n .footer a:hover {\n text-decoration: underline;\n }\n \n \/* Hover effect for entire card *\/\n .pm-staff-card:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: linear-gradient(135deg, rgba(0, 86, 179, 0.05) 0%, rgba(74, 144, 226, 0.05) 100%);\n z-index: -1;\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .pm-staff-card:hover:after {\n opacity: 1;\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <div class=\"header\">\n <h1>Project Management Staff<\/h1>\n <p>Meet our dedicated team of project management experts who bring a wealth of knowledge and industry experience to our academic programs. Each faculty member is committed to excellence in teaching and research.<\/p>\n <\/div>\n \n <div class=\"pm-staff-grid\">\n \n <div class=\"pm-staff-card professor\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2024\/10\/Prof.Nanthan-200x200.jpg\" alt=\"Prof. Y. Nanthagopan\">\n <\/div>\n <h4>Prof. Y. Nanthagopan<\/h4>\n <h5>Professor in Project Management<\/h5>\n <div class=\"role-badge\">Professor<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/prof-yogarajah-nanthagopan\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card senior-lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2023\/03\/a-200x200.jpg\" alt=\"Mr. S. Thirugnanasampanthar\">\n <\/div>\n <h4>Mr. S. Thirugnanasampanthar<\/h4>\n <h5>Senior Lecturer Gr. II<\/h5>\n <div class=\"role-badge\">Senior Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/mr-s-thirugnanasampanthar\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card senior-lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2023\/03\/mathy-200x200.jpg\" alt=\"Mrs. S. Mathivathany\">\n <\/div>\n <h4>Mrs. S. Mathivathany<\/h4>\n <h5>Senior Lecturer Gr. II<\/h5>\n <div class=\"role-badge\">Senior Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/?page_id=863&preview=true\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/11\/Ajitha-2.jpeg\" alt=\"Ms. Silvastar Ajitha\">\n <\/div>\n <h4>Ms. Silvastar Ajitha<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/ms-silvaster-ajitha\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2025\/05\/20250523_100505-scaled.jpg\" alt=\"Ms. Sharangi Sasitharan\">\n <\/div>\n <h4>Ms. Sharangi Sasitharan<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/sharangi-sasitharan\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n\n \n <div class=\"pm-staff-card lecturer\">\n <div class=\"image-container\">\n <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/01\/dd.jpg\" alt=\"Ms. Sathuthika Sasikumar\">\n <\/div>\n <h4>Ms. Sathuthika Sasikumar<\/h4>\n <h5>Lecturer (Probationary)<\/h5>\n <div class=\"role-badge\">Lecturer<\/div>\n <a class=\"btn\" href=\"https:\/\/fbs.vau.ac.lk\/pm\/ms-sathuthika-sasikumar\/\" target=\"_blank\" rel=\"noopener\">\n <i class=\"fas fa-user-circle\"><\/i> View Profile\n <\/a>\n <\/div>\n <\/div>\n \n <div class=\"footer\">\n <p>Project Management Department | Faculty of Business Studies<\/p>\n <p>\u00a9 2023 Project Management Program. All rights reserved.<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ Add some interactive effects\n document.addEventListener('DOMContentLoaded', function() {\n const cards = document.querySelectorAll('.pm-staff-card');\n \n cards.forEach(card => {\n \/\/ Add click effect\n card.addEventListener('click', function(e) {\n if(!e.target.classList.contains('btn') && !e.target.closest('.btn')) {\n this.style.transform = 'scale(0.98)';\n setTimeout(() => {\n this.style.transform = '';\n }, 150);\n }\n });\n \n \/\/ Add focus effect for accessibility\n card.addEventListener('focusin', function() {\n this.style.boxShadow = '0 20px 40px rgba(0, 0, 0, 0.15)';\n });\n \n card.addEventListener('focusout', function() {\n this.style.boxShadow = '0 10px 30px rgba(0, 0, 0, 0.08)';\n });\n });\n \n \/\/ Add keyboard navigation\n document.addEventListener('keydown', function(e) {\n if(e.key === 'Tab') {\n const focusedCard = document.querySelector('.pm-staff-card:focus');\n if(focusedCard) {\n focusedCard.scrollIntoView({behavior: 'smooth', block: 'nearest'});\n }\n }\n });\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Project Management Staff Directory Project Management Staff Meet our dedicated team of project management experts who bring a wealth of knowledge and industry experience to our academic programs. Each faculty […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":32,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":1959,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/11\/revisions\/1959"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}