{"id":215,"date":"2026-06-23T19:51:39","date_gmt":"2026-06-23T19:51:39","guid":{"rendered":"https:\/\/jsparmarcollege.in\/?page_id=215"},"modified":"2026-06-23T19:56:01","modified_gmt":"2026-06-23T19:56:01","slug":"faculty-of-computer-science","status":"publish","type":"page","link":"https:\/\/jsparmarcollege.in\/index.php\/faculty-of-computer-science\/","title":{"rendered":"Faculty Of Computer Science"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"215\" class=\"elementor elementor-215\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a59578f e-con e-atomic-element e-flexbox-base e-e034f7b \" data-id=\"a59578f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a59578f\">\n    \t\t<div class=\"elementor-element elementor-element-e9463a5 elementor-widget elementor-widget-html\" data-id=\"e9463a5\" 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 Computer Science\/Coding 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-1555066931-4365d14bab8c?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-laptop-code\"><\/i> ACADEMIC FACULTY DEPT<\/span>\n            <h1 class=\"cch-fac-title\">FACULTY OF COMPUTER SCIENCE<\/h1>\n            <p class=\"cch-fac-subtitle\">Department of Information Technology & Advanced Computing<\/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 Computer Science Faculty represents the modern engineering and programming standard, equipping our students with solid logical foundations and hands-on production experience in high-speed hardware labs, cloud portals, and software development platforms.\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 Computer Applications (B.C.A.) - 3 Years Degree<\/li>\n                    <li>Post Graduate Diploma in Computer Applications (P.G.D.C.A.) - 1 Year Program<\/li>\n                    <li>Master of Science in Information Technology (M.Sc. IT) - 2 Years Postgraduate Degree<\/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                    Covering core programming languages (C, C++, Java, Python), Advanced Data Structures, Database Management Systems, Cloud Architecture, Artificial Intelligence, Cybersecurity principles, and Full-Stack Web Development.\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                    \n            <div class=\"sp-card\">\n                \n                <!-- Image & Leader Badge -->\n                <div class=\"sp-img-wrapper\">\n                                            <div class=\"sp-badge\"><i class=\"fas fa-star\"><\/i> LEADER<\/div>\n                                        \n                                            <img fetchpriority=\"high\" decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.17.53-PM-225x300.jpeg\" class=\"sp-img wp-post-image\" alt=\"\" srcset=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.17.53-PM-225x300.jpeg 225w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.17.53-PM.jpeg 375w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/>                                    <\/div>\n                \n                <!-- Text Content -->\n                <div class=\"sp-info\">\n                    <h3 class=\"sp-name\">Manojbhai Solanki<\/h3>\n                    \n                    <div class=\"sp-designation\">\n                        <i class=\"far fa-id-badge\"><\/i> HOD Of BCA Department                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-orange\"><i class=\"fas fa-award\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Qualify: <strong>BCA \/ M.Sc (IT)<\/strong><\/span>\n                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-blue\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Experience: <strong>8 Years<\/strong><\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n                    \n            <div class=\"sp-card\">\n                \n                <!-- Image & Leader Badge -->\n                <div class=\"sp-img-wrapper\">\n                                        \n                                            <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/150\" alt=\"Placeholder\" class=\"sp-img\">\n                                    <\/div>\n                \n                <!-- Text Content -->\n                <div class=\"sp-info\">\n                    <h3 class=\"sp-name\">Purvaben Zankat<\/h3>\n                    \n                    <div class=\"sp-designation\">\n                        <i class=\"far fa-id-badge\"><\/i> Lecturer                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-orange\"><i class=\"fas fa-award\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Qualify: <strong>BCA \/ MCA<\/strong><\/span>\n                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-blue\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Experience: <strong>8 Years<\/strong><\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n                    \n            <div class=\"sp-card\">\n                \n                <!-- Image & Leader Badge -->\n                <div class=\"sp-img-wrapper\">\n                                        \n                                            <img decoding=\"async\" width=\"225\" height=\"300\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.18.14-PM-225x300.jpeg\" class=\"sp-img wp-post-image\" alt=\"\" srcset=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.18.14-PM-225x300.jpeg 225w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.18.14-PM.jpeg 375w\" sizes=\"(max-width: 225px) 100vw, 225px\" \/>                                    <\/div>\n                \n                <!-- Text Content -->\n                <div class=\"sp-info\">\n                    <h3 class=\"sp-name\">Dharmeshbhai Bambhaniya<\/h3>\n                    \n                    <div class=\"sp-designation\">\n                        <i class=\"far fa-id-badge\"><\/i> Lecturer                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-orange\"><i class=\"fas fa-award\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Qualify: <strong>BCA \/ M.Sc (IT)<\/strong><\/span>\n                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-blue\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Experience: <strong>8 Years<\/strong><\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n                    \n            <div class=\"sp-card\">\n                \n                <!-- Image & Leader Badge -->\n                <div class=\"sp-img-wrapper\">\n                                        \n                                            <img decoding=\"async\" width=\"282\" height=\"300\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.20.28-PM-282x300.jpeg\" class=\"sp-img wp-post-image\" alt=\"\" srcset=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.20.28-PM-282x300.jpeg 282w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.20.28-PM.jpeg 564w\" sizes=\"(max-width: 282px) 100vw, 282px\" \/>                                    <\/div>\n                \n                <!-- Text Content -->\n                <div class=\"sp-info\">\n                    <h3 class=\"sp-name\">KEVALKUMAR VANZA<\/h3>\n                    \n                    <div class=\"sp-designation\">\n                        <i class=\"far fa-id-badge\"><\/i>                     <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-orange\"><i class=\"fas fa-award\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Qualify: <strong>BCA \/ M.Sc (IT) \/ Bed<\/strong><\/span>\n                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-blue\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Experience: <strong>2 Years<\/strong><\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \n                    \n            <div class=\"sp-card\">\n                \n                <!-- Image & Leader Badge -->\n                <div class=\"sp-img-wrapper\">\n                                        \n                                            <img loading=\"lazy\" decoding=\"async\" width=\"223\" height=\"300\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.44.01-PM-223x300.jpeg\" class=\"sp-img wp-post-image\" alt=\"\" srcset=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.44.01-PM-223x300.jpeg 223w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.44.01-PM-760x1024.jpeg 760w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.44.01-PM-768x1034.jpeg 768w, https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-04-at-12.44.01-PM.jpeg 779w\" sizes=\"(max-width: 223px) 100vw, 223px\" \/>                                    <\/div>\n                \n                <!-- Text Content -->\n                <div class=\"sp-info\">\n                    <h3 class=\"sp-name\">KAMALIYA VIKIKUMAR BALUBHAI<\/h3>\n                    \n                    <div class=\"sp-designation\">\n                        <i class=\"far fa-id-badge\"><\/i> Lecturer                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-orange\"><i class=\"fas fa-award\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Qualify: <strong>BCA \/ MCA<\/strong><\/span>\n                    <\/div>\n                    \n                    <div class=\"sp-meta-row\">\n                        <div class=\"sp-meta-icon sp-icon-blue\"><i class=\"far fa-calendar-alt\"><\/i><\/div>\n                        <span class=\"sp-meta-text\">Experience: <strong> Years<\/strong><\/span>\n                    <\/div>\n                <\/div>\n                \n            <\/div>\n            \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\">\"DEEP LEARNING APPROACHES FOR PREDICTIVE CYBERSECURITY THREAT ANALYSIS\"<\/h4>\n                        <p class=\"cch-res-meta\">\n                            Author: <strong>Dr. V. K. Sharma<\/strong><br>\n                            <em>International Journal of Information Security<\/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\">\"EDGE COMPUTING OPTIMIZATION IN IOT NETWORKS FOR RURAL AGRICULTURE\"<\/h4>\n                        <p class=\"cch-res-meta\">\n                            Author: <strong>Prof. M. R. Desai<\/strong><br>\n                            <em>Journal of Cloud Computing & Systems<\/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, our students secured top ranks at the National Hackathon 'TechFest'. We successfully upgraded our computer labs with the latest generation processors and gigabit broadband, resulting in a 100% placement rate for our graduating M.Sc. IT batch in leading tech firms.\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 COMPUTER SCIENCE Department of Information Technology &#038; Advanced Computing ABOUT FACULTY PROGRAMME SYLLABUS STAFF RESEARCH ANNUAL REPORT ABOUT THE FACULTY Learn about our foundational principles and vision Our Computer Science Faculty represents the modern engineering and programming standard, equipping our students with solid logical foundations and hands-on production experience in [&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-215","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/215","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=215"}],"version-history":[{"count":4,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/215\/revisions"}],"predecessor-version":[{"id":219,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/215\/revisions\/219"}],"wp:attachment":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}