{"id":173,"date":"2026-06-23T18:39:40","date_gmt":"2026-06-23T18:39:40","guid":{"rendered":"https:\/\/jsparmarcollege.in\/?page_id=173"},"modified":"2026-07-02T04:37:24","modified_gmt":"2026-07-02T04:37:24","slug":"about-us","status":"publish","type":"page","link":"https:\/\/jsparmarcollege.in\/index.php\/about-us\/","title":{"rendered":"ABOUT US"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"173\" class=\"elementor elementor-173\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59d32ca e-con e-atomic-element e-flexbox-base e-d7f3de7 \" data-id=\"59d32ca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"59d32ca\">\n    \t\t<div class=\"elementor-element elementor-element-3e765c9 elementor-widget elementor-widget-html\" data-id=\"3e765c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Icons (if not already loaded) -->\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-about-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        \/* Reduced external padding to save space in the 2-column layout *\/\n        padding: 15px 10px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    .cch-about-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* 3D Card with Orange Bottom Accent *\/\n    .cch-about-card {\n        background-color: #ffffff;\n        width: 100%;\n        border-radius: 16px;\n        \/* Thick orange border at the bottom matching the image *\/\n        border-bottom: 6px solid #f59e0b; \n        \/* Reduced internal padding *\/\n        padding: 40px 30px;\n        text-align: center;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .cch-about-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Title Styling *\/\n    .cch-about-title {\n        color: #1e3a8a; \/* Deep blue *\/\n        font-family: 'Times New Roman', serif;\n        font-size: 26px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        margin: 0 0 5px 0;\n        text-transform: uppercase;\n    }\n\n    \/* Diamond Decoration *\/\n    .cch-about-decor {\n        color: #f59e0b; \/* Orange *\/\n        font-size: 10px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 6px;\n        margin-bottom: 8px;\n    }\n\n    \/* Orange Separator Line *\/\n    .cch-about-line {\n        width: 50px;\n        height: 2px;\n        background-color: #f59e0b;\n        margin: 0 auto 20px auto;\n    }\n\n    \/* Subtitle Styling *\/\n    .cch-about-subtitle {\n        color: #1e293b;\n        font-size: 16px;\n        font-weight: 700;\n        letter-spacing: 0.5px;\n        margin: 0 0 15px 0;\n    }\n\n    \/* Main Paragraph Text - Now Centered *\/\n    .cch-about-text {\n        color: #64748b;\n        font-size: 14px;\n        line-height: 1.7;\n        margin: 0 0 30px 0;\n        text-align: center;\n    }\n\n    \/* Highlighted blue bold text inside paragraph *\/\n    .cch-text-highlight {\n        color: #1e3a8a;\n        font-weight: bold;\n    }\n\n    \/* Quote Box *\/\n    .cch-about-quote-box {\n        background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);\n        border: 1px solid #fde68a;\n        padding: 18px 15px;\n        border-radius: 12px;\n        margin-bottom: 25px;\n        box-shadow: 0 6px 15px rgba(245, 158, 11, 0.1);\n    }\n\n    .cch-about-quote-box p {\n        color: #b45309; \/* Deep orange\/brown *\/\n        font-family: 'Times New Roman', serif;\n        font-size: 18px;\n        font-style: italic;\n        font-weight: 700;\n        margin: 0;\n        letter-spacing: 1px;\n    }\n\n    \/* Footer Text *\/\n    .cch-about-footer-title {\n        color: #1e3a8a;\n        font-size: 13px;\n        font-weight: 700;\n        letter-spacing: 1.5px;\n        margin: 0 0 8px 0;\n        text-transform: uppercase;\n    }\n\n    \/* Five Stars *\/\n    .cch-about-stars {\n        color: #f59e0b;\n        font-size: 13px;\n        display: flex;\n        justify-content: center;\n        gap: 5px;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR MOBILE PHONES       *\/\n    \/* ========================================= *\/\n    @media (max-width: 768px) {\n        .cch-about-wrapper {\n            padding: 10px 5px;\n        }\n\n        .cch-about-card {\n            padding: 25px 15px;\n            border-radius: 12px;\n            border-bottom-width: 4px;\n        }\n\n        .cch-about-title {\n            font-size: 22px;\n        }\n\n        .cch-about-subtitle {\n            font-size: 14px;\n        }\n\n        .cch-about-text {\n            font-size: 13px;\n            margin-bottom: 20px;\n        }\n\n        .cch-about-quote-box {\n            padding: 15px 10px;\n            margin-bottom: 20px;\n        }\n\n        .cch-about-quote-box p {\n            font-size: 15px;\n        }\n\n        .cch-about-footer-title {\n            font-size: 11px;\n            line-height: 1.4;\n        }\n    }\n<\/style>\n\n<div class=\"cch-about-wrapper\">\n    <div class=\"cch-about-card\">\n        \n        <!-- Header -->\n        <h2 class=\"cch-about-title\">ABOUT COLLEGE<\/h2>\n        \n        <div class=\"cch-about-decor\">\n            <i class=\"fas fa-gem\"><\/i>\n            <i class=\"fas fa-gem\" style=\"font-size: 12px;\"><\/i>\n            <i class=\"fas fa-gem\"><\/i>\n        <\/div>\n        \n        <div class=\"cch-about-line\"><\/div>\n\n        <!-- Subtitle -->\n        <h3 class=\"cch-about-subtitle\">SHREE J S PARMAR ARTS & COMMERCE COLLEGE<\/h3>\n\n        <!-- Content with Highlighted Name -->\n        <p class=\"cch-about-text\">\n            <span class=\"cch-text-highlight\">SHREE J S PARMAR ARTS & COMMERCE COLLEGE<\/span> has been established with the objective of making a noteworthy contribution to the social, economic and cultural life of our country. Having faith in the power of education, the builders of this university intend to impart deep knowledge and wholesome character to the youngsters of our society.\"Warm Greetings to All Aspirants!\"\n\nIt is indeed very heartening to witness that the college has achieved a name for itself in the academic scenario of the region. This institute is the most powerful tool to bring positive changes in our personality and also to bring positive changes in our society.\n        <\/p>\n\n        <!-- Quote Box -->\n        <div class=\"cch-about-quote-box\">\n            <p>\u201cKNOWLEDGE ENLIGHTENS THE WORLD\u201d<\/p>\n        <\/div>\n\n        <!-- Footer Area -->\n        <h4 class=\"cch-about-footer-title\">EMPOWERING EDUCATION THROUGH INNOVATION<\/h4>\n        <div class=\"cch-about-stars\">\n            <i class=\"fas fa-star\"><\/i>\n            <i class=\"fas fa-star\"><\/i>\n            <i class=\"fas fa-star\"><\/i>\n            <i class=\"fas fa-star\"><\/i>\n            <i class=\"fas fa-star\"><\/i>\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-4963bdf e-con e-atomic-element e-flexbox-base e-517665c \" data-id=\"4963bdf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4963bdf\">\n    \t\t<div class=\"elementor-element elementor-element-ba8e75d elementor-widget elementor-widget-html\" data-id=\"ba8e75d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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-vm-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 80px 5%;\n        background-color: #f8fafc; \/* Very light background to contrast the white cards *\/\n        box-sizing: border-box;\n    }\n\n    .cch-vm-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Section Header *\/\n    .cch-vm-header {\n        text-align: center;\n        margin-bottom: 60px;\n    }\n\n    .cch-vm-subtitle {\n        color: #f59e0b; \/* Orange *\/\n        font-size: 12px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin: 0 0 10px 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 6px;\n    }\n\n    .cch-vm-subtitle i {\n        font-size: 10px;\n    }\n\n    .cch-vm-title {\n        color: #1e3a8a; \/* Deep blue *\/\n        font-family: 'Times New Roman', serif;\n        font-size: 36px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n    }\n\n    .cch-vm-divider {\n        width: 60px;\n        height: 4px;\n        background: linear-gradient(to right, #ea580c, #f59e0b);\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* Grid Layout for Cards *\/\n    .cch-vm-grid {\n        display: grid;\n        grid-template-columns: repeat(2, 1fr);\n        gap: 40px;\n        max-width: 1100px;\n        margin: 0 auto;\n        padding-top: 30px; \/* Space for the floating icons *\/\n    }\n\n    \/* 3D Card Styling *\/\n    .cch-vm-card {\n        background-color: #ffffff;\n        border-radius: 16px;\n        padding: 50px 40px 40px;\n        position: relative;\n        text-align: center;\n        border: 1px solid rgba(0,0,0,0.03);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 1);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n    }\n\n    \/* Card Hover 3D effect *\/\n    .cch-vm-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n\n    \/* Bottom Accents *\/\n    .cch-vm-card-vision {\n        border-bottom: 5px solid #f59e0b;\n    }\n\n    .cch-vm-card-mission {\n        border-bottom: 5px solid #1e3a8a;\n    }\n\n    \/* Overlapping 3D Icon Wrapper *\/\n    .cch-vm-icon-wrapper {\n        position: absolute;\n        top: -35px; \/* Pulls the icon up outside the card *\/\n        left: 50%;\n        transform: translateX(-50%);\n        width: 70px;\n        height: 70px;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 28px;\n        color: #ffffff;\n        box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        border: 4px solid #ffffff;\n        transition: transform 0.4s ease;\n    }\n\n    .cch-vm-card:hover .cch-vm-icon-wrapper {\n        transform: translateX(-50%) scale(1.1) rotate(5deg);\n    }\n\n    \/* Icon Gradients *\/\n    .cch-icon-vision { background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%); }\n    .cch-icon-mission { background: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%); }\n\n    \/* Typography inside cards *\/\n    .cch-vm-card-title {\n        color: #1e293b;\n        font-family: 'Times New Roman', serif;\n        font-size: 24px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n    }\n\n    .cch-vm-card-text {\n        color: #475569;\n        font-size: 15px;\n        line-height: 1.8;\n        margin: 0;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR TABLETS & PHONES    *\/\n    \/* ========================================= *\/\n    \n    @media (max-width: 900px) {\n        .cch-vm-grid {\n            gap: 30px;\n        }\n        .cch-vm-card {\n            padding: 40px 25px 30px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        .cch-vm-wrapper {\n            padding: 60px 15px;\n        }\n        .cch-vm-title {\n            font-size: 28px;\n        }\n        .cch-vm-grid {\n            grid-template-columns: 1fr; \/* Switch to 1 column on mobile *\/\n            gap: 60px; \/* Extra gap needed because of the floating icons *\/\n        }\n        .cch-vm-card-text {\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n<div class=\"cch-vm-wrapper\">\n    \n    <div class=\"cch-vm-header\">\n        <h4 class=\"cch-vm-subtitle\"><i class=\"fas fa-compass\"><\/i> OUR GUIDING PRINCIPLES<\/h4>\n        <h2 class=\"cch-vm-title\">VISION & MISSION<\/h2>\n        <div class=\"cch-vm-divider\"><\/div>\n    <\/div>\n\n    <div class=\"cch-vm-grid\">\n\n        <div class=\"cch-vm-card cch-vm-card-vision\">\n            <div class=\"cch-vm-icon-wrapper cch-icon-vision\">\n                <i class=\"far fa-eye\"><\/i>\n            <\/div>\n            <h3 class=\"cch-vm-card-title\">Our Vision<\/h3>\n            <p class=\"cch-vm-card-text\">\n                To be a premier institution of higher education, delivering transformative knowledge that empowers rural youth into globally competent, ethically strong, and socially responsible leaders of tomorrow.\n            <\/p>\n        <\/div>\n\n        <div class=\"cch-vm-card cch-vm-card-mission\">\n            <div class=\"cch-vm-icon-wrapper cch-icon-mission\">\n                <i class=\"fas fa-bullseye\"><\/i>\n            <\/div>\n            <h3 class=\"cch-vm-card-title\">Our Mission<\/h3>\n            <p class=\"cch-vm-card-text\">\n                To impart accessible, high-quality education while fostering critical thinking, physical well-being, and moral values. We strive to provide robust curricula and practical exposure that ensures academic and professional excellence.\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5d59061 e-con e-atomic-element e-flexbox-base e-81e8dcf \" data-id=\"5d59061\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5d59061\">\n    \t\t<div class=\"elementor-element elementor-element-bc55a23 elementor-widget elementor-widget-html\" data-id=\"bc55a23\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Icons (if not already loaded) -->\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-principal-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 40px 15px;\n        display: flex;\n        justify-content: center;\n        box-sizing: border-box;\n    }\n\n    .cch-principal-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Main Card Container *\/\n    .cch-principal-card {\n        background-color: #ffffff;\n        max-width: 1000px;\n        width: 100%;\n        border-radius: 12px;\n        overflow: hidden;\n        border: 1px solid rgba(0,0,0,0.03);\n        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .cch-principal-card:hover {\n        transform: translateY(-3px);\n        box-shadow: 0 15px 50px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Gradient Blue Header Strip *\/\n    .cch-principal-header {\n        background: linear-gradient(135deg, #1e3a8a 0%, #2a4c9d 100%);\n        color: #ffffff;\n        text-align: center;\n        padding: 18px;\n        font-family: 'Times New Roman', serif;\n        font-size: 20px;\n        font-weight: 700;\n        letter-spacing: 3px;\n        text-transform: uppercase;\n        border-bottom: 3px solid #f59e0b;\n    }\n\n    \/* Body Layout (Flexbox for 2 columns) *\/\n    .cch-principal-body {\n        display: flex;\n        padding: 40px 30px;\n        align-items: center; \n        background-color: #fafbfd; \/* Very subtle blue-grey tint *\/\n    }\n\n    \/* Left Column (Image & Info) *\/\n    .cch-principal-left {\n        flex: 0 0 35%; \n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding-right: 35px;\n        position: relative;\n    }\n\n    \/* Vertical Gradient Divider *\/\n    .cch-principal-left::after {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 10%;\n        height: 80%;\n        width: 1px;\n        background: linear-gradient(to bottom, transparent, #cbd5e1, transparent);\n    }\n\n    \/* Image Wrapper for Badge Positioning *\/\n    .cch-principal-img-wrapper {\n        position: relative;\n        display: inline-block;\n        margin-bottom: 25px;\n    }\n\n    \/* Image Styling *\/\n    .cch-principal-img {\n        width: 170px;\n        height: 190px;\n        object-fit: cover;\n        border: 4px solid #ffffff;\n        border-radius: 8px;\n        box-shadow: 0 8px 25px rgba(0,0,0,0.12);\n        transition: transform 0.4s ease;\n    }\n\n    .cch-principal-card:hover .cch-principal-img {\n        transform: scale(1.03);\n    }\n\n    \/* Elegant Orange 'PRINCIPAL' Badge *\/\n    .cch-principal-badge {\n        position: absolute;\n        bottom: -12px;\n        left: 50%;\n        transform: translateX(-50%);\n        background: linear-gradient(to right, #ea580c, #f59e0b);\n        color: #ffffff;\n        font-size: 11px;\n        font-weight: 800;\n        padding: 6px 16px;\n        border-radius: 20px;\n        letter-spacing: 1.5px;\n        box-shadow: 0 4px 10px rgba(245, 158, 11, 0.4);\n        white-space: nowrap;\n    }\n\n    \/* Principal Name & Title *\/\n    .cch-principal-name {\n        color: #1e3a8a;\n        font-family: 'Times New Roman', serif;\n        font-size: 20px;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        letter-spacing: 0.5px;\n    }\n\n    .cch-principal-title {\n        color: #64748b;\n        font-size: 12px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        margin: 0;\n    }\n\n    \/* Right Column (Quote & Text) *\/\n    .cch-principal-right {\n        flex: 0 0 65%; \n        padding-left: 35px;\n    }\n\n    \/* Quote Heading Area *\/\n    .cch-quote-header {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        margin-bottom: 20px;\n    }\n\n    .cch-quote-icon {\n        color: #f59e0b; \n        font-size: 24px;\n        margin-top: -2px;\n        opacity: 0.8;\n    }\n\n    .cch-quote-text {\n        color: #0f172a;\n        font-family: 'Times New Roman', serif;\n        font-size: 20px;\n        font-weight: 700;\n        font-style: italic;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    \/* Paragraph Text *\/\n    .cch-principal-paragraph {\n        color: #475569;\n        font-size: 15px;\n        line-height: 1.8;\n        margin: 0;\n        text-align: justify;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR MOBILE PHONES       *\/\n    \/* ========================================= *\/\n    @media (max-width: 768px) {\n        .cch-principal-wrapper {\n            padding: 20px 10px;\n        }\n\n        .cch-principal-header {\n            font-size: 18px;\n            padding: 15px;\n            letter-spacing: 2px;\n        }\n\n        .cch-principal-body {\n            flex-direction: column;\n            padding: 30px 20px;\n        }\n\n        \/* Mobile Layout Stack: Image first, then info *\/\n        .cch-principal-left {\n            flex: 1 1 100%;\n            padding-right: 0;\n            padding-bottom: 30px;\n            margin-bottom: 30px;\n        }\n\n        \/* Convert vertical divider to horizontal for mobile *\/\n        .cch-principal-left::after {\n            right: 10%;\n            bottom: 0;\n            top: auto;\n            height: 1px;\n            width: 80%;\n            background: linear-gradient(to right, transparent, #cbd5e1, transparent);\n        }\n\n        .cch-principal-img {\n            width: 150px;\n            height: 170px;\n        }\n\n        .cch-principal-right {\n            flex: 1 1 100%;\n            padding-left: 0;\n        }\n\n        .cch-quote-header {\n            justify-content: center;\n            text-align: center;\n        }\n\n        .cch-quote-text {\n            font-size: 18px;\n        }\n\n        .cch-principal-paragraph {\n            text-align: center; \/* Centered for easier mobile reading *\/\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n<div class=\"cch-principal-wrapper\">\n    <div class=\"cch-principal-card\">\n        \n        <!-- Header -->\n        <div class=\"cch-principal-header\">\n            PRINCIPAL DESK\n        <\/div>\n\n        <!-- Body -->\n        <div class=\"cch-principal-body\">\n            \n            <!-- Left Side: Image and Info (Appears first on mobile) -->\n            <div class=\"cch-principal-left\">\n                <div class=\"cch-principal-img-wrapper\">\n                    <!-- Inserted the specific image URL you provided -->\n                    <img decoding=\"async\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/06\/zankat.png\" alt=\"Dr. K. R. Parmar\" class=\"cch-principal-img\">\n                    <div class=\"cch-principal-badge\">PRINCIPAL<\/div>\n                <\/div>\n                <h3 class=\"cch-principal-name\">DR. B. H. ZANKAT<\/h3>\n                <p class=\"cch-principal-title\">M.A., PH.D. \u2022 SHREE J.S PARMAR COLLEGE<\/p>\n            <\/div>\n\n            <!-- Right Side: Message -->\n            <div class=\"cch-principal-right\">\n                <div class=\"cch-quote-header\">\n                    <i class=\"fas fa-quote-left cch-quote-icon\"><\/i>\n                    <p class=\"cch-quote-text\">\"WARM GREETINGS TO ALL ASPIRANTS!\"<\/p>\n                <\/div>\n                <p class=\"cch-principal-paragraph\">\n                    I deem it to be a matter of immense pleasure and honor for me to address you all through the website of SHREE J S PARMAR ARTS & COMMERCE COLLEGE. It is indeed very heartening to witness that the college has achieved a name for itself in the academic scenario of the region. This institute is the most powerful tool to bring positive changes in our personality and also to bring positive changes in our society.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9edcc4e e-con e-atomic-element e-flexbox-base e-871f615 \" data-id=\"9edcc4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9edcc4e\">\n    \t\t<div class=\"elementor-element elementor-element-ad91aef elementor-widget elementor-widget-html\" data-id=\"ad91aef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<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-trustee-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 60px 15px;\n        background-color: #f8fafc; \/* Very light grey background *\/\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        box-sizing: border-box;\n    }\n\n    .cch-trustee-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* Section Header *\/\n    .cch-trustee-section-header {\n        text-align: center;\n        margin-bottom: 40px;\n    }\n\n    .cch-trustee-subtitle {\n        color: #f59e0b; \/* Orange *\/\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin: 0 0 10px 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n    }\n\n    .cch-trustee-subtitle i {\n        font-size: 8px;\n    }\n\n    .cch-trustee-title {\n        color: #1e3a8a; \/* Deep blue *\/\n        font-family: 'Times New Roman', serif;\n        font-size: 32px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n        letter-spacing: 1px;\n    }\n\n    .cch-trustee-divider {\n        width: 50px;\n        height: 3px;\n        background-color: #f59e0b;\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* Main Card Container *\/\n    .cch-trustee-card {\n        background-color: #ffffff;\n        max-width: 1000px;\n        width: 100%;\n        border-radius: 8px;\n        overflow: hidden;\n        border: 1px solid rgba(0,0,0,0.05);\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n    }\n\n    .cch-trustee-card:hover {\n        transform: translateY(-5px);\n        box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);\n    }\n\n    \/* Blue Header Strip inside Card *\/\n    .cch-trustee-card-header {\n        background: linear-gradient(to right, #1e3a8a, #2a4c9d);\n        color: #ffffff;\n        text-align: center;\n        padding: 15px;\n        font-family: 'Times New Roman', serif;\n        font-size: 18px;\n        font-weight: 700;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        border-bottom: 4px solid #f59e0b;\n    }\n\n    \/* Body Layout (Flexbox for 2 columns) *\/\n    .cch-trustee-body {\n        display: flex;\n        padding: 40px 30px;\n        align-items: center;\n    }\n\n    \/* Left Column (Image & Info) *\/\n    .cch-trustee-left {\n        flex: 0 0 35%; \/* Takes up 35% of the width *\/\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        padding-right: 35px;\n        position: relative;\n    }\n\n    \/* Vertical Subtle Divider *\/\n    .cch-trustee-left::after {\n        content: '';\n        position: absolute;\n        right: 0;\n        top: 5%;\n        height: 90%;\n        width: 1px;\n        background: linear-gradient(to bottom, transparent, #e2e8f0, transparent);\n    }\n\n    \/* Image Wrapper *\/\n    .cch-trustee-img-wrapper {\n        position: relative;\n        display: inline-block;\n        margin-bottom: 25px;\n    }\n\n    .cch-trustee-img {\n        width: 160px;\n        height: 180px;\n        object-fit: cover;\n        border: 1px solid #e2e8f0;\n        border-radius: 4px;\n        padding: 4px;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n        background-color: #fff;\n    }\n\n    \/* Orange 'TRUSTEE' Badge *\/\n    .cch-trustee-badge {\n        position: absolute;\n        bottom: -10px;\n        right: -10px; \/* Offset to the right as per image *\/\n        background-color: #f59e0b;\n        color: #ffffff;\n        font-size: 11px;\n        font-weight: 800;\n        padding: 4px 12px;\n        border-radius: 4px;\n        letter-spacing: 1px;\n        box-shadow: 2px 4px 8px rgba(245, 158, 11, 0.3);\n    }\n\n    \/* Trustee Name & Title *\/\n    .cch-trustee-name {\n        color: #1e3a8a;\n        font-family: 'Times New Roman', serif;\n        font-size: 18px;\n        font-weight: 700;\n        margin: 0 0 8px 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .cch-trustee-title-text {\n        color: #64748b;\n        font-size: 11px;\n        font-weight: 700;\n        letter-spacing: 1px;\n        text-transform: uppercase;\n        margin: 0;\n        line-height: 1.5;\n    }\n\n    \/* Right Column (Quote & Text) *\/\n    .cch-trustee-right {\n        flex: 0 0 65%; \/* Takes up 65% of the width *\/\n        padding-left: 35px;\n    }\n\n    \/* Quote Heading Area *\/\n    .cch-trustee-quote-header {\n        display: flex;\n        align-items: flex-start;\n        gap: 12px;\n        margin-bottom: 20px;\n        padding-bottom: 15px;\n        border-bottom: 1px solid #f1f5f9;\n    }\n\n    .cch-trustee-quote-icon {\n        color: #f59e0b;\n        font-size: 20px;\n        margin-top: 2px;\n    }\n\n    .cch-trustee-quote-text {\n        color: #0f172a;\n        font-family: 'Times New Roman', serif;\n        font-size: 18px;\n        font-weight: 700;\n        font-style: italic;\n        margin: 0;\n        line-height: 1.4;\n    }\n\n    \/* Paragraph Text *\/\n    .cch-trustee-paragraph {\n        color: #475569;\n        font-size: 15px;\n        line-height: 1.8;\n        margin: 0;\n        text-align: justify;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR MOBILE PHONES       *\/\n    \/* ========================================= *\/\n    @media (max-width: 768px) {\n        .cch-trustee-wrapper {\n            padding: 40px 10px;\n        }\n\n        .cch-trustee-title {\n            font-size: 26px;\n        }\n\n        .cch-trustee-body {\n            flex-direction: column;\n            padding: 30px 20px;\n        }\n\n        \/* Mobile Layout Stack: Image first, then info *\/\n        .cch-trustee-left {\n            flex: 1 1 100%;\n            padding-right: 0;\n            padding-bottom: 30px;\n            margin-bottom: 30px;\n        }\n\n        \/* Convert vertical divider to horizontal for mobile *\/\n        .cch-trustee-left::after {\n            right: 10%;\n            bottom: 0;\n            top: auto;\n            height: 1px;\n            width: 80%;\n            background: linear-gradient(to right, transparent, #e2e8f0, transparent);\n        }\n\n        .cch-trustee-right {\n            flex: 1 1 100%;\n            padding-left: 0;\n        }\n\n        .cch-trustee-quote-header {\n            justify-content: center;\n            text-align: center;\n        }\n\n        .cch-trustee-paragraph {\n            text-align: center; \/* Center text on mobile for readability *\/\n            font-size: 14px;\n        }\n    }\n<\/style>\n\n<div class=\"cch-trustee-wrapper\">\n    \n    <div class=\"cch-trustee-section-header\">\n        <h4 class=\"cch-trustee-subtitle\"><i class=\"fas fa-star\"><\/i> GOVERNING VISION<\/h4>\n        <h2 class=\"cch-trustee-title\">MANAGING TRUSTEE ADDRESS<\/h2>\n        <div class=\"cch-trustee-divider\"><\/div>\n    <\/div>\n\n    <div class=\"cch-trustee-card\">\n        \n        <div class=\"cch-trustee-card-header\">\n            MANAGING TRUSTEE ADDRESS\n        <\/div>\n\n        <div class=\"cch-trustee-body\">\n            \n            <div class=\"cch-trustee-left\">\n                <div class=\"cch-trustee-img-wrapper\">\n                    <img decoding=\"async\" src=\"https:\/\/jsparmarcollege.in\/wp-content\/uploads\/2026\/07\/WhatsApp-Image-2026-07-02-at-9.56.08-AM.jpeg\" alt=\"Shree J. S. Parmar Logo\" class=\"cch-trustee-img\">\n                    <div class=\"cch-trustee-badge\">TRUSTEE<\/div>\n                <\/div>\n                <h3 class=\"cch-trustee-name\">DHIRSINH _. BARAD<\/h3>\n                <p class=\"cch-trustee-title-text\">CHAIRMAN \/ MANAGING TRUSTEE \u2022 SHREE B B SMARK TRUST<\/p>\n            <\/div>\n\n            <div class=\"cch-trustee-right\">\n                <div class=\"cch-trustee-quote-header\">\n                    <i class=\"fas fa-quote-left cch-trustee-quote-icon\"><\/i>\n                    <p class=\"cch-trustee-quote-text\">\"DELIVERING MODERN EDUCATION THAT TRANSFORMS RURAL MINDS\"<\/p>\n                <\/div>\n                <p class=\"cch-trustee-paragraph\">\n                    It gives me great pleasure to welcome you to our distinguished academic portal. Our single vision is to deliver affordable, high-quality modern education that transforms rural youth into leaders of tomorrow.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6afdeee e-con e-atomic-element e-flexbox-base e-32a411f \" data-id=\"6afdeee\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6afdeee\">\n    \t\t<div class=\"elementor-element elementor-element-9734110 elementor-widget elementor-widget-html\" data-id=\"9734110\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Icons (if not already loaded) -->\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-stats-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 80px 20px;\n        \/* Deep 3D radial background for a spotlight effect *\/\n        background: radial-gradient(circle at center, #1a233a 0%, #080c17 100%);\n        box-sizing: border-box;\n    }\n\n    .cch-stats-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .cch-stats-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n        gap: 30px;\n    }\n\n    \/* Individual Stat Item *\/\n    .cch-stat-item {\n        text-align: center;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        transition: transform 0.3s ease;\n    }\n\n    .cch-stat-item:hover {\n        transform: translateY(-8px);\n    }\n\n    \/* 3D Glowing Icon Wrapper *\/\n    .cch-stat-icon-wrapper {\n        width: 80px;\n        height: 80px;\n        border-radius: 50%;\n        border: 2px solid rgba(245, 158, 11, 0.5); \/* Semi-transparent orange *\/\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-bottom: 20px;\n        \/* 3D Glow effects *\/\n        box-shadow: 0 0 20px rgba(245, 158, 11, 0.15), \n                    inset 0 0 15px rgba(245, 158, 11, 0.1);\n        background: linear-gradient(135deg, rgba(255,255,255,0.02) 0%, rgba(0,0,0,0.2) 100%);\n        transition: all 0.3s ease;\n    }\n\n    .cch-stat-item:hover .cch-stat-icon-wrapper {\n        border-color: #f59e0b;\n        box-shadow: 0 0 30px rgba(245, 158, 11, 0.3), \n                    inset 0 0 20px rgba(245, 158, 11, 0.2);\n    }\n\n    .cch-stat-icon {\n        color: #f59e0b; \/* Orange\/Gold *\/\n        font-size: 28px;\n    }\n\n    \/* Animated Numbers *\/\n    .cch-stat-number {\n        color: #f59e0b;\n        font-family: 'Times New Roman', serif;\n        font-size: 42px;\n        font-weight: 700;\n        margin-bottom: 8px;\n        \/* Drop shadow for 3D depth *\/\n        text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.6);\n    }\n\n    \/* Labels *\/\n    .cch-stat-label {\n        color: #cbd5e1; \/* Light grayish blue *\/\n        font-size: 13px;\n        font-weight: 600;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR TABLETS & PHONES    *\/\n    \/* ========================================= *\/\n    \n    @media (max-width: 992px) {\n        .cch-stats-container {\n            grid-template-columns: repeat(2, 1fr); \/* 2 items per row on tablets *\/\n            gap: 50px 30px;\n        }\n    }\n\n    @media (max-width: 576px) {\n        .cch-stats-wrapper {\n            padding: 50px 20px;\n        }\n        .cch-stats-container {\n            grid-template-columns: 1fr; \/* 1 item per row on phones *\/\n            gap: 40px;\n        }\n        .cch-stat-number {\n            font-size: 36px;\n        }\n        .cch-stat-icon-wrapper {\n            width: 70px;\n            height: 70px;\n        }\n        .cch-stat-icon {\n            font-size: 24px;\n        }\n    }\n<\/style>\n\n<div class=\"cch-stats-wrapper\" id=\"cch-stats-section\">\n    <div class=\"cch-stats-container\">\n        \n        <!-- Stat 1 -->\n        <div class=\"cch-stat-item\">\n            <div class=\"cch-stat-icon-wrapper\">\n                <i class=\"fas fa-user-group cch-stat-icon\"><\/i>\n            <\/div>\n            <div class=\"cch-stat-number\" data-target=\"1150\">0<\/div>\n            <div class=\"cch-stat-label\">STUDENTS<\/div>\n        <\/div>\n\n        <!-- Stat 2 -->\n        <div class=\"cch-stat-item\">\n            <div class=\"cch-stat-icon-wrapper\">\n                <i class=\"fas fa-graduation-cap cch-stat-icon\"><\/i>\n            <\/div>\n            <div class=\"cch-stat-number\" data-target=\"19\">0<\/div>\n            <div class=\"cch-stat-label\">FACULTY MEMBERS<\/div>\n        <\/div>\n\n        <!-- Stat 3 -->\n        <div class=\"cch-stat-item\">\n            <div class=\"cch-stat-icon-wrapper\">\n                <i class=\"fas fa-building cch-stat-icon\"><\/i>\n            <\/div>\n            <div class=\"cch-stat-number\" data-target=\"5\">0<\/div>\n            <div class=\"cch-stat-label\">DEPARTMENTS<\/div>\n        <\/div>\n\n        <!-- Stat 4 -->\n        <div class=\"cch-stat-item\">\n            <div class=\"cch-stat-icon-wrapper\">\n                <i class=\"fas fa-book cch-stat-icon\"><\/i>\n            <\/div>\n            <div class=\"cch-stat-number\" data-target=\"32,250\">0<\/div>\n            <div class=\"cch-stat-label\">LIBRARY BOOKS<\/div>\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- JavaScript for Animated Number Counter -->\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const counters = document.querySelectorAll('.cch-stat-number');\n        const speed = 100; \/\/ The lower the slower\n\n        \/\/ Function to run the counter\n        const runCounter = (counter) => {\n            const updateCount = () => {\n                const target = +counter.getAttribute('data-target');\n                const count = +counter.innerText;\n                const inc = target \/ speed;\n\n                if (count < target) {\n                    counter.innerText = Math.ceil(count + inc);\n                    setTimeout(updateCount, 20);\n                } else {\n                    counter.innerText = target;\n                }\n            };\n            updateCount();\n        };\n\n        \/\/ Intersection Observer to trigger animation only when section is visible\n        const statsSection = document.getElementById('cch-stats-section');\n        let animated = false;\n\n        if (statsSection && 'IntersectionObserver' in window) {\n            const observer = new IntersectionObserver((entries) => {\n                if (entries[0].isIntersecting && !animated) {\n                    counters.forEach(counter => runCounter(counter));\n                    animated = true; \/\/ Prevent running multiple times\n                }\n            }, { threshold: 0.5 }); \/\/ Trigger when 50% of the section is visible\n\n            observer.observe(statsSection);\n        } else {\n            \/\/ Fallback if browser doesn't support IntersectionObserver\n            counters.forEach(counter => runCounter(counter));\n        }\n    });\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-07aed50 e-con e-atomic-element e-flexbox-base e-07aed50-9694df9 \" data-id=\"07aed50\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"07aed50\">\n    \t\t<div class=\"elementor-element elementor-element-1c75428 elementor-widget elementor-widget-html\" data-id=\"1c75428\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Font Awesome for Icons (if not already loaded) -->\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-facilities-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 60px 20px;\n        background-color: #f8fafc; \/* Subtle off-white to make 3D cards pop *\/\n        box-sizing: border-box;\n    }\n\n    .cch-facilities-wrapper * {\n        box-sizing: border-box;\n    }\n\n    .cch-facilities-container {\n        max-width: 1300px; \/* Wide container to fit 5 cards gracefully *\/\n        margin: 0 auto;\n    }\n\n    \/* Section Header *\/\n    .cch-facilities-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .cch-fac-subtitle {\n        color: #f59e0b; \/* Orange *\/\n        font-size: 11px;\n        font-weight: 800;\n        letter-spacing: 2px;\n        text-transform: uppercase;\n        margin: 0 0 10px 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        gap: 5px;\n    }\n\n    .cch-fac-subtitle i {\n        font-size: 8px;\n    }\n\n    .cch-fac-title {\n        color: #1e3a8a; \/* Deep blue *\/\n        font-family: 'Times New Roman', serif;\n        font-size: 32px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n    }\n\n    .cch-fac-divider {\n        width: 60px;\n        height: 3px;\n        background-color: #f59e0b;\n        margin: 0 auto;\n        border-radius: 2px;\n    }\n\n    \/* Grid Layout for Cards *\/\n    .cch-fac-grid {\n        display: grid;\n        grid-template-columns: repeat(5, 1fr);\n        gap: 20px;\n    }\n\n    \/* 3D Card Styling *\/\n    .cch-fac-card {\n        background-color: #ffffff;\n        border-radius: 12px;\n        padding: 30px 20px;\n        border: 1px solid rgba(0, 0, 0, 0.03);\n        \/* Soft base shadow for 3D look *\/\n        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 1);\n        transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Subtle colored bottom border on hover *\/\n    .cch-fac-card::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background-color: transparent;\n        transition: background-color 0.3s ease;\n    }\n\n    \/* Hover 3D floating effect *\/\n    .cch-fac-card:hover {\n        transform: translateY(-10px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);\n    }\n\n    \/* Card Hover specific bottom colors *\/\n    .cch-fac-card.card-blue:hover::after { background-color: #3b82f6; }\n    .cch-fac-card.card-yellow:hover::after { background-color: #d97706; }\n    .cch-fac-card.card-green:hover::after { background-color: #16a34a; }\n    .cch-fac-card.card-red:hover::after { background-color: #dc2626; }\n    .cch-fac-card.card-purple:hover::after { background-color: #9333ea; }\n\n    \/* Icon Container *\/\n    .cch-fac-icon-wrapper {\n        width: 50px;\n        height: 50px;\n        border-radius: 12px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        margin-bottom: 20px;\n        font-size: 22px;\n    }\n\n    \/* Icon Colors *\/\n    .cch-fac-icon-blue { background-color: #eff6ff; color: #3b82f6; }\n    .cch-fac-icon-yellow { background-color: #fef3c7; color: #d97706; }\n    .cch-fac-icon-green { background-color: #dcfce7; color: #16a34a; }\n    .cch-fac-icon-red { background-color: #fee2e2; color: #dc2626; }\n    .cch-fac-icon-purple { background-color: #f3e8ff; color: #9333ea; }\n\n    \/* Card Content *\/\n    .cch-fac-card-title {\n        color: #1e3a8a;\n        font-family: 'Times New Roman', serif;\n        font-size: 17px;\n        font-weight: 700;\n        margin: 0 0 12px 0;\n        text-transform: uppercase;\n        letter-spacing: 0.5px;\n    }\n\n    .cch-fac-card-desc {\n        color: #64748b;\n        font-size: 13px;\n        line-height: 1.6;\n        margin: 0;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN FOR TABLETS & PHONES    *\/\n    \/* ========================================= *\/\n    \n    \/* Small Desktops & Tablets Landscape *\/\n    @media (max-width: 1100px) {\n        .cch-fac-grid {\n            grid-template-columns: repeat(3, 1fr); \/* 3 cards per row *\/\n        }\n    }\n\n    \/* Tablets Portrait *\/\n    @media (max-width: 768px) {\n        .cch-facilities-wrapper {\n            padding: 40px 15px;\n        }\n        .cch-fac-title {\n            font-size: 26px;\n        }\n        .cch-fac-grid {\n            grid-template-columns: repeat(2, 1fr); \/* 2 cards per row *\/\n        }\n    }\n\n    \/* Mobile Phones *\/\n    @media (max-width: 550px) {\n        .cch-fac-grid {\n            grid-template-columns: 1fr; \/* 1 card per row *\/\n        }\n        .cch-fac-card {\n            padding: 25px 20px;\n        }\n    }\n<\/style>\n\n<div class=\"cch-facilities-wrapper\">\n    <div class=\"cch-facilities-container\">\n        \n        <!-- Header -->\n        <div class=\"cch-facilities-header\">\n            <h4 class=\"cch-fac-subtitle\"><i class=\"fas fa-star\"><\/i> CAMPUS RESOURCES<\/h4>\n            <h2 class=\"cch-fac-title\">OUR QUALITY FACILITIES<\/h2>\n            <div class=\"cch-fac-divider\"><\/div>\n        <\/div>\n\n        <!-- Grid -->\n        <div class=\"cch-fac-grid\">\n            \n            <!-- Card 1: Staff -->\n            <div class=\"cch-fac-card card-blue\">\n                <div class=\"cch-fac-icon-wrapper cch-fac-icon-blue\">\n                    <i class=\"fas fa-user-tie\"><\/i>\n                <\/div>\n                <h3 class=\"cch-fac-card-title\">QUALITY STAFF<\/h3>\n                <p class=\"cch-fac-card-desc\">\n                    Our institution boasts exceptionally qualified and dedicated lecturers holding post-graduate and doctoral degrees, committed to providing interactive pedagogy and mentoring student talents.\n                <\/p>\n            <\/div>\n\n            <!-- Card 2: Library -->\n            <div class=\"cch-fac-card card-yellow\">\n                <div class=\"cch-fac-icon-wrapper cch-fac-icon-yellow\">\n                    <i class=\"fas fa-book-open\"><\/i>\n                <\/div>\n                <h3 class=\"cch-fac-card-title\">LIBRARY<\/h3>\n                <p class=\"cch-fac-card-desc\">\n                    Equipped with reference books, text manuals, multiple regional language newspapers, and peer-reviewed journals with a supportive silent reading zone.\n                <\/p>\n            <\/div>\n\n            <!-- Card 3: Science Lab -->\n            <div class=\"cch-fac-card card-green\">\n                <div class=\"cch-fac-icon-wrapper cch-fac-icon-green\">\n                    <i class=\"fas fa-flask\"><\/i>\n                <\/div>\n                <h3 class=\"cch-fac-card-title\">SCIENCE LAB<\/h3>\n                <p class=\"cch-fac-card-desc\">\n                    State-of-the-art physics, chemistry, and biology setups fitted with advanced high-precision testing apparatuses and strict security guidelines.\n                <\/p>\n            <\/div>\n\n            <!-- Card 4: Play Ground -->\n            <div class=\"cch-fac-card card-red\">\n                <div class=\"cch-fac-icon-wrapper cch-fac-icon-red\">\n                    <i class=\"fas fa-trophy\"><\/i>\n                <\/div>\n                <h3 class=\"cch-fac-card-title\">PLAY GROUND<\/h3>\n                <p class=\"cch-fac-card-desc\">\n                    A sprawling play field supporting track athletics, volleyball nets, shotput circles, and regular physical training sessions to boost sport merits.\n                <\/p>\n            <\/div>\n\n            <!-- Card 5: Computer Lab -->\n            <div class=\"cch-fac-card card-purple\">\n                <div class=\"cch-fac-icon-wrapper cch-fac-icon-purple\">\n                    <i class=\"fas fa-laptop-code\"><\/i>\n                <\/div>\n                <h3 class=\"cch-fac-card-title\">COMPUTER LAB<\/h3>\n                <p class=\"cch-fac-card-desc\">\n                    Equipped with modern synchronized computing workstations, fast gigabit broadband fiber connection, and essential administrative tools.\n                <\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT COLLEGE SHREE J S PARMAR ARTS &#038; COMMERCE COLLEGE SHREE J S PARMAR ARTS &#038; COMMERCE COLLEGE has been established with the objective of making a noteworthy contribution to the social, economic and cultural life of our country. Having faith in the power of education, the builders of this university intend to impart deep [&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-173","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173","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=173"}],"version-history":[{"count":16,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions"}],"predecessor-version":[{"id":330,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/173\/revisions\/330"}],"wp:attachment":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}