{"id":196,"date":"2023-06-16T04:27:06","date_gmt":"2023-06-16T04:27:06","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/hrm\/?page_id=196"},"modified":"2026-03-09T06:35:45","modified_gmt":"2026-03-09T06:35:45","slug":"human-resource-club","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/hrm\/human-resource-club\/","title":{"rendered":"Human Resource Club"},"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>HR Club \u00b7 FBS | Vision &#038; Mission<\/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;14..32,700&#038;display=swap\" rel=\"stylesheet\">\n  <!-- Font Awesome 6 (free) for subtle icons -->\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: linear-gradient(145deg, #f0f5fb 0%, #e9f0f7 100%);\n      font-family: 'Inter', sans-serif;\n      min-height: 100vh;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 2rem 1.5rem;\n      color: #1e2f4d;\n    }\n\n    \/* main card container *\/\n    .club-card {\n      max-width: 1000px;\n      width: 100%;\n      background: rgba(255,255,255,0.85);\n      backdrop-filter: blur(4px);\n      -webkit-backdrop-filter: blur(4px);\n      border-radius: 2.5rem;\n      box-shadow: 0 30px 50px -20px rgba(0,35,65,0.25),\n                  inset 0 1px 2px rgba(255,255,255,0.8);\n      padding: 2.8rem 3rem;\n      border: 1px solid rgba(255,255,255,0.7);\n      transition: all 0.3s ease;\n    }\n\n    \/* university header *\/\n    .uni-badge {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      margin-bottom: 2rem;\n      border-bottom: 2px dashed rgba(46, 91, 136, 0.15);\n      padding-bottom: 1.2rem;\n    }\n\n    .uni-badge i {\n      font-size: 2.2rem;\n      color: #1e4b6e;\n      background: white;\n      width: 3.2rem;\n      height: 3.2rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 1.2rem;\n      box-shadow: 0 10px 15px -8px rgba(0,65,105,0.2);\n    }\n\n    .uni-badge h2 {\n      font-weight: 600;\n      font-size: 1.5rem;\n      letter-spacing: -0.02em;\n      color: #153e5a;\n    }\n\n    .uni-badge span {\n      font-weight: 400;\n      color: #386282;\n      font-size: 1rem;\n      background: rgba(28, 78, 120, 0.06);\n      padding: 0.2rem 1rem;\n      border-radius: 40px;\n      margin-left: 0.75rem;\n    }\n\n    \/* introduction *\/\n    .intro p {\n      font-size: 1.05rem;\n      line-height: 1.6;\n      text-align: justify;\n      margin: 1.5rem 0 2rem 0;\n      color: #1f3a57;\n      font-weight: 400;\n      background: rgba(255,255,255,0.6);\n      padding: 1.5rem 2rem;\n      border-radius: 2rem;\n      border: 1px solid rgba(255,255,255,0.9);\n      box-shadow: 0 6px 14px rgba(0,25,45,0.03);\n    }\n\n    \/* ----- LOGO SQUARE (placed after paragraph) ----- *\/\n    .logo-square {\n      width: 180px;\n      height: 180px;\n      margin: 1rem auto 2.5rem auto;  \/* centered, with spacing *\/\n      background: #ffffff;\n      border-radius: 2rem;\n      box-shadow: 0 20px 30px -10px rgba(13, 45, 80, 0.2);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 1.2rem;\n      border: 2px solid rgba(100, 150, 200, 0.2);\n      transition: transform 0.2s ease;\n    }\n\n    .logo-square:hover {\n      transform: scale(1.02);\n      border-color: rgba(52, 111, 155, 0.4);\n    }\n\n    .logo-square img {\n      max-width: 100%;\n      max-height: 100%;\n      object-fit: contain;\n      display: block;\n    }\n\n    \/* three part grid (vision, mission, goal) *\/\n    .vm-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 1.8rem;\n      margin: 2rem 0 1rem;\n    }\n\n    .vm-item {\n      background: white;\n      border-radius: 2rem;\n      padding: 2rem 1.8rem;\n      box-shadow: 0 20px 30px -12px rgba(13, 45, 80, 0.12);\n      transition: all 0.2s;\n      border: 1px solid rgba(230, 242, 255, 0.9);\n    }\n\n    .vm-item:hover {\n      transform: translateY(-6px);\n      box-shadow: 0 30px 40px -16px rgba(13, 55, 90, 0.2);\n      border-color: rgba(151, 196, 235, 0.5);\n    }\n\n    .item-header {\n      display: flex;\n      align-items: center;\n      gap: 0.75rem;\n      margin-bottom: 1.4rem;\n    }\n\n    .item-header i {\n      font-size: 2rem;\n      width: 3rem;\n      height: 3rem;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: #e2ecf9;\n      border-radius: 1.2rem;\n      color: #1d4e7c;\n    }\n\n    .item-header h3 {\n      font-weight: 700;\n      font-size: 1.6rem;\n      letter-spacing: -0.02em;\n      color: #0d334b;\n      line-height: 1.2;\n    }\n\n    .vm-item p {\n      font-size: 1rem;\n      line-height: 1.55;\n      color: #244862;\n      font-weight: 450;\n    }\n\n    \/* goal highlight *\/\n    .goal-highlight p strong {\n      color: #1d4e7c;\n      font-weight: 600;\n      background: #ebf3fa;\n      padding: 0.15rem 0.4rem;\n      border-radius: 8px;\n    }\n\n    \/* footer synergy (kept from original) *\/\n    .tripartite-footer {\n      margin-top: 3rem;\n      background: #daeaf5;\n      border-radius: 3rem;\n      padding: 1.5rem 2rem;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      flex-wrap: wrap;\n      gap: 1.2rem;\n      border: 1px solid rgba(255,255,255,0.7);\n      color: #153753;\n    }\n\n    .synergy-icons {\n      display: flex;\n      align-items: center;\n      gap: 0.3rem 1.2rem;\n      flex-wrap: wrap;\n    }\n\n    .synergy-icons span {\n      display: flex;\n      align-items: center;\n      gap: 0.5rem;\n      font-weight: 500;\n      font-size: 0.95rem;\n      background: rgba(255,255,255,0.5);\n      padding: 0.4rem 1.1rem;\n      border-radius: 40px;\n    }\n\n    .synergy-icons i {\n      color: #1a577b;\n      font-size: 1.1rem;\n    }\n\n    .footer-quote {\n      font-style: italic;\n      font-weight: 400;\n      border-left: 3px solid #26648b;\n      padding-left: 1.2rem;\n      background: rgba(255,255,255,0.25);\n      border-radius: 0 2rem 2rem 0;\n    }\n\n    .footer-quote i {\n      color: #1d5680;\n      margin-right: 0.3rem;\n    }\n\n    hr {\n      border: none;\n      height: 2px;\n      background: linear-gradient(90deg, transparent, #b5cfE5, transparent);\n      margin: 2rem 0 1rem;\n    }\n\n    .incubation-tag {\n      font-size: 0.95rem;\n      text-align: right;\n      color: #2c6085;\n      margin-top: 1rem;\n      font-weight: 450;\n    }\n\n    .incubation-tag i {\n      color: #dc8b3b;\n      margin: 0 0.3rem;\n    }\n\n    \/* responsive *\/\n    @media (max-width: 750px) {\n      .club-card { padding: 2rem 1.5rem; }\n      .vm-grid { grid-template-columns: 1fr; gap: 1.5rem; }\n      .uni-badge { flex-wrap: wrap; }\n      .logo-square { width: 150px; height: 150px; }\n    }\n\n    @media (max-width: 480px) {\n      body { padding: 1rem; }\n      .intro p { padding: 1.2rem; }\n    }\n\n    .intro p {\n      text-align: justify;\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"club-card\">\n    <!-- header with university identity -->\n    <div class=\"uni-badge\">\n      <i class=\"fas fa-user-graduate\"><\/i>\n      <h2>HR Club \u00b7 Faculty of Business Studies <span>University of Vavuniya<\/span><\/h2>\n    <\/div>\n\n    <!-- introduction section (exact provided text) -->\n    <div class=\"intro\">\n      <p>\n        <i class=\"fas fa-quote-left\" style=\"color: #346f9b; opacity: 0.5; margin-right: 6px;\"><\/i>\n        The essence of Human Resource Management and its analysis is learned by application, the hands-on learning which gets engrained in the students\u2019 skill set for a lifetime. It\u2019s hence the endeavour of the HR club to harness the young talents of the University of Vavuniya in the HR aspects of management, in a composite manner by combining the faculty and the students\u2019 focus for the mutual benefit of the tripartite synergy (faculty, students and the society). The principal purpose of initiating HR Club is to carry out series of activities that enrich students\u2019 exposure to perform the human resource functions and shine in real work setting by integrating the students\u2019 interest in the field of Human Resource Management and assist them in developing or enhancing their employability skills. The club serves as an excellent platform for all HR enthusiasts to come forward and exchange their ideas relating to the latest trends of HR, to explore the vast ocean of HR knowledge, and to sustain and preserve the ideals of Human resource management. In the Future, the HR club of FBS will incubate future leaders by engaging diverse, innovative methodologies, including experiential learning, simulations, and real-life projects.\n        <i class=\"fas fa-quote-right\" style=\"color: #346f9b; opacity: 0.5; margin-left: 6px;\"><\/i>\n      <\/p>\n    <\/div>\n\n    <!-- LOGO SQUARE (appears immediately after paragraph) -->\n    <div class=\"logo-square\">\n      <img decoding=\"async\" src=\"https:\/\/fbs.vau.ac.lk\/hrm\/wp-content\/uploads\/2026\/03\/hrclub-1.png\" \n           alt=\"HR Club logo\"\n           onerror=\"this.onerror=null; this.src='data:image\/svg+xml,%3Csvg xmlns=\\'http:\/\/www.w3.org\/2000\/svg\\' width=\\'100\\' height=\\'100\\' viewBox=\\'0 0 100 100\\'%3E%3Crect width=\\'100\\' height=\\'100\\' fill=\\'%23e2ecf9\\'\/%3E%3Ctext x=\\'10\\' y=\\'55\\' font-family=\\'Inter\\' font-size=\\'14\\' fill=\\'%231d4e7c\\'%3EHR logo%3C\/text%3E%3C\/svg%3E';\">\n    <\/div>\n\n    <!-- Vision \/ Mission \/ Goal grid (exact wording) -->\n    <div class=\"vm-grid\">\n      <!-- Vision card -->\n      <div class=\"vm-item\">\n        <div class=\"item-header\">\n          <i class=\"fas fa-eye\"><\/i>\n          <h3>Vision<\/h3>\n        <\/div>\n        <p>To transform students\u2019 caliber.<\/p>\n      <\/div>\n\n      <!-- Mission card -->\n      <div class=\"vm-item\">\n        <div class=\"item-header\">\n          <i class=\"fas fa-bullseye\"><\/i>\n          <h3>Mission<\/h3>\n        <\/div>\n        <p>Reinforce the student\u2019s competencies and employability skills through discovering and applying creative and innovative ideas, methods and techniques.<\/p>\n      <\/div>\n\n      <!-- Goal card -->\n      <div class=\"vm-item goal-highlight\">\n        <div class=\"item-header\">\n          <i class=\"fas fa-flag-checkered\"><\/i>\n          <h3>Goal<\/h3>\n        <\/div>\n        <p><strong>Enhance contribution<\/strong> in building and sharpening the soft skills and community-based activities.<\/p>\n      <\/div>\n    <\/div>\n\n   \n    <div style=\"margin-top: 2rem; font-size: 0.75rem; color: #778e9f; text-align: center; border-top: 1px dotted #bed6ea; padding-top: 1rem;\">\n      <span>HR Club \u00b7 FBS \u2014 University of Vavuniya<\/span>\n    <\/div>\n  <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>HR Club \u00b7 FBS | Vision &#038; Mission HR Club \u00b7 Faculty of Business Studies University of Vavuniya The essence of Human Resource Management and its analysis is learned by [&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-196","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/196","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=196"}],"version-history":[{"count":4,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/196\/revisions"}],"predecessor-version":[{"id":1158,"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/pages\/196\/revisions\/1158"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/hrm\/wp-json\/wp\/v2\/media?parent=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}