{"id":1650,"date":"2026-04-21T07:20:43","date_gmt":"2026-04-21T07:20:43","guid":{"rendered":"https:\/\/fbs.vau.ac.lk\/mm\/?page_id=1650"},"modified":"2026-04-21T14:46:08","modified_gmt":"2026-04-21T14:46:08","slug":"about-us-4","status":"publish","type":"page","link":"https:\/\/fbs.vau.ac.lk\/mm\/about-us-4\/","title":{"rendered":"About Us"},"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, user-scalable=yes\">\n    <title>About Us | Dept. of Marketing Management<\/title>\n    <!-- Google Fonts: Inter for modern typography -->\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,300;14..32,400;14..32,500;14..32,600;14..32,700&#038;display=swap\" rel=\"stylesheet\">\n    <!-- Font Awesome 6 (free 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            font-family: 'Inter', sans-serif;\n            background-color: #f4f7fc;\n            color: #0a1c2f;\n            line-height: 1.5;\n        }\n\n        \/* ===== MAIN CONTAINER ===== *\/\n        .page-wrapper {\n            max-width: 1280px;\n            margin: 0 auto;\n            padding: 2rem 1.5rem 4rem;\n        }\n\n        \/* ===== TOP BAR WITH \"ABOUT US\" SECTION (horizontal navigation) ===== *\/\n        .about-nav-section {\n            background: white;\n            border-radius: 2rem;\n            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.03), 0 2px 6px rgba(0, 0, 0, 0.05);\n            margin-bottom: 2.5rem;\n            padding: 0.25rem 0.25rem;\n            display: flex;\n            flex-wrap: wrap;\n            align-items: center;\n            justify-content: space-between;\n            border: 1px solid #dce5ef;\n        }\n\n        .about-main-label {\n            background: #0a2b4e;      \/* dark blue base *\/\n            color: white;\n            padding: 0.75rem 1.8rem;\n            border-radius: 2rem;\n            font-weight: 600;\n            font-size: 1.2rem;\n            letter-spacing: -0.2px;\n            display: inline-flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .about-main-label i {\n            font-size: 1.2rem;\n        }\n\n        .sub-categories {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.5rem;\n            padding: 0.5rem 1rem;\n        }\n\n        .sub-link {\n            padding: 0.5rem 1.2rem;\n            font-weight: 500;\n            color: #1e2f3e;\n            text-decoration: none;\n            border-radius: 2rem;\n            transition: all 0.2s ease;\n            font-size: 0.95rem;\n            background: transparent;\n        }\n\n        .sub-link i {\n            margin-right: 8px;\n            font-size: 0.85rem;\n            color: #1e4a76;\n        }\n\n        .sub-link:hover {\n            background-color: #e2edf7;\n            color: #0a2b4e;\n        }\n\n        .sub-link.active {\n            background-color: #e0edfa;\n            color: #0a2b4e;\n            font-weight: 600;\n            border-left: 2px solid #1e4a76;\n            border-right: 2px solid #1e4a76;\n        }\n\n        \/* ===== CONTENT PANELS ===== *\/\n        .content-panel {\n            background: white;\n            border-radius: 2rem;\n            box-shadow: 0 20px 35px -12px rgba(0, 0, 0, 0.08);\n            padding: 2.2rem 2rem;\n            transition: all 0.2s;\n            border: 1px solid #e2ebf3;\n        }\n\n        .section-card {\n            display: none;\n            animation: fadeInUp 0.35s ease-out;\n        }\n\n        .section-card.active-section {\n            display: block;\n        }\n\n        @keyframes fadeInUp {\n            from {\n                opacity: 0;\n                transform: translateY(12px);\n            }\n            to {\n                opacity: 1;\n                transform: translateY(0);\n            }\n        }\n\n        \/* typography with dark blue accents *\/\n        h1 {\n            font-size: 2.2rem;\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            background: linear-gradient(135deg, #0a2b4e, #1e4a76);\n            background-clip: text;\n            -webkit-background-clip: text;\n            color: transparent;\n            margin-bottom: 0.5rem;\n        }\n\n        .section-subhead {\n            font-size: 1rem;\n            color: #4a627a;\n            border-left: 4px solid #1e4a76;\n            padding-left: 1rem;\n            margin-bottom: 2rem;\n        }\n\n        \/* Vision & Mission grid *\/\n        .vision-mission-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 2rem;\n            margin: 1.8rem 0 1rem;\n        }\n\n        .card-vm {\n            background: #fefefe;\n            border-radius: 1.5rem;\n            padding: 1.8rem;\n            box-shadow: 0 5px 12px rgba(0, 0, 0, 0.03);\n            border: 1px solid #e2edf5;\n            transition: transform 0.2s;\n        }\n\n        .card-vm:hover {\n            transform: translateY(-4px);\n            border-color: #cbdde9;\n        }\n\n        .vm-icon {\n            background: #eaf2f9;\n            width: 52px;\n            height: 52px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 1.2rem;\n            margin-bottom: 1.4rem;\n        }\n\n        .vm-icon i {\n            font-size: 1.8rem;\n            color: #1e4a76;\n        }\n\n        .card-vm h3 {\n            font-size: 1.6rem;\n            font-weight: 600;\n            margin-bottom: 1rem;\n            color: #0a2b4e;\n        }\n\n        .card-vm p {\n            font-size: 1rem;\n            color: #2c4056;\n            line-height: 1.5;\n        }\n\n        \/* Head's message area \u2014 with image and dark blue accents *\/\n        .message-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 2rem;\n            margin-top: 1rem;\n        }\n\n        .message-text {\n            flex: 2;\n        }\n\n        .message-signature {\n            flex: 1;\n            background: #fafcff;\n            border-radius: 1.5rem;\n            padding: 1.6rem;\n            text-align: center;\n            border: 1px solid #dce8f0;\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);\n        }\n\n        .head-title {\n            font-size: 1.7rem;\n            font-weight: 700;\n            color: #0a2b4e;\n            margin-bottom: 0.25rem;\n        }\n\n        .date-badge {\n            display: inline-block;\n            background: #eaf1f9;\n            padding: 0.3rem 1rem;\n            border-radius: 30px;\n            font-size: 0.8rem;\n            font-weight: 500;\n            margin: 1rem 0 1.2rem;\n            color: #1e4a76;\n        }\n\n        .message-text p {\n            margin-bottom: 1rem;\n            font-size: 1rem;\n            line-height: 1.6;\n            color: #1e2f3e;\n        }\n\n        .highlight-list {\n            margin: 1rem 0 0.8rem;\n            padding-left: 1.2rem;\n        }\n\n        .highlight-list li {\n            margin: 0.5rem 0;\n            list-style-type: none;\n            position: relative;\n            padding-left: 1.6rem;\n        }\n\n        .highlight-list li i {\n            position: absolute;\n            left: 0;\n            top: 0.2rem;\n            color: #1e4a76;\n            font-size: 0.9rem;\n        }\n\n        .slm-mou {\n            background: #eef4fa;\n            padding: 0.8rem 1rem;\n            border-radius: 1rem;\n            margin-top: 1rem;\n            font-weight: 500;\n            display: inline-block;\n            color: #0a2b4e;\n        }\n\/* head image styling *\/\n.head-portrait {\n    width: 180px;\n    height: 180px;\n    object-fit: cover;\n    object-position: top center;\n    border: 2px solid #ffffff;\n    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);\n    margin-bottom: 0.4rem;\n    background: #eef2f7;\n}\n\n        .avatar-icon {\n            display: flex;\n            justify-content: center;\n            margin-bottom: 0.5rem;\n        }\n\n        \/* fallback if image fails *\/\n        .head-portrait {\n            transition: transform 0.2s ease;\n        }\n        .head-portrait:hover {\n            transform: scale(1.02);\n        }\n\n        @media (max-width: 720px) {\n            .page-wrapper {\n                padding: 1.5rem;\n            }\n            .vision-mission-grid {\n                grid-template-columns: 1fr;\n                gap: 1.2rem;\n            }\n            .about-nav-section {\n                flex-direction: column;\n                align-items: stretch;\n            }\n            .about-main-label {\n                justify-content: center;\n                border-radius: 2rem 2rem 1rem 1rem;\n            }\n            .sub-categories {\n                justify-content: center;\n                padding: 0.8rem;\n            }\n            .content-panel {\n                padding: 1.5rem;\n            }\n            h1 {\n                font-size: 1.8rem;\n            }\n            .message-container {\n                flex-direction: column;\n            }\n            .head-portrait {\n                width: 110px;\n                height: 110px;\n            }\n        }\n\n        footer {\n            margin-top: 3rem;\n            text-align: center;\n            font-size: 0.8rem;\n            color: #5c6f87;\n            border-top: 1px solid #dce5ef;\n            padding-top: 2rem;\n        }\n    <\/style>\n<\/head>\n<body>\n<div class=\"page-wrapper\">\n    <!-- Navigation Bar: \"About Us\" + Subcategories (Vision & Mission, Head\u2019s Message) -->\n    <div class=\"about-nav-section\">\n        \n        <div class=\"sub-categories\" id=\"subNav\">\n            <a href=\"#\" data-section=\"visionMission\" class=\"sub-link active\" id=\"tabVisionMission\">\n                <i class=\"fas fa-eye\"><\/i> Vision &#038; Mission\n            <\/a>\n            <a href=\"#\" data-section=\"headsMessage\" class=\"sub-link\" id=\"tabHeadsMessage\">\n                <i class=\"fas fa-chalkboard-user\"><\/i> Head\u2019s Message\n            <\/a>\n        <\/div>\n    <\/div>\n\n    <!-- Dynamic Content Area: Vision & Mission + Head\u2019s Message (with actual image and dark blue palette) -->\n    <div class=\"content-panel\">\n        <!-- Vision & Mission Section -->\n        <div id=\"visionMissionSection\" class=\"section-card active-section\">\n           \n            <div class=\"vision-mission-grid\">\n                <div class=\"card-vm\">\n                    <div class=\"vm-icon\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n                    <h3>Vision<\/h3>\n                    <p>To be the prime hub in marketing education inspiring global transformation.<\/p>\n                <\/div>\n                <div class=\"card-vm\">\n                    <div class=\"vm-icon\"><i class=\"fas fa-rocket\"><\/i><\/div>\n                    <h3>Mission<\/h3>\n                    <p>To empower students to become dynamic marketing professionals through academic excellence and innovation.<\/p>\n                <\/div>\n            <\/div>\n            <div style=\"margin-top: 1.5rem; background: #f2f7fd; border-radius: 1rem; padding: 1.2rem; border-left: 3px solid #1e4a76;\">\n                <i class=\"fas fa-quote-left\" style=\"color: #1e4a76; margin-right: 8px; opacity: 0.7;\"><\/i> \n                <span style=\"font-weight: 500;\">Our core philosophy:<\/span> blending forward-thinking curriculum, practical industry exposure, and ethical leadership to create marketing graduates who drive global change.\n            <\/div>\n        <\/div>\n\n        <!-- Head's Message Section (includes the photo of Mr. Jude Leon) -->\n        <div id=\"headsMessageSection\" class=\"section-card\">\n            <h1>From the Head of Department<\/h1>\n            <div class=\"section-subhead\">A message of vision, commitment and excellence<\/div>\n            <div class=\"message-container\">\n                <div class=\"message-text\">\n                    <div class=\"date-badge\"><i class=\"far fa-calendar-alt\"><\/i> Established: 22nd March 2021<\/div>\n                    <p>On <strong>22nd March 2021<\/strong>, the <strong>Department of Marketing Management (DMM)<\/strong> was established. It offers an honours degree in Marketing Management for undergraduate students. DMM intends to produce employable graduates in the field of marketing by providing diversified knowledge through an up-to-date and advanced curriculum.<\/p>\n                    <p>In addition, it provides practical experiences to students through projects and internship training programs to meet the requirements of industries. DMM encourages students to undertake extracurricular activities and community outreach projects through the <strong>Student Marketing Club<\/strong>.<\/p>\n                    <p>It has the <strong>MOU with the Sri Lanka Institute of Marketing (SLIM)<\/strong>, which allows students to enjoy course exemptions and discounts on paying for professional courses with SLIM. DMM always tries to produce the best with the support of its unique and dynamic marketing team.<\/p>\n                    <ul class=\"highlight-list\">\n                        <li><i class=\"fas fa-graduation-cap\"><\/i> Industry-aligned honours degree &#038; advanced curriculum<\/li>\n                        <li><i class=\"fas fa-briefcase\"><\/i> Internship training &#038; real-world projects<\/li>\n                        <li><i class=\"fas fa-users\"><\/i> Student Marketing Club for leadership &#038; outreach<\/li>\n                        <li><i class=\"fas fa-handshake\"><\/i> Strategic MOU with SLIM \u2013 course exemptions &#038; discounts<\/li>\n                    <\/ul>\n                    <div class=\"slm-mou\">\n                        <i class=\"fas fa-file-signature\"><\/i> Official academic partner: Sri Lanka Institute of Marketing (SLIM)\n                    <\/div>\n                <\/div>\n                <div class=\"message-signature\">\n                    <div class=\"avatar-icon\">\n                        <!-- Head's image using provided URL -->\n                        <img decoding=\"async\" class=\"head-portrait\" \n                             src=\"https:\/\/fbs.vau.ac.lk\/mm\/wp-content\/uploads\/2024\/03\/DSC_0891-scaled-e1709625001939.jpg\" \n                             alt=\"Mr. Jude Leon, Head of Department\"\n                             onerror=\"this.onerror=null; this.src='https:\/\/placehold.co\/200x200?text=Jude+Leon'; this.style.objectFit='cover';\">\n                    <\/div>\n                    <h3 style=\"font-size: 1.35rem; margin: 0.5rem 0; color: #0a2b4e;\">Mr. Jude Leon<\/h3>\n                    <p style=\"color: #4a627a; font-size: 0.9rem; font-weight: 500;\">Head, Department of Marketing Management<\/p>\n                    <hr style=\"margin: 1rem 0; border-color: #dce5ef;\">\n                    <i class=\"fas fa-quote-right\" style=\"color: #6c8eae;\"><\/i>\n                    <p style=\"font-style: italic; margin-top: 0.5rem; font-size: 0.95rem; color: #1e3a5f;\">&#8220;Empowering future marketing leaders with innovation, ethics and global perspective.&#8221;<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <footer>\n        <i class=\"fas fa-chalkboard\"><\/i> Department of Marketing Management | Inspiring global transformation through marketing education\n    <\/footer>\n<\/div>\n\n<!-- Tab switching & hash management -->\n<script>\n    (function() {\n        const visionMissionSection = document.getElementById('visionMissionSection');\n        const headsMessageSection = document.getElementById('headsMessageSection');\n        const tabVisionMission = document.getElementById('tabVisionMission');\n        const tabHeadsMessage = document.getElementById('tabHeadsMessage');\n        \n        function showSection(sectionId) {\n            visionMissionSection.classList.remove('active-section');\n            headsMessageSection.classList.remove('active-section');\n            \n            if (sectionId === 'visionMission') {\n                visionMissionSection.classList.add('active-section');\n                tabVisionMission.classList.add('active');\n                tabHeadsMessage.classList.remove('active');\n                if (history.pushState) {\n                    history.pushState(null, null, '#vision-mission');\n                }\n            } else if (sectionId === 'headsMessage') {\n                headsMessageSection.classList.add('active-section');\n                tabHeadsMessage.classList.add('active');\n                tabVisionMission.classList.remove('active');\n                if (history.pushState) {\n                    history.pushState(null, null, '#heads-message');\n                }\n            }\n        }\n        \n        tabVisionMission.addEventListener('click', function(e) {\n            e.preventDefault();\n            showSection('visionMission');\n        });\n        \n        tabHeadsMessage.addEventListener('click', function(e) {\n            e.preventDefault();\n            showSection('headsMessage');\n        });\n        \n        function checkHash() {\n            const hash = window.location.hash;\n            if (hash === '#heads-message' || hash === '#headsMessage' || hash === '#heads_message') {\n                showSection('headsMessage');\n            } else if (hash === '#vision-mission' || hash === '#visionMission') {\n                showSection('visionMission');\n            } else {\n                showSection('visionMission');\n            }\n        }\n        \n        window.addEventListener('load', checkHash);\n        window.addEventListener('popstate', checkHash);\n        \n        if (!window.location.hash || window.location.hash === '#') {\n            showSection('visionMission');\n        }\n    })();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>About Us | Dept. of Marketing Management Vision &#038; Mission Head\u2019s Message Vision To be the prime hub in marketing education inspiring global transformation. Mission To empower students to become [&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-1650","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/comments?post=1650"}],"version-history":[{"count":3,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1650\/revisions"}],"predecessor-version":[{"id":1675,"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/pages\/1650\/revisions\/1675"}],"wp:attachment":[{"href":"https:\/\/fbs.vau.ac.lk\/mm\/wp-json\/wp\/v2\/media?parent=1650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}