{"id":1866,"date":"2026-03-09T04:49:54","date_gmt":"2026-03-09T04:49:54","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/pm\/?page_id=1866"},"modified":"2026-03-09T04:53:48","modified_gmt":"2026-03-09T04:53:48","slug":"field-visit","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/pm\/field-visit\/","title":{"rendered":"Field Visit"},"content":{"rendered":"\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>Field visits \u00b7 Uni of Vavuniya | with real images<\/title>\n  <!-- Font Awesome 6 (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      background: #f0f5f9;\n      font-family: 'Segoe UI', Roboto, system-ui, sans-serif;\n      padding: 2rem 1.5rem;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .page-wrapper {\n      max-width: 1100px;\n      width: 100%;\n    }\n\n    .univ-header {\n      margin-bottom: 2.5rem;\n      text-align: left;\n    }\n\n    .univ-header h1 {\n      font-size: 2.2rem;\n      font-weight: 600;\n      color: #0a2f44;\n      letter-spacing: -0.5px;\n      border-left: 6px solid #1e6f5c;\n      padding-left: 1.2rem;\n    }\n\n    .univ-header p {\n      color: #2d4c6e;\n      font-size: 1.1rem;\n      margin-top: 0.5rem;\n      padding-left: 1.8rem;\n    }\n\n    .cards-grid {\n      display: flex;\n      flex-direction: column;\n      gap: 1.5rem;\n    }\n\n    .visit-card {\n      background: #ffffff;\n      border-radius: 24px;\n      box-shadow: 0 10px 25px -8px rgba(0, 30, 50, 0.15);\n      transition: all 0.2s ease;\n      border: 1px solid rgba(40, 100, 120, 0.1);\n      overflow: hidden;\n    }\n\n    .visit-card:hover {\n      box-shadow: 0 18px 32px -12px rgba(9, 60, 80, 0.25);\n    }\n\n    .card-header {\n      display: flex;\n      align-items: center;\n      gap: 1rem;\n      padding: 1.3rem 1.8rem;\n      background: linear-gradient(to right, #f9fbfd, #ffffff);\n      cursor: pointer;\n      user-select: none;\n    }\n\n    .card-header h2 {\n      font-size: 1.5rem;\n      font-weight: 550;\n      color: #0b3b4b;\n      margin-right: auto;\n      display: flex;\n      align-items: center;\n      gap: 0.7rem;\n    }\n\n    .card-header h2 i {\n      color: #1e6f5c;\n      font-size: 1.6rem;\n      width: 2rem;\n    }\n\n    .meta-date {\n      background: #e1f0f7;\n      color: #0b4b5c;\n      padding: 0.3rem 1rem;\n      border-radius: 40px;\n      font-size: 0.9rem;\n      font-weight: 500;\n      letter-spacing: 0.3px;\n      white-space: nowrap;\n      margin-right: 0.5rem;\n    }\n\n    .expand-icon {\n      font-size: 1.3rem;\n      color: #1e6f5c;\n      background: #ebf3f5;\n      width: 38px;\n      height: 38px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: 0.25s;\n    }\n\n    .card-content {\n      max-height: 0;\n      opacity: 0;\n      overflow: hidden;\n      padding: 0 1.8rem;\n      background: #fafdff;\n      border-top: 0 solid rgba(50, 100, 120, 0.1);\n      transition: max-height 0.5s cubic-bezier(0.2, 0.9, 0.3, 1), \n                  opacity 0.4s ease,\n                  padding 0.3s ease,\n                  border-width 0.3s;\n    }\n\n    .card-content-inner {\n      padding: 1.8rem 0 2rem 0;\n      color: #1e3b4b;\n      line-height: 1.6;\n      font-size: 1.05rem;\n      display: flex;\n      flex-direction: column;\n      gap: 1.2rem;\n    }\n\n    .expand-toggle {\n      display: none;\n    }\n\n    .expand-toggle:checked + .card-header + .card-content {\n      max-height: 850px;     \/* comfortable for images + text *\/\n      opacity: 1;\n      padding: 0 1.8rem;\n      border-top-width: 2px;\n      border-top-color: #c0dae5;\n    }\n\n    .expand-toggle:checked + .card-header .expand-icon {\n      background: #1e6f5c;\n      color: white;\n      transform: rotate(180deg);\n    }\n\n    \/* image gallery style \u2014 now with real <img> *\/\n    .image-pair {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 1.2rem;\n      margin: 0.5rem 0 0.2rem;\n      justify-content: space-between;\n    }\n\n    .image-card {\n      flex: 1 1 calc(50% - 0.6rem);\n      min-width: 200px;\n      background: #ebf3f7;\n      border-radius: 20px;\n      padding: 0.9rem 0.9rem 0.6rem 0.9rem;\n      box-shadow: 0 4px 10px rgba(0, 20, 30, 0.05);\n      border: 1px solid #cde0e9;\n      transition: transform 0.1s ease;\n    }\n\n    .image-card:hover {\n      transform: scale(0.98);\n    }\n\n    .image-card img {\n      width: 100%;\n      aspect-ratio: 16 \/ 9;\n      object-fit: cover;\n      border-radius: 14px;\n      background: #cbdbe6;\n      display: block;\n      border: 2px solid white;\n      box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n    }\n\n    .image-caption {\n      margin-top: 0.4rem;\n      font-size: 0.85rem;\n      color: #3f6275;\n      text-align: center;\n      background: #f6fafd;\n      padding: 0.3rem 0.5rem;\n      border-radius: 40px;\n      word-break: break-word;\n    }\n\n    .desc-text {\n      background: #ffffff;\n      padding: 1.2rem 1.5rem;\n      border-radius: 18px;\n      box-shadow: inset 0 1px 4px #ddecf3, 0 2px 6px rgba(0,0,0,0.02);\n      border-left: 4px solid #2b8c7c;\n    }\n\n    .insight-badge {\n      display: inline-block;\n      background: #d4e9f0;\n      border-radius: 30px;\n      padding: 0.3rem 1.2rem;\n      font-size: 0.85rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #0b5e6b;\n      margin-right: 0.5rem;\n    }\n\n    .location-tag {\n      display: flex;\n      gap: 1rem;\n      flex-wrap: wrap;\n      margin: 0.5rem 0 0.2rem;\n    }\n\n    .location-tag span {\n      background: #eef5f9;\n      padding: 0.25rem 1rem;\n      border-radius: 30px;\n      font-size: 0.9rem;\n      display: inline-flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    hr {\n      border: none;\n      height: 1px;\n      background: linear-gradient(to right, #bdd8e5, transparent);\n      margin: 0.5rem 0;\n    }\n\n    .footer-note {\n      font-size: 0.95rem;\n      color: #3d6372;\n      background: #e3f0f5;\n      padding: 0.5rem 1.5rem;\n      border-radius: 30px;\n      width: fit-content;\n    }\n\n    @media (max-width: 600px) {\n      body { padding: 1rem; }\n      .card-header { flex-wrap: wrap; }\n      .meta-date { order: 3; width: 100%; text-align: center; }\n      .card-header h2 { font-size: 1.3rem; }\n      .image-pair { flex-direction: column; }\n    }\n  <\/style>\n<\/head>\n<body>\n<div class=\"page-wrapper\">\n\n  <div class=\"univ-header\">\n    <h1>Field Visit and Learning<\/h1>\n    <p>Department of Project Management &#8211; Faculty of Business Studies<\/p>\n  <\/div>\n\n  <div class=\"cards-grid\">\n    <!-- 1. Monitoring & Evaluation (SWRO \/ Iranamadu) -->\n    <div class=\"visit-card\">\n      <input type=\"checkbox\" class=\"expand-toggle\" id=\"expand1\">\n      <label for=\"expand1\" class=\"card-header\">\n        <h2><i class=\"fas fa-chart-line\"><\/i> M&#038;E \u00b7 SWRO &#038; Iranamadu<\/h2>\n        <span class=\"meta-date\"><i class=\"far fa-calendar-alt\"><\/i> 03 Feb 2026<\/span>\n        <span class=\"expand-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/label>\n      <div class=\"card-content\">\n        <div class=\"card-content-inner\">\n          <div class=\"desc-text\">\n            \n            <p style=\"margin-top: 0.7rem;\">On 03 February 2026, third-year Project Management students from the University of Vavuniya visited the National Water Supply and Drainage Board SWRO Plant at Thalayady and the Iranamadu Reservoir as part of the PM 3233 course. The visit provided practical insights into monitoring, evaluation, and water management, effectively connecting theory with real-world infrastructure projects.<\/p>\n          <\/div>\n\n          <!-- TWO IMAGES with corrected links -->\n          <div class=\"image-pair\">\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/a-1.jpg\" alt=\"SWRO plant Thalayady\" loading=\"lazy\">\n              <div class=\"image-caption\">Thalayady desalination plant<\/div>\n            <\/div>\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/aa.png\" alt=\"Iranamadu reservoir\" loading=\"lazy\">\n              <div class=\"image-caption\">Iranamadu tank visit<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"location-tag\">\n            <span><i class=\"fas fa-map-pin\"><\/i> Thalayady SWRO<\/span>\n            <span><i class=\"fas fa-water\"><\/i> Iranamadu Reservoir<\/span>\n          <\/div>\n          <hr>\n          <div><i class=\"fas fa-clipboard-check\" style=\"color:#1e6f5c;\"><\/i> real\u2011time performance monitoring of public water infrastructure.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 2. Regional Planning & Dev (Vavuniya North) -->\n    <div class=\"visit-card\">\n      <input type=\"checkbox\" class=\"expand-toggle\" id=\"expand2\">\n      <label for=\"expand2\" class=\"card-header\">\n        <h2><i class=\"fas fa-city\"><\/i> Regional Planning \u00b7 Vavuniya North<\/h2>\n        <span class=\"meta-date\"><i class=\"far fa-calendar-alt\"><\/i> 09 Feb 2026<\/span>\n        <span class=\"expand-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/label>\n      <div class=\"card-content\">\n        <div class=\"card-content-inner\">\n          <div class=\"desc-text\">\n           \n            <p style=\"margin-top: 0.7rem;\">On 09th February 2026, second-year Project Management students visited Vavuniya North, including Olumadu, Parasankulam, and Nedunkerny, for the Project Quality Management and Regional Planning courses. With support from the Divisional Secretariat Office &#8211; Vavuniya North, students gathered field data to examine regional planning implementation, socio-economic conditions, and quality management practices. The visit strengthened their practical understanding of rural development and linked theory with real-world application.<\/p>\n          <\/div>\n\n          <!-- TWO IMAGES with corrected links -->\n          <div class=\"image-pair\">\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/a.png\" alt=\"Olumadu meeting\" loading=\"lazy\">\n              <div class=\"image-caption\">Olumadu \u00b7 community interaction<\/div>\n            <\/div>\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/sss.png\" alt=\"Parasankulam field data\" loading=\"lazy\">\n              <div class=\"image-caption\">Parasankulam \u00b7 field data collection<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"location-tag\">\n            <span><i class=\"fas fa-village\"><\/i> Olumadu<\/span>\n            <span><i class=\"fas fa-village\"><\/i> Parasankulam<\/span>\n            <span><i class=\"fas fa-village\"><\/i> Nedunkerny<\/span>\n          <\/div>\n          <div class=\"footer-note\"><i class=\"fas fa-hand-holding-heart\"><\/i> divisional secretariat collaboration<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 3. Social harmony & active citizenship (Kokuthoduvai North) -->\n    <div class=\"visit-card\">\n      <input type=\"checkbox\" class=\"expand-toggle\" id=\"expand3\">\n      <label for=\"expand3\" class=\"card-header\">\n        <h2><i class=\"fas fa-handshake\"><\/i> Social Harmony \u00b7 Kokuthoduvai<\/h2>\n        <span class=\"meta-date\"><i class=\"far fa-calendar-alt\"><\/i> 10 Feb 2026<\/span>\n        <span class=\"expand-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/label>\n      <div class=\"card-content\">\n        <div class=\"card-content-inner\">\n          <div class=\"desc-text\">\n           \n            <p>On 10 February 2026, second-year Business Studies students visited Kokuthoduvai North, Mullaitivu, for the Social Harmony and Active Citizenship (ACU 2212) course. Supervised by academic staff, students observed community challenges, with drug abuse identified as a key issue affecting youth and social cohesion. Through discussions and interactions with residents, they explored its impacts and strategies for prevention, enhancing their understanding of active citizenship and the role of collective action in promoting social harmony<\/p>\n          <\/div>\n\n          <!-- TWO IMAGES with corrected links -->\n          <div class=\"image-pair\">\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/xx-1.jpg\" alt=\"Community talk Kokuthoduvai\" loading=\"lazy\">\n              <div class=\"image-caption\">Residents interaction<\/div>\n            <\/div>\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/Zz-1.png\" alt=\"Kokuthoduvai village\" loading=\"lazy\">\n              <div class=\"image-caption\">Kokuthoduvai village overview<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"location-tag\">\n            <span><i class=\"fas fa-location-dot\"><\/i> Kokuthoduvai North<\/span>\n            <span><i class=\"fas fa-users\"><\/i> Mullaitivu district<\/span>\n          <\/div>\n          <hr>\n          <div><i class=\"fas fa-comment-dots\" style=\"color:#1e6f5c;\"><\/i> collective action &#038; youth engagement<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 4. Project Appraisal (HUDEC + Iranamadu) -->\n    <div class=\"visit-card\">\n      <input type=\"checkbox\" class=\"expand-toggle\" id=\"expand4\">\n      <label for=\"expand4\" class=\"card-header\">\n        <h2><i class=\"fas fa-file-invoice\"><\/i> Project Appraisal \u00b7 HUDEC &#038; Tank<\/h2>\n        <span class=\"meta-date\"><i class=\"far fa-calendar-alt\"><\/i> 11 Feb 2026<\/span>\n        <span class=\"expand-icon\"><i class=\"fas fa-chevron-down\"><\/i><\/span>\n      <\/label>\n      <div class=\"card-content\">\n        <div class=\"card-content-inner\">\n          <div class=\"desc-text\">\n           \n            <p style=\"margin-top: 0.7rem;\">On 11.02.2026, first-year Project Management students from the University of Vavuniya visited Human Development Center (HUDEC) and Iranamadu Tank as part of the Project Appraisal course. The visit provided practical insights into project identification, appraisal, implementation, and community impact, while also highlighting the significance of large-scale public development projects. Overall, it effectively connected theoretical learning with real-world applications<\/p>\n          <\/div>\n\n          <!-- TWO IMAGES with corrected links -->\n          <div class=\"image-pair\">\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/mmj.png\" alt=\"HUDEC session\" loading=\"lazy\">\n              <div class=\"image-caption\">Human Development Center<\/div>\n            <\/div>\n            <div class=\"image-card\">\n              <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/pm\/wp-content\/uploads\/2026\/03\/f.png\" alt=\"Iranamadu Tank\" loading=\"lazy\">\n              <div class=\"image-caption\">Iranamadu Tank \u00b7 large-scale irrigation<\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"location-tag\">\n            <span><i class=\"fas fa-hand-holding-heart\"><\/i> HUDEC<\/span>\n            <span><i class=\"fas fa-dam\"><\/i> Iranamadu Tank<\/span>\n          <\/div>\n          <div class=\"footer-note\"><i class=\"fas fa-lightbulb\"><\/i> project cycle from identification to impact<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- footer hint -->\n  <div style=\"margin-top: 3rem; text-align: center; font-size: 0.9rem; color: #527a8a; border-top: 1px dashed #b8d4e0; padding-top: 1.5rem;\">\n    <i class=\"fas fa-chevron-circle-down\" style=\"color:#1e6f5c;\"><\/i> click any card to expand \u2014 images now loaded from your links.  \n    <br>University of Vavuniya \u2014 field visit summary 2026\n  <\/div>\n<\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Field visits \u00b7 Uni of Vavuniya | with real images Field Visit and Learning Department of Project Management &#8211; Faculty of Business Studies M&#038;E \u00b7 SWRO &#038; Iranamadu 03 Feb [&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-1866","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1866","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/comments?post=1866"}],"version-history":[{"count":2,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1866\/revisions"}],"predecessor-version":[{"id":1882,"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/pages\/1866\/revisions\/1882"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/pm\/wp-json\/wp\/v2\/media?parent=1866"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}