{"id":1155,"date":"2025-05-30T12:00:12","date_gmt":"2025-05-30T12:00:12","guid":{"rendered":"https:\/\/cbemangalore.com\/?page_id=1155"},"modified":"2025-06-25T16:26:31","modified_gmt":"2025-06-25T16:26:31","slug":"office-staff-2","status":"publish","type":"page","link":"https:\/\/cbemangalore.com\/?page_id=1155","title":{"rendered":"Office staff"},"content":{"rendered":"\n<!DOCTYPE html>\n<html>\n<head>\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        html, body {\n            width: 100%;\n            height: 100%;\n        }\n\n        body {\n            background-color: #F5F5DC; \/* Beige background matching previous sections *\/\n            color: #4A2C2A; \/* Espresso brown for body text *\/\n            font-family: Arial, sans-serif;\n            min-height: 100vh;\n            width: 100%;\n        }\n\n        .main-content {\n            width: 100%;\n            padding: 20px;\n            min-height: 100vh;\n        }\n\n        h1 {\n            text-align: center;\n            color: #4A2C2A; \/* Espresso brown *\/\n            font-size: 28px;\n            margin-top: 50px; \/* Gap from menu *\/\n            margin-bottom: 20px;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.2);\n        }\n        \n        hr {\n            border: none;\n            height: 1px;\n            background-color: #4A2C2A;\n            margin: 0 20px 40px 20px;\n            opacity: 0.3;\n        }\n        \n        .staff-container {\n            display: flex;\n            flex-wrap: nowrap; \/* Prevent wrapping to ensure 4 cards in a row *\/\n            justify-content: space-between; \/* Spread cards evenly *\/\n            gap: 60px; \/* Gap between cards *\/\n            max-width: 1140px; \/* 4 cards (240px) + 3 gaps (60px) *\/\n            margin: 0 auto;\n            padding: 20px;\n        }\n        \n        .staff-card {\n            width: 240px;\n            text-align: center;\n            flex: 0 0 240px; \/* Fixed width, no grow or shrink *\/\n            background: rgba(255, 255, 255, 0.1); \/* Transparent background *\/\n            border-radius: 10px;\n            padding: 10px;\n            backdrop-filter: blur(5px); \/* Glass effect *\/\n            box-shadow: 0 4px 15px rgba(0,0,0,0.2);\n        }\n        \n        .photo-container {\n            width: 220px;\n            height: 260px;\n            margin: 0 auto;\n            position: relative;\n            border-radius: 8px;\n            overflow: hidden;\n            margin-bottom: 15px;\n        }\n        \n        .photo-container img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        \n        .name-tag {\n            display: block;\n            color: #4A2C2A; \/* Espresso brown *\/\n            padding: 5px 10px;\n            font-weight: bold;\n            margin-top: 10px;\n            font-size: 14px;\n            width: 220px;\n            margin-left: auto;\n            margin-right: auto;\n            text-shadow: 1px 1px 2px rgba(0,0,0,0.2); \/* Softer shadow for readability *\/\n        }\n        \n        \/* Responsive design *\/\n        @media (max-width: 1200px) {\n            .staff-container {\n                max-width: 1140px; \/* Maintain 4 cards in a row *\/\n                flex-wrap: nowrap; \/* Keep 4 cards in a single row *\/\n                gap: 40px; \/* Reduce gap slightly *\/\n                padding: 20px 10px;\n            }\n        }\n        \n        @media (max-width: 1000px) {\n            .staff-container {\n                flex-wrap: wrap; \/* Allow wrapping for smaller screens *\/\n                max-width: 540px; \/* 2 cards (240px) + 1 gap (60px) *\/\n                justify-content: center;\n                gap: 30px;\n            }\n            .staff-card {\n                flex: 0 0 240px;\n            }\n        }\n        \n        @media (max-width: 768px) {\n            .main-content {\n                padding: 15px;\n            }\n            \n            h1 {\n                font-size: 24px;\n                margin-top: 30px;\n            }\n            \n            hr {\n                margin: 0 10px 30px 10px;\n            }\n            \n            .staff-container {\n                flex-wrap: wrap;\n                max-width: 540px; \/* 2 cards side by side *\/\n                justify-content: center;\n                gap: 20px;\n                padding: 10px;\n            }\n            \n            .staff-card {\n                flex: 0 0 220px;\n                width: 220px;\n            }\n            \n            .photo-container {\n                width: 200px;\n                height: 240px;\n            }\n            \n            .name-tag {\n                width: 200px;\n                font-size: 13px;\n            }\n        }\n        \n        @media (max-width: 480px) {\n            .main-content {\n                padding: 10px;\n            }\n            \n            h1 {\n                font-size: 22px;\n                margin-top: 20px;\n            }\n            \n            hr {\n                margin: 0 5px 20px 5px;\n            }\n            \n            .staff-container {\n                flex-wrap: wrap;\n                max-width: 100%;\n                justify-content: center;\n                gap: 15px;\n                padding: 5px;\n            }\n            \n            .staff-card {\n                flex: 0 0 200px;\n                width: 200px;\n            }\n            \n            .photo-container {\n                width: 180px;\n                height: 220px;\n            }\n            \n            .name-tag {\n                width: 180px;\n                font-size: 12px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <div class=\"main-content\">\n        <h1>Administrative Staff<\/h1>\n        <hr>\n        <div class=\"staff-container\">\n            <div class=\"staff-card\">\n                <div class=\"photo-container\">\n                    <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/06\/f1.jpg\" alt=\"Smt. Gretta Lobo\">\n                <\/div>\n                <div class=\"name-tag\">Smt. Gretta Lobo<\/div>\n            <\/div>\n            \n            <div class=\"staff-card\">\n                <div class=\"photo-container\">\n                    <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/06\/f2.jpg\" alt=\"Smt. Nirmala Pinto\">\n                <\/div>\n                <div class=\"name-tag\">Smt. Nirmala Pinto<\/div>\n            <\/div>\n            \n            <div class=\"staff-card\">\n                <div class=\"photo-container\">\n                    <img decoding=\"async\" src=\"https:\/\/cbemangalore.com\/wp-content\/uploads\/2025\/06\/male.jpg\" alt=\"Mr. Vijay Fernandes\">\n                <\/div>\n                <div class=\"name-tag\">Mr. Vijay Fernandes<\/div>\n            <\/div>\n            \n            <div class=\"staff-card\">\n                <div class=\"photo-container\">\n                    <img decoding=\"async\" src=\"https:\/\/via.placeholder.com\/220x260\/cccccc\/666666?text=Photo\" alt=\"Smt. Preethi\">\n                <\/div>\n                <div class=\"name-tag\">Smt. Preethi<\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Administrative Staff Smt. Gretta Lobo Smt. Nirmala Pinto Mr. Vijay Fernandes Smt. Preethi<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-1155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/1155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1155"}],"version-history":[{"count":9,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/1155\/revisions"}],"predecessor-version":[{"id":1851,"href":"https:\/\/cbemangalore.com\/index.php?rest_route=\/wp\/v2\/pages\/1155\/revisions\/1851"}],"wp:attachment":[{"href":"https:\/\/cbemangalore.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}