{"id":230,"date":"2026-06-23T20:04:10","date_gmt":"2026-06-23T20:04:10","guid":{"rendered":"https:\/\/jsparmarcollege.in\/?page_id=230"},"modified":"2026-06-23T20:08:17","modified_gmt":"2026-06-23T20:08:17","slug":"contact","status":"publish","type":"page","link":"https:\/\/jsparmarcollege.in\/index.php\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"230\" class=\"elementor elementor-230\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-888ef4e e-con e-atomic-element e-flexbox-base e-7ed6815 \" data-id=\"888ef4e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"888ef4e\">\n    \t\t<div class=\"elementor-element elementor-element-d68bdaa elementor-widget elementor-widget-html\" data-id=\"d68bdaa\" 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-contact-wrapper {\n        font-family: 'Open Sans', Arial, sans-serif;\n        width: 100%;\n        padding: 80px 5%;\n        background-color: #f8fafc; \/* Soft background *\/\n        box-sizing: border-box;\n    }\n\n    .cch-contact-wrapper * {\n        box-sizing: border-box;\n    }\n\n    \/* ========================================= *\/\n    \/* HEADER SECTION                            *\/\n    \/* ========================================= *\/\n    .cch-contact-header {\n        text-align: center;\n        margin-bottom: 50px;\n    }\n\n    .cch-contact-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-contact-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-contact-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    \/* ========================================= *\/\n    \/* INFO CARDS GRID                           *\/\n    \/* ========================================= *\/\n    .cch-contact-grid {\n        display: grid;\n        grid-template-columns: repeat(3, 1fr); \/* 3 Columns *\/\n        gap: 30px;\n        max-width: 1200px;\n        margin: 0 auto 50px auto;\n    }\n\n    .cch-contact-card {\n        background-color: #ffffff;\n        border: 1px solid rgba(0,0,0,0.03);\n        border-radius: 12px;\n        padding: 40px 30px;\n        text-align: center;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);\n        transition: transform 0.4s ease, box-shadow 0.4s ease;\n        position: relative;\n        overflow: hidden;\n    }\n\n    \/* Colored bottom border accent *\/\n    .cch-contact-card::after {\n        content: '';\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        height: 4px;\n        background-color: #1e3a8a;\n        transition: background-color 0.3s ease;\n    }\n\n    .cch-contact-card:hover {\n        transform: translateY(-8px);\n        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);\n    }\n\n    .cch-contact-card:hover::after {\n        background-color: #f59e0b; \/* Turns orange on hover *\/\n    }\n\n    .cch-icon-box {\n        width: 70px;\n        height: 70px;\n        background: #eff6ff; \/* Light blue bg *\/\n        color: #1e3a8a;\n        border-radius: 50%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        font-size: 28px;\n        margin: 0 auto 20px auto;\n        transition: all 0.3s ease;\n    }\n\n    .cch-contact-card:hover .cch-icon-box {\n        background: #f59e0b;\n        color: #ffffff;\n        transform: scale(1.1);\n    }\n\n    .cch-card-title {\n        color: #1e293b;\n        font-family: 'Times New Roman', serif;\n        font-size: 20px;\n        font-weight: 700;\n        margin: 0 0 15px 0;\n        letter-spacing: 0.5px;\n        text-transform: uppercase;\n    }\n\n    .cch-card-text {\n        color: #475569;\n        font-size: 14px;\n        line-height: 1.6;\n        margin: 0 0 8px 0;\n    }\n\n    .cch-card-text strong {\n        color: #1e3a8a;\n    }\n\n    .cch-contact-link {\n        color: #475569;\n        text-decoration: none;\n        transition: color 0.2s ease;\n    }\n\n    .cch-contact-link:hover {\n        color: #f59e0b;\n    }\n\n    \/* ========================================= *\/\n    \/* GOOGLE MAP SECTION                        *\/\n    \/* ========================================= *\/\n    .cch-map-container {\n        max-width: 1200px;\n        margin: 0 auto;\n        border-radius: 12px;\n        overflow: hidden;\n        border: 4px solid #ffffff;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);\n        height: 450px;\n    }\n\n    .cch-map-iframe {\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n\n    \/* ========================================= *\/\n    \/* RESPONSIVE DESIGN                         *\/\n    \/* ========================================= *\/\n    @media (max-width: 992px) {\n        .cch-contact-grid {\n            grid-template-columns: repeat(2, 1fr); \/* 2 columns on tablets *\/\n        }\n    }\n\n    @media (max-width: 768px) {\n        .cch-contact-wrapper {\n            padding: 60px 15px;\n        }\n        .cch-contact-title {\n            font-size: 28px;\n        }\n        .cch-contact-grid {\n            grid-template-columns: 1fr; \/* 1 column on mobile *\/\n            gap: 20px;\n        }\n        .cch-contact-card {\n            padding: 30px 20px;\n        }\n        .cch-map-container {\n            height: 350px; \/* Slightly shorter map on mobile *\/\n        }\n    }\n<\/style>\n\n<div class=\"cch-contact-wrapper\">\n    \n    <!-- Section Header -->\n    <div class=\"cch-contact-header\">\n        <h4 class=\"cch-contact-subtitle\"><i class=\"fas fa-headset\"><\/i> WE'RE HERE TO HELP<\/h4>\n        <h2 class=\"cch-contact-title\">GET IN TOUCH WITH US<\/h2>\n        <div class=\"cch-contact-divider\"><\/div>\n    <\/div>\n\n    <!-- Contact Info Cards Grid -->\n    <div class=\"cch-contact-grid\">\n        \n        <!-- Card 1: Postal Address -->\n        <div class=\"cch-contact-card\">\n            <div class=\"cch-icon-box\">\n                <i class=\"fas fa-map-marker-alt\"><\/i>\n            <\/div>\n            <h3 class=\"cch-card-title\">POSTAL ADDRESS<\/h3>\n            <p class=\"cch-card-text\">\n                Shree J S Parmar Arts & Commerce College,<br>\n                Sardar Nagar, Kodinar,<br>\n                Gujarat 362720\n            <\/p>\n        <\/div>\n\n        <!-- Card 2: General Inquiries -->\n        <div class=\"cch-contact-card\">\n            <div class=\"cch-icon-box\">\n                <i class=\"fas fa-envelope-open-text\"><\/i>\n            <\/div>\n            <h3 class=\"cch-card-title\">GENERAL INQUIRIES<\/h3>\n            <p class=\"cch-card-text\">\n                <strong>Phone:<\/strong> <a href=\"tel:+912876284126\" class=\"cch-contact-link\">+91 2876 284126<\/a>\n            <\/p>\n            <p class=\"cch-card-text\">\n                <strong>Email:<\/strong> <a href=\"mailto:info@jsparmarcollege.in\" class=\"cch-contact-link\">info@jsparmarcollege.in<\/a>\n            <\/p>\n        <\/div>\n\n        <!-- Card 3: Office Timings -->\n        <div class=\"cch-contact-card\">\n            <div class=\"cch-icon-box\">\n                <i class=\"far fa-clock\"><\/i>\n            <\/div>\n            <h3 class=\"cch-card-title\">OFFICE TIMINGS<\/h3>\n            <p class=\"cch-card-text\">\n                <strong>MONDAY - SATURDAY<\/strong>\n            <\/p>\n            <p class=\"cch-card-text\">\n                08:00 AM - 02:00 PM\n            <\/p>\n            <p class=\"cch-card-text\" style=\"color: #dc2626; font-size: 12px; margin-top: 10px;\">\n                <em>*Closed on Sundays & Public Holidays<\/em>\n            <\/p>\n        <\/div>\n\n    <\/div>\n\n    <!-- Google Map Embed -->\n    <!-- Used standard iframe embed code dynamically pointing to your provided map location -->\n    <div class=\"cch-map-container\">\n        <iframe class=\"cch-map-iframe\" src=\"https:\/\/maps.google.com\/maps?q=Shree+J+S+Parmar+Arts+%26+Commerce+College,+Sardar+Nagar,+Kodinar,+Gujarat+362720&t=&z=16&ie=UTF8&iwloc=&output=embed\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n    <\/div>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WE&#8217;RE HERE TO HELP GET IN TOUCH WITH US POSTAL ADDRESS Shree J S Parmar Arts &#038; Commerce College, Sardar Nagar, Kodinar, Gujarat 362720 GENERAL INQUIRIES Phone: +91 2876 284126 Email: info@jsparmarcollege.in OFFICE TIMINGS MONDAY &#8211; SATURDAY 08:00 AM &#8211; 02:00 PM *Closed on Sundays &#038; Public Holidays<\/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-230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/230","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=230"}],"version-history":[{"count":4,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/pages\/230\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/jsparmarcollege.in\/index.php\/wp-json\/wp\/v2\/media?parent=230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}