{"id":220,"date":"2026-06-23T19:56:37","date_gmt":"2026-06-23T19:56:37","guid":{"rendered":"https:\/\/jsparmarcollege.in\/?page_id=220"},"modified":"2026-06-23T20:00:39","modified_gmt":"2026-06-23T20:00:39","slug":"faculty-of-m-com-b-com","status":"publish","type":"page","link":"https:\/\/jsparmarcollege.in\/index.php\/faculty-of-m-com-b-com\/","title":{"rendered":"Faculty Of M.Com \/ B.com"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"220\" class=\"elementor elementor-220\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b02f96 e-con e-atomic-element e-flexbox-base e-83bdc89 \" data-id=\"5b02f96\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5b02f96\">\n    \t\t<div class=\"elementor-element elementor-element-a319165 elementor-widget elementor-widget-html\" data-id=\"a319165\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Icons -->\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<style>\n    \/* Scoped container to prevent Elementor style conflicts *\/\n    .cch-faculty-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        background-color: #f8fafc;\n        box-sizing: border-box;\n    }\n\n    .cch-faculty-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* ========================================= *\/\n    \/* HERO BANNER                               *\/\n    \/* ========================================= *\/\n    .cch-fac-hero {\n        position: relative;\n        background-color: #0f172a;\n        \/* Updated background image to a Commerce\/Finance theme *\/\n        background-image: linear-gradient(to right, rgba(15,23,42,0.95), rgba(15,23,42,0.7)), url('https:\/\/images.unsplash.com\/photo-1554224155-6726b3ff858f?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&q=80');\n        background-size: cover;\n        background-position: center;\n        padding: 80px 5%;\n        color: #ffffff;\n    }\n\n    .cch-fac-hero-content {\n        max-width: 1200px;\n        margin: 0 auto;\n    }\n\n    .cch-fac-badge {\n        display: inline-flex;\n        align-items: center;\n        gap: 6px;\n        background-color: #f59e0b; \/* Orange *\/\n        color: #000000;\n        font-size: 11px;\n        font-weight: 800;\n        text-transform: uppercase;\n        letter-spacing: 1px;\n        padding: 4px 12px;\n        border-radius: 4px;\n        margin-bottom: 15px;\n    }\n\n    .cch-fac-title {\n        font-family: 'Times New Roman', serif;\n        font-size: 46px;\n        font-weight: 700;\n        margin: 0 0 10px 0;\n        letter-spacing: 1px;\n    }\n\n    .cch-fac-subtitle {\n        color: #cbd5e1;\n        font-size: 15px;\n        margin: 0;\n    }\n\n    \/* ========================================= *\/\n    \/* TAB NAVIGATION BUTTONS                    *\/\n    \/* ========================================= *\/\n    .cch-fac-nav-bar {\n        background-color: #ffffff;\n        border-bottom: 1px solid #e2e8f0;\n        padding: 0 5%;\n        box-shadow: 0 4px 6px rgba(0,0,0,0.02);\n    }\n\n    .cch-fac-tabs {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: flex;\n        gap: 15px;\n        overflow-x: auto; \/* Horizontal scroll on mobile *\/\n        scrollbar-width: none; \n        padding: 20px 0;\n    }\n    \n    .cch-fac-tabs::-webkit-scrollbar { display: none; }\n\n    .cch-tab-btn {\n        background: transparent;\n        border: 1px solid #cbd5e1;\n        color: #475569;\n        font-family: 'Open Sans', sans-serif;\n        font-size: 13px;\n        font-weight: 700;\n        padding: 10px 20px;\n        border-radius: 6px;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        white-space: nowrap;\n        transition: all 0.3s ease;\n    }\n\n    .cch-tab-btn:hover {\n        border-color: #94a3b8;\n        color: #1e293b;\n    }\n\n    \/* Active Tab State *\/\n    .cch-tab-btn.cch-active-btn {\n        background-color: #24418b; \/* Deep Blue *\/\n        border-color: #24418b;\n        color: #f59e0b; \/* Gold\/Orange text *\/\n    }\n\n    \/* ========================================= *\/\n    \/* DYNAMIC CONTENT AREA                      *\/\n    \/* ========================================= *\/\n    .cch-fac-content-area {\n        max-width: 1200px;\n        margin: 40px auto 80px auto;\n        padding: 0 5%;\n    }\n\n    .cch-tab-pane {\n        display: none; \/* Hide all panes by default *\/\n        animation: cchFadeIn 0.4s ease-in-out;\n    }\n\n    .cch-tab-pane.cch-active-pane {\n        display: block; \/* Show only the active pane *\/\n    }\n\n    @keyframes cchFadeIn {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Card Styling Inside Panes *\/\n    .cch-fac-card {\n        background-color: #ffffff;\n        border: 1px solid #e2e8f0;\n        border-radius: 12px;\n        padding: 40px;\n        box-shadow: 0 4px 20px rgba(0,0,0,0.03);\n    }\n\n    .cch-card-header {\n        display: flex;\n        align-items: center;\n        gap: 15px;\n        margin-bottom: 25px;\n    }\n\n    .cch-card-icon {\n        width: 45px;\n        height: 45px;\n        border-radius: 8px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 20px;\n    }\n\n    .icon-about { background-color: #fef3c7; color: #d97706; }\n    .icon-prog { background-color: #eff6ff; color: #2563eb; }\n    .icon-syll { background-color: #fee2e2; color: #dc2626; }\n    .icon-staff { background-color: #ecfdf5; color: #059669; }\n    .icon-res { background-color: #f3e8ff; color: #7c3aed; }\n    .icon-rep { background-color: #f8fafc; color: #64748b; }\n\n    .cch-card-titles h3 {\n        color: #1e3a8a;\n        font-family: 'Times New Roman', serif;\n        font-size: 22px;\n        font-weight: bold;\n        margin: 0 0 5px 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .cch-card-titles p {\n        color: #94a3b8;\n        font-size: 12px;\n        margin: 0;\n    }\n\n    .cch-card-divider {\n        width: 100%;\n        height: 1px;\n        background-color: #f1f5f9;\n        margin-bottom: 25px;\n    }\n\n    .cch-fac-text {\n        color: #475569;\n        font-size: 15px;\n        line-height: 1.7;\n        margin: 0 0 20px 0;\n    }\n\n    \/* Lists & Boxes *\/\n    .cch-fac-list {\n        list-style: none;\n        padding: 25px;\n        margin: 0;\n        background-color: #f8fafc;\n        border-radius: 8px;\n    }\n\n    .cch-fac-list li {\n        color: #475569;\n        font-size: 14px;\n        margin-bottom: 12px;\n        padding-left: 20px;\n        position: relative;\n    }\n    \n    .cch-fac-list li:last-child { margin-bottom: 0; }\n\n    .cch-fac-list li::before {\n        content: '\u2022';\n        position: absolute;\n        left: 0;\n        color: #1e3a8a;\n        font-weight: bold;\n        font-size: 18px;\n        line-height: 1;\n    }\n\n    .cch-list-title {\n        font-size: 11px;\n        font-weight: 800;\n        color: #64748b;\n        text-transform: uppercase;\n        margin-bottom: 15px;\n        display: block;\n    }\n\n    .cch-notice-box {\n        background-color: #fffbeb;\n        border: 1px solid #fde68a;\n        padding: 15px 20px;\n        border-radius: 6px;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        color: #b45309;\n        font-size: 13px;\n        font-weight: 700;\n    }\n\n    \/* Research Cards *\/\n    .cch-research-grid {\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 20px;\n    }\n\n    .cch-research-card {\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        padding: 25px;\n        background-color: #ffffff;\n    }\n\n    .cch-res-badge {\n        background-color: #eff6ff;\n        color: #24418b;\n        font-size: 10px;\n        font-weight: 800;\n        padding: 4px 8px;\n        border-radius: 4px;\n        display: inline-block;\n        margin-bottom: 15px;\n    }\n\n    .cch-res-title {\n        color: #1e293b;\n        font-family: 'Times New Roman', serif;\n        font-size: 16px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n        line-height: 1.4;\n    }\n\n    .cch-res-meta {\n        font-size: 11px;\n        color: #64748b;\n        margin: 0;\n        line-height: 1.6;\n    }\n\n    \/* Mobile Responsive *\/\n    @media (max-width: 768px) {\n        .cch-fac-hero { padding: 50px 5%; }\n        .cch-fac-title { font-size: 32px; }\n        .cch-fac-card { padding: 25px; }\n        .cch-research-grid { grid-template-columns: 1fr; }\n    }\n<\/style>\n\n<div class=\"cch-faculty-wrapper\">\n\n    <!-- Hero Banner -->\n    <div class=\"cch-fac-hero\">\n        <div class=\"cch-fac-hero-content\">\n            <span class=\"cch-fac-badge\"><i class=\"fas fa-chart-pie\"><\/i> ACADEMIC FACULTY DEPT<\/span>\n            <h1 class=\"cch-fac-title\">FACULTY OF M.COM \/ B.COM<\/h1>\n            <p class=\"cch-fac-subtitle\">Department of Financial Studies, Commerce & Management<\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Interactive Navigation Buttons -->\n    <div class=\"cch-fac-nav-bar\">\n        <div class=\"cch-fac-tabs\">\n            <button class=\"cch-tab-btn cch-active-btn\" onclick=\"cchOpenTab(event, 'pane-about')\">\n                <i class=\"far fa-map\"><\/i> ABOUT FACULTY\n            <\/button>\n            <button class=\"cch-tab-btn\" onclick=\"cchOpenTab(event, 'pane-prog')\">\n                <i class=\"fas fa-graduation-cap\"><\/i> PROGRAMME\n            <\/button>\n            <button class=\"cch-tab-btn\" onclick=\"cchOpenTab(event, 'pane-syll')\">\n                <i class=\"far fa-clipboard\"><\/i> SYLLABUS\n            <\/button>\n            <button class=\"cch-tab-btn\" onclick=\"cchOpenTab(event, 'pane-staff')\">\n                <i class=\"far fa-user\"><\/i> STAFF\n            <\/button>\n            <button class=\"cch-tab-btn\" onclick=\"cchOpenTab(event, 'pane-res')\">\n                <i class=\"fas fa-search\"><\/i> RESEARCH\n            <\/button>\n            <button class=\"cch-tab-btn\" onclick=\"cchOpenTab(event, 'pane-rep')\">\n                <i class=\"fas fa-chart-line\"><\/i> ANNUAL REPORT\n            <\/button>\n        <\/div>\n    <\/div>\n\n    <!-- Changing Content Area -->\n    <div class=\"cch-fac-content-area\">\n\n        <!-- 1. ABOUT FACULTY -->\n        <div id=\"pane-about\" class=\"cch-tab-pane cch-active-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-about\"><i class=\"far fa-map\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>ABOUT THE FACULTY<\/h3>\n                        <p>Learn about our foundational principles and vision<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                <p class=\"cch-fac-text\">\n                    Our Commerce Faculty acts as a leading center of commercial literacy and entrepreneurial strategy in the region. Combining rigorous bookkeeping disciplines with contemporary digital finance tools like GST portals and ERP packages.\n                <\/p>\n            <\/div>\n        <\/div>\n\n        <!-- 2. PROGRAMME -->\n        <div id=\"pane-prog\" class=\"cch-tab-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-prog\"><i class=\"fas fa-graduation-cap\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>PROGRAMS OFFERED<\/h3>\n                        <p>Course lists and timeline streams<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                <ul class=\"cch-fac-list\">\n                    <span class=\"cch-list-title\">STANDARD SYLLABUS STREAMS & DEGREES:<\/span>\n                    <li>Bachelor of Commerce (B.Com.) - 3 Years Undergraduate Degree<\/li>\n                    <li>Master of Commerce (M.Com.) - 2 Years Postgraduate Degree (Specialization in Accounting & Finance)<\/li>\n                    <li>Professional Tally and GST Compliance Diploma<\/li>\n                <\/ul>\n            <\/div>\n        <\/div>\n\n        <!-- 3. SYLLABUS -->\n        <div id=\"pane-syll\" class=\"cch-tab-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-syll\"><i class=\"far fa-clipboard\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>CURRICULUM & SYLLABUS DETAILS<\/h3>\n                        <p>Core semester parameters and outlines<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                <p class=\"cch-fac-text\">\n                    Detailed modules in Advanced Financial Accounting, Corporate Law, Auditing & Assurance, Direct and Indirect Taxation, Banking & Insurance Operations, Strategic Cost Management, and Digital Spreadsheet Analytics.\n                <\/p>\n                <div class=\"cch-notice-box\">\n                    <i class=\"far fa-file-pdf\"><\/i> Official PDF hardcopies are downloadable at the Administrative Hub desk.\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 4. STAFF (SHORTCODE AREA) -->\n        <div id=\"pane-staff\" class=\"cch-tab-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-staff\"><i class=\"far fa-user\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>FACULTY MEMBERS<\/h3>\n                        <p>Meet our dedicated educators and staff<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                \n                <!-- \ud83d\udc47 PLUGIN SHORTCODE INSERTED HERE \ud83d\udc47 -->\n                <div id=\"cch-staff-container\" class=\"cch-fac-text\" style=\"width: 100%;\">\n                        <!-- Font Awesome -->\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n    \n    <style>\n        .sp-grid { \n            display: grid; \n            grid-template-columns: repeat(2, 1fr); \n            gap: 30px; \n            padding: 10px; \n            font-family: 'Open Sans', Arial, sans-serif;\n        }\n        \n        \/* The Card Container with Solid Offset Shadow *\/\n        .sp-card { \n            background: #f8fafc; \n            border: 2px solid #1e3a8a; \/* Navy Blue Border *\/\n            border-radius: 12px; \n            padding: 25px; \n            display: flex; \n            align-items: center; \n            gap: 25px; \n            box-shadow: 6px 6px 0px #1e3a8a; \/* Solid 3D Drop Shadow *\/\n            transition: all 0.3s ease; \n        }\n        \n        \/* Card Hover Effects - Turns Orange *\/\n        .sp-card:hover {\n            border-color: #f59e0b;\n            box-shadow: 6px 6px 0px #f59e0b;\n            transform: translateY(-2px) translateX(-2px);\n        }\n\n        .sp-card:hover .sp-name {\n            color: #f59e0b;\n        }\n\n        \/* Image Wrapper & Unique Shape *\/\n        .sp-img-wrapper {\n            position: relative;\n            flex-shrink: 0;\n        }\n\n        .sp-img { \n            width: 130px; \n            height: 130px; \n            object-fit: cover; \n            \/* Unique blob\/leaf shape matching the image *\/\n            border-radius: 20px 60px 20px 60px;\n            border: 2px solid #1e3a8a;\n            \/* Solid dark shadow behind the image *\/\n            box-shadow: -6px 6px 0px #0f172a; \n            background-color: #ffffff;\n            transition: all 0.3s ease;\n        }\n\n        .sp-card:hover .sp-img {\n            border-color: #f59e0b;\n        }\n\n        \/* Leader Badge *\/\n        .sp-badge { \n            position: absolute; \n            top: -10px; \n            right: -15px; \n            background: #f59e0b; \n            color: #000000; \n            font-size: 10px; \n            padding: 4px 10px; \n            border-radius: 20px; \n            font-weight: 800; \n            letter-spacing: 1px;\n            box-shadow: 0 4px 10px rgba(245, 158, 11, 0.4);\n            z-index: 2;\n        }\n\n        \/* Typography & Info *\/\n        .sp-info {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n        }\n\n        .sp-name { \n            font-size: 20px; \n            color: #1e3a8a; \n            font-family: 'Times New Roman', serif;\n            font-weight: bold; \n            margin: 0 0 8px; \n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n            transition: color 0.3s ease;\n        }\n\n        \/* Designation Pill *\/\n        .sp-designation { \n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            background-color: #e2e8f0;\n            color: #334155;\n            font-size: 11px;\n            font-weight: 700;\n            padding: 5px 12px;\n            border-radius: 6px;\n            margin-bottom: 18px;\n            width: fit-content;\n        }\n\n        \/* Qualification & Experience Rows *\/\n        .sp-meta-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 8px;\n        }\n\n        .sp-meta-row:last-child {\n            margin-bottom: 0;\n        }\n\n        .sp-meta-icon {\n            font-size: 14px;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            width: 24px;\n            height: 24px;\n            border-radius: 4px;\n        }\n\n        .sp-icon-orange { color: #f59e0b; background-color: #fffbeb; }\n        .sp-icon-blue { color: #3b82f6; background-color: #eff6ff; }\n\n        .sp-meta-text {\n            font-size: 13px;\n            color: #64748b;\n        }\n\n        .sp-meta-text strong {\n            color: #1e293b;\n            font-family: monospace;\n            font-size: 14px;\n        }\n\n        \/* Mobile Responsive *\/\n        @media (max-width: 900px) {\n            .sp-grid { grid-template-columns: 1fr; }\n        }\n        \n        @media (max-width: 500px) {\n            .sp-card { flex-direction: column; text-align: center; padding: 30px 20px; }\n            .sp-designation { margin: 0 auto 18px auto; }\n            .sp-meta-row { justify-content: center; }\n            .sp-img-wrapper { margin-bottom: 15px; }\n            .sp-badge { right: 50%; transform: translateX(50%); top: -15px; }\n        }\n    <\/style>\n    \n    <div class=\"sp-grid\">\n            <\/div>\n    \n                <\/div>\n                <!-- \ud83d\udc46 PLUGIN SHORTCODE INSERTED HERE \ud83d\udc46 -->\n                \n            <\/div>\n        <\/div>\n\n        <!-- 5. RESEARCH -->\n        <div id=\"pane-res\" class=\"cch-tab-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-res\"><i class=\"far fa-file-alt\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>UGC-CARE JOURNALS & ACTIVE RESEARCH<\/h3>\n                        <p>National & international analytical contributions<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                <div class=\"cch-research-grid\">\n                    <div class=\"cch-research-card\">\n                        <div style=\"display: flex; justify-content: space-between; align-items: flex-start;\">\n                            <span class=\"cch-res-badge\">PUBLISHED 2024<\/span>\n                            <i class=\"far fa-bookmark\" style=\"color: #f59e0b;\"><\/i>\n                        <\/div>\n                        <h4 class=\"cch-res-title\">\"IMPACT OF GST REFORMS ON SMALL AND MEDIUM ENTERPRISES IN RURAL INDIA\"<\/h4>\n                        <p class=\"cch-res-meta\">\n                            Author: <strong>Dr. S. K. Doshi<\/strong><br>\n                            <em>Journal of Indian Taxation and Finance<\/em>\n                        <\/p>\n                    <\/div>\n                    <div class=\"cch-research-card\">\n                        <div style=\"display: flex; justify-content: space-between; align-items: flex-start;\">\n                            <span class=\"cch-res-badge\">PUBLISHED 2023<\/span>\n                            <i class=\"far fa-bookmark\" style=\"color: #f59e0b;\"><\/i>\n                        <\/div>\n                        <h4 class=\"cch-res-title\">\"MICROFINANCE AND WOMEN EMPOWERMENT: A CORPORATE ACCOUNTING PERSPECTIVE\"<\/h4>\n                        <p class=\"cch-res-meta\">\n                            Author: <strong>Prof. N. V. Shah<\/strong><br>\n                            <em>Global Review of Business and Economics<\/em>\n                        <\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- 6. ANNUAL REPORT -->\n        <div id=\"pane-rep\" class=\"cch-tab-pane\">\n            <div class=\"cch-fac-card\">\n                <div class=\"cch-card-header\">\n                    <div class=\"cch-card-icon icon-rep\"><i class=\"fas fa-chart-line\"><\/i><\/div>\n                    <div class=\"cch-card-titles\">\n                        <h3>ANNUAL SUMMARY & MILESTONES<\/h3>\n                        <p>Yearly achievements, guest talks, and records<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"cch-card-divider\"><\/div>\n                <p class=\"cch-fac-text\">\n                    For the 2024-2025 academic year, the Faculty of Commerce achieved a remarkable 96% graduation success rate. We successfully hosted the 'FinTech & Future' regional seminar in collaboration with local banking partners, and 45 of our M.Com students secured direct placements in top-tier accounting firms and corporate finance sectors.\n                <\/p>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- JavaScript to make tabs clickable and dynamic -->\n<script>\n    \/\/ Move external shortcode content into the tab if using Method 1\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const shortcodeElement = document.querySelector('.sp-grid');\n        const staffContainer = document.getElementById('cch-staff-container');\n        if (shortcodeElement && staffContainer && shortcodeElement.parentElement !== staffContainer) {\n            staffContainer.appendChild(shortcodeElement.parentElement);\n        }\n    });\n\n    function cchOpenTab(event, tabId) {\n        \/\/ 1. Get all elements with class=\"cch-tab-pane\" and hide them\n        let panes = document.getElementsByClassName(\"cch-tab-pane\");\n        for (let i = 0; i < panes.length; i++) {\n            panes[i].classList.remove(\"cch-active-pane\");\n        }\n\n        \/\/ 2. Get all elements with class=\"cch-tab-btn\" and remove the active class\n        let buttons = document.getElementsByClassName(\"cch-tab-btn\");\n        for (let i = 0; i < buttons.length; i++) {\n            buttons[i].classList.remove(\"cch-active-btn\");\n        }\n\n        \/\/ 3. Show the current tab, and add an \"active\" class to the button that opened the tab\n        document.getElementById(tabId).classList.add(\"cch-active-pane\");\n        event.currentTarget.classList.add(\"cch-active-btn\");\n    }\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ACADEMIC FACULTY DEPT FACULTY OF M.COM \/ B.COM Department of Financial Studies, Commerce &#038; Management ABOUT FACULTY PROGRAMME SYLLABUS STAFF RESEARCH ANNUAL REPORT ABOUT THE FACULTY Learn about our foundational principles and vision Our Commerce Faculty acts as a leading center of commercial literacy and entrepreneurial strategy in the region. Combining rigorous bookkeeping disciplines with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":4,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":224,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/224"}],"wp:attachment":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}