{"id":964,"date":"2026-06-01T08:00:24","date_gmt":"2026-06-01T08:00:24","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/fa\/?page_id=964"},"modified":"2026-06-01T08:08:51","modified_gmt":"2026-06-01T08:08:51","slug":"banking-and-insurance-club","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/fa\/banking-and-insurance-club\/","title":{"rendered":"Banking and Insurance 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, viewport-fit=cover\" \/>\n\n    <title>Banking &#038; Insurance Club | Executive Committee<\/title>\n\n    <!-- Google Fonts -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;family=Playfair+Display:wght@600;700&#038;display=swap\" rel=\"stylesheet\">\n\n    <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.2\/css\/all.min.css\"\/>\n\n    <style>\n        :root{\n            --primary:#0d3b66;\n            --secondary:#1d5f8a;\n            --accent:#3a86b7;\n            --light:#f4f8fb;\n            --white:#ffffff;\n            --text:#173042;\n            --muted:#5f7382;\n            --border:#dce8f1;\n            --shadow:0 10px 30px rgba(13,59,102,0.08);\n            --radius:24px;\n        }\n\n        *{\n            margin:0;\n            padding:0;\n            box-sizing:border-box;\n        }\n\n        html{\n            scroll-behavior:smooth;\n        }\n\n        body{\n            font-family:'Inter',sans-serif;\n            background:var(--light);\n            color:var(--text);\n            overflow-x:hidden;\n        }\n\n        img{\n            max-width:100%;\n            display:block;\n        }\n\n        a{\n            text-decoration:none;\n        }\n\n        .container{\n            width:100%;\n            max-width:1280px;\n            margin:auto;\n            padding:0 24px;\n        }\n\n        \/* =========================\n           NAVBAR\n        ========================= *\/\n\n        .navbar{\n            position:sticky;\n            top:0;\n            z-index:999;\n            background:rgba(255,255,255,0.95);\n            backdrop-filter:blur(12px);\n            border-bottom:1px solid rgba(0,0,0,0.05);\n        }\n\n        .nav-wrapper{\n            min-height:84px;\n            display:flex;\n            align-items:center;\n            justify-content:space-between;\n            gap:20px;\n        }\n\n        .logo-side{\n            display:flex;\n            align-items:center;\n            gap:14px;\n            min-width:0;\n        }\n\n        .logo-img{\n            width:58px;\n            height:58px;\n            object-fit:cover;\n            border-radius:18px;\n            background:#fff;\n            box-shadow:0 5px 18px rgba(0,0,0,0.08);\n            flex-shrink:0;\n        }\n\n        .club-title{\n            font-size:1.2rem;\n            font-weight:800;\n            color:var(--primary);\n            line-height:1.2;\n        }\n\n        .nav-links{\n            display:flex;\n            align-items:center;\n            gap:28px;\n            flex-wrap:wrap;\n        }\n\n        .nav-links a{\n            color:var(--text);\n            font-weight:500;\n            position:relative;\n            transition:0.25s ease;\n        }\n\n        .nav-links a::after{\n            content:\"\";\n            position:absolute;\n            left:0;\n            bottom:-6px;\n            width:0%;\n            height:2px;\n            background:var(--accent);\n            transition:0.25s ease;\n        }\n\n        .nav-links a:hover{\n            color:var(--accent);\n        }\n\n        .nav-links a:hover::after{\n            width:100%;\n        }\n\n        \/* =========================\n           HERO\n        ========================= *\/\n\n        .hero{\n            padding:80px 0 70px;\n            background:\n                linear-gradient(\n                    135deg,\n                    #edf5fb 0%,\n                    #ffffff 100%\n                );\n        }\n\n        .hero-grid{\n            display:grid;\n            grid-template-columns:1.3fr 0.7fr;\n            align-items:center;\n            gap:50px;\n        }\n\n        .hero-content h1{\n            font-size:3.4rem;\n            line-height:1.1;\n            margin-bottom:24px;\n            color:var(--primary);\n            font-family:'Playfair Display',serif;\n        }\n\n        .hero-content p{\n            font-size:1.08rem;\n            line-height:1.8;\n            color:var(--muted);\n            max-width:650px;\n        }\n\n        .hero-badge{\n            margin-top:28px;\n            display:inline-flex;\n            align-items:center;\n            gap:10px;\n            padding:12px 18px;\n            border-radius:100px;\n            background:#e7f3fb;\n            color:var(--secondary);\n            font-weight:600;\n            flex-wrap:wrap;\n        }\n\n        .hero-image{\n            display:flex;\n            justify-content:center;\n        }\n\n        .hero-image img{\n            width:100%;\n            max-width:280px;\n            border-radius:36px;\n            background:#fff;\n            padding:12px;\n            box-shadow:0 18px 45px rgba(0,0,0,0.12);\n        }\n\n        \/* =========================\n           VISION MISSION\n        ========================= *\/\n\n        .vm-section{\n            padding:70px 0;\n        }\n\n        .vm-grid{\n            display:grid;\n            grid-template-columns:repeat(2,1fr);\n            gap:30px;\n        }\n\n        .vm-card{\n            background:var(--white);\n            border-radius:var(--radius);\n            padding:36px;\n            box-shadow:var(--shadow);\n            border:1px solid rgba(0,0,0,0.04);\n            transition:0.25s ease;\n        }\n\n        .vm-card:hover{\n            transform:translateY(-5px);\n        }\n\n        .vm-icon{\n            width:72px;\n            height:72px;\n            border-radius:22px;\n            background:#eef7fc;\n            display:flex;\n            align-items:center;\n            justify-content:center;\n            margin-bottom:22px;\n            color:var(--secondary);\n            font-size:1.8rem;\n        }\n\n        .vm-card h2{\n            font-size:2rem;\n            margin-bottom:18px;\n            color:var(--primary);\n            font-family:'Playfair Display',serif;\n        }\n\n        .vm-card p{\n            color:var(--muted);\n            line-height:1.8;\n        }\n\n        \/* =========================\n           COMMITTEE SECTION\n        ========================= *\/\n\n        .committee-section{\n            padding:20px 0 80px;\n        }\n\n        .section-heading{\n            text-align:center;\n            margin-bottom:55px;\n        }\n\n        .section-heading h2{\n            font-size:2.8rem;\n            color:var(--primary);\n            font-family:'Playfair Display',serif;\n            margin-bottom:12px;\n        }\n\n        .section-heading p{\n            color:var(--muted);\n            max-width:720px;\n            margin:auto;\n            line-height:1.7;\n        }\n\n        .committee-grid{\n            display:grid;\n            grid-template-columns:repeat(auto-fit,minmax(260px,1fr));\n            gap:28px;\n        }\n\n        .member-card{\n            background:var(--white);\n            border-radius:30px;\n            padding:28px 24px;\n            text-align:center;\n            border:1px solid var(--border);\n            box-shadow:0 8px 24px rgba(0,0,0,0.04);\n            transition:0.3s ease;\n            height:100%;\n        }\n\n        .member-card:hover{\n            transform:translateY(-6px);\n            box-shadow:0 16px 30px rgba(13,59,102,0.12);\n        }\n\n        .role-tag{\n            display:inline-flex;\n            align-items:center;\n            gap:8px;\n            padding:8px 16px;\n            border-radius:999px;\n            background:#edf6fc;\n            color:var(--secondary);\n            font-size:0.82rem;\n            font-weight:700;\n            margin-bottom:22px;\n            flex-wrap:wrap;\n            justify-content:center;\n        }\n\n        .member-name{\n            font-size:1.3rem;\n            font-weight:800;\n            color:var(--primary);\n            margin-bottom:10px;\n            line-height:1.4;\n        }\n\n        .member-position{\n            color:var(--accent);\n            font-size:0.95rem;\n            text-transform:uppercase;\n            letter-spacing:0.8px;\n            font-weight:600;\n        }\n\n        .member-divider{\n            width:55px;\n            height:2px;\n            background:#c8dbe8;\n            margin:18px auto;\n            border-radius:20px;\n        }\n\n        .member-icon{\n            font-size:1.1rem;\n            color:#8bb6ce;\n        }\n\n        \/* =========================\n           MEMBERS\n        ========================= *\/\n\n        .members-wrapper{\n            margin-top:60px;\n            background:#f8fcff;\n            border:1px solid #e2edf5;\n            border-radius:36px;\n            padding:40px 28px;\n        }\n\n        .members-wrapper h3{\n            text-align:center;\n            color:var(--primary);\n            font-size:2rem;\n            margin-bottom:30px;\n            font-family:'Playfair Display',serif;\n        }\n\n        .members-list{\n            display:flex;\n            flex-wrap:wrap;\n            justify-content:center;\n            gap:16px;\n        }\n\n        .members-list span{\n            background:#fff;\n            border:1px solid #d8e6ef;\n            color:var(--secondary);\n            padding:12px 20px;\n            border-radius:999px;\n            font-weight:600;\n            box-shadow:0 2px 6px rgba(0,0,0,0.03);\n        }\n\n        \/* =========================\n           FOOTER\n        ========================= *\/\n\n        .footer{\n            margin-top:60px;\n            background:#0d2b45;\n            padding:40px 20px;\n            text-align:center;\n            color:#c7d8e4;\n        }\n\n        .footer p{\n            line-height:1.8;\n        }\n\n        \/* =========================\n           RESPONSIVE\n        ========================= *\/\n\n        @media (max-width:992px){\n\n            .hero-grid{\n                grid-template-columns:1fr;\n                text-align:center;\n            }\n\n            .hero-content p{\n                margin:auto;\n            }\n\n            .hero-badge{\n                justify-content:center;\n            }\n\n            .hero-image{\n                order:-1;\n            }\n\n            .vm-grid{\n                grid-template-columns:1fr;\n            }\n        }\n\n        @media (max-width:768px){\n\n            .nav-wrapper{\n                flex-direction:column;\n                justify-content:center;\n                padding:18px 0;\n            }\n\n            .nav-links{\n                justify-content:center;\n                gap:18px;\n            }\n\n            .hero{\n                padding:60px 0;\n            }\n\n            .hero-content h1{\n                font-size:2.4rem;\n            }\n\n            .section-heading h2{\n                font-size:2.2rem;\n            }\n\n            .vm-card,\n            .member-card{\n                padding:28px 22px;\n            }\n\n            .members-wrapper{\n                padding:30px 20px;\n            }\n        }\n\n        @media (max-width:480px){\n\n            .container{\n                padding:0 18px;\n            }\n\n            .hero-content h1{\n                font-size:2rem;\n            }\n\n            .club-title{\n                font-size:1rem;\n            }\n\n            .nav-links{\n                gap:14px;\n            }\n\n            .nav-links a{\n                font-size:0.92rem;\n            }\n\n            .member-name{\n                font-size:1.15rem;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <!-- =========================\n         NAVBAR\n    ========================== -->\n\n    <header class=\"navbar\">\n        <div class=\"container nav-wrapper\">\n\n            <div class=\"logo-side\">\n                <img decoding=\"async\" \n                    class=\"logo-img\"\n                    src=\"https:\/\/fbs.vau.ac.lk\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_4n2q1v4n2q1v4jjn2q.png\"\n                    alt=\"Banking and Insurance Club Logo\"\n                    onerror=\"this.src='https:\/\/placehold.co\/100x100?text=Logo'\"\n                >\n\n                <div class=\"club-title\">\n                    Banking &#038; Insurance Club\n                <\/div>\n            <\/div>\n\n            <nav class=\"nav-links\">\n                <a href=\"#\">Home<\/a>\n                <a href=\"#vision\">Vision &#038; Mission<\/a>\n                <a href=\"#committee\">Committee<\/a>\n                <a href=\"#members\">Members<\/a>\n            <\/nav>\n\n        <\/div>\n    <\/header>\n\n    <!-- =========================\n         HERO\n    ========================== -->\n\n    <section class=\"hero\">\n        <div class=\"container hero-grid\">\n\n            <div class=\"hero-content\">\n                <h1>\n                    Banking and Insurance Club\n                <\/h1>\n\n                <p>\n                    Empowering future professionals through financial literacy, leadership, ethical values, and industry-oriented engagement. The club serves as a bridge between academic excellence and practical exposure within banking and insurance sectors.\n                <\/p>\n\n                <div class=\"hero-badge\">\n                    <i class=\"fas fa-chart-line\"><\/i>\n                    Professional Growth\n\n                    <i class=\"fas fa-circle\" style=\"font-size:6px;\"><\/i>\n\n                    Ethical Leadership\n\n                    <i class=\"fas fa-circle\" style=\"font-size:6px;\"><\/i>\n\n                    Industry Readiness\n                <\/div>\n            <\/div>\n\n            <div class=\"hero-image\">\n                <img decoding=\"async\"\n                    src=\"https:\/\/fbs.vau.ac.lk\/wp-content\/uploads\/2026\/01\/Gemini_Generated_Image_4n2q1v4n2q1v4jjn2q.png\"\n                    alt=\"Club Logo\"\n                    onerror=\"this.src='https:\/\/placehold.co\/300x300?text=Club+Logo'\"\n                >\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- =========================\n         VISION & MISSION\n    ========================== -->\n\n    <section class=\"vm-section\" id=\"vision\">\n        <div class=\"container\">\n\n            <div class=\"vm-grid\">\n\n                <div class=\"vm-card\">\n                    <div class=\"vm-icon\">\n                        <i class=\"fas fa-eye\"><\/i>\n                    <\/div>\n\n                    <h2>Vision<\/h2>\n\n                    <p>\n                        To empower students with the competencies, professional mindset, and strategic networks required to excel in banking and insurance industries while fostering innovation, integrity, and sustainable leadership.\n                    <\/p>\n                <\/div>\n\n                <div class=\"vm-card\">\n                    <div class=\"vm-icon\">\n                        <i class=\"fas fa-bullseye\"><\/i>\n                    <\/div>\n\n                    <h2>Mission<\/h2>\n\n                    <p>\n                        To create a dynamic platform where students gain practical exposure, strengthen financial understanding, develop leadership capabilities, and establish meaningful engagement with professionals and institutions in the financial sector.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- =========================\n         COMMITTEE\n    ========================== -->\n\n    <section class=\"committee-section\" id=\"committee\">\n\n        <div class=\"container\">\n\n            <div class=\"section-heading\">\n                <h2>Executive Committee<\/h2>\n\n                <p>\n                    Meet the individuals leading the Banking and Insurance Club with commitment, coordination, and professional vision.\n                <\/p>\n            <\/div>\n\n            <div class=\"committee-grid\">\n\n                <!-- Senior Treasurer -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-shield-halved\"><\/i>\n                        Senior Leadership\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        G R M Gamlath\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Senior Treasurer\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-chart-pie\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- President -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-crown\"><\/i>\n                        Executive Head\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        M Nojika\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        President\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-handshake\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- Vice President -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-arrow-trend-up\"><\/i>\n                        Leadership\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        E G Y L A Rajasinha\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Vice President\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-users\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- Secretary -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-envelope\"><\/i>\n                        Administration\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        R M A S L Rathnayaka\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Secretary\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-pen\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- Treasurer -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-coins\"><\/i>\n                        Finance\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        S Thangarasa\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Treasurer\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-wallet\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- Editor -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-newspaper\"><\/i>\n                        Media &#038; Content\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        G S M H S Chiranjeewa\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Editor\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-edit\"><\/i>\n                    <\/div>\n                <\/div>\n\n                <!-- Co-Editor -->\n                <div class=\"member-card\">\n                    <div class=\"role-tag\">\n                        <i class=\"fas fa-pencil\"><\/i>\n                        Editorial\n                    <\/div>\n\n                    <div class=\"member-name\">\n                        K Shamika Dilhara\n                    <\/div>\n\n                    <div class=\"member-position\">\n                        Co-Editor\n                    <\/div>\n\n                    <div class=\"member-divider\"><\/div>\n\n                    <div class=\"member-icon\">\n                        <i class=\"fas fa-book-open\"><\/i>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n\n            <!-- =========================\n                 MEMBERS\n            ========================== -->\n\n            <div class=\"members-wrapper\" id=\"members\">\n\n                <h3>\n                    <i class=\"fas fa-user-group\"><\/i>\n                    Active Members\n                <\/h3>\n\n                <div class=\"members-list\">\n                    <span>B Sangeethan<\/span>\n                    <span>D M S K Dissanayaka<\/span>\n                    <span>W A K J Dewmina<\/span>\n                    <span>R Shathurshana<\/span>\n                    <span>I Anbaharan<\/span>\n                    <span>G S N Abayawardane<\/span>\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n    <!-- =========================\n         FOOTER\n    ========================== -->\n\n    <footer class=\"footer\">\n        <div class=\"container\">\n            <p>\n                \u00a9 2026 Banking and Insurance Club <br>\n                Faculty of Business Studies\n            <\/p>\n        <\/div>\n    <\/footer>\n\n    <!-- =========================\n         JS\n    ========================== -->\n\n    <script>\n        document.querySelectorAll('a[href^=\"#\"]').forEach(link => {\n\n            link.addEventListener('click', function(e){\n\n                const targetId = this.getAttribute('href');\n\n                if(targetId !== \"#\"){\n\n                    const target = document.querySelector(targetId);\n\n                    if(target){\n\n                        e.preventDefault();\n\n                        target.scrollIntoView({\n                            behavior: 'smooth',\n                            block: 'start'\n                        });\n                    }\n                }\n            });\n        });\n    <\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Banking &#038; Insurance Club | Executive Committee Banking &#038; Insurance Club Home Vision &#038; Mission Committee Members Banking and Insurance Club Empowering future professionals through financial literacy, leadership, ethical values, [&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-964","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/964","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/comments?post=964"}],"version-history":[{"count":2,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/964\/revisions"}],"predecessor-version":[{"id":966,"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/pages\/964\/revisions\/966"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/fa\/wp-json\/wp\/v2\/media?parent=964"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}