{"id":18513,"date":"2025-11-10T12:36:54","date_gmt":"2025-11-10T07:06:54","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=18513"},"modified":"2025-12-29T09:24:27","modified_gmt":"2025-12-29T03:54:27","slug":"in-charge-managers","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/in-charge-managers\/","title":{"rendered":"In-charge &amp; Managers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18513\" class=\"elementor elementor-18513\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-346b34d elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-row-scroll-none pxl-full-content-with-space-none pxl-section-overflow-visible pxl-bg-color-none pxl-section-overlay-none\" data-id=\"346b34d\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\n                            <div class=\"elementor-background-overlay\"><\/div>\n            \n                <div class=\"elementor-container elementor-column-gap-default \">\n                <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d164b0a pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"d164b0a\" data-element_type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-ada275b elementor-widget elementor-widget-pxl_image\" data-id=\"ada275b\" data-element_type=\"widget\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-ada275b-1591\" class=\"pxl-image-single  style-default wow skewIn style-hover-style-1\" data-wow-delay=\"300ms\"  >\r\n    <div class=\"pxl-item--inner \" data-wow-delay=\"120ms\">\r\n        \r\n                    <div class=\"pxl-item--image\" data-parallax-value=\"\">\r\n                                <img decoding=\"async\" width=\"172\" height=\"63\" src=\"https:\/\/demo.vleafy.com\/ibc2\/wp-content\/uploads\/2024\/06\/contact-us-img-1.png\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                            <\/div>\r\n            \r\n        <div class=\"btn-image\">\r\n                                                    <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d8929f1 elementor-widget elementor-widget-pxl_heading\" data-id=\"d8929f1\" data-element_type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_heading-d8929f1-6540\" class=\"pxl-heading pxl-heading--tcustom\">\n\t<div class=\"pxl-heading--inner\">\n\n\t\t\n\t<h4 class=\"pxl-item--title   pxl-color-style-1 wow fadeInUp\" data-wow-delay=\"ms\">\n\n\n\tIn-Charges &#038; Managers\t\t\t\n\t<\/h4>\n\n<\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a848522 elementor-widget elementor-widget-html\" data-id=\"a848522\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <style>\r\n       \r\n\r\n        .contacts-container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .contacts-header {\r\n            text-align: center;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .contacts-title {\r\n            color: #fff;\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            text-transform: uppercase;\r\n            letter-spacing: 3px;\r\n            margin-bottom: 15px;\r\n            background: linear-gradient(135deg, #8a2be2, #ff1493);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .contacts-subtitle {\r\n            color: rgba(255, 255, 255, 0.7);\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .cards-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n            gap: 20px;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .contact-card {\r\n            background: linear-gradient(145deg, rgba(45, 27, 78, 0.9), rgba(26, 11, 46, 0.9));\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 25px;\r\n            position: relative;\r\n            transition: all 0.3s;\r\n            border: 1px solid rgba(138, 43, 226, 0.2);\r\n            overflow: hidden;\r\n        }\r\n\r\n        .contact-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 10px 30px rgba(138, 43, 226, 0.4);\r\n            border-color: rgba(138, 43, 226, 0.5);\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: space-between;\r\n            gap: 15px;\r\n        }\r\n\r\n        .card-title {\r\n            color: #fff;\r\n            font-size: 1.1rem;\r\n            font-weight: 700;\r\n            flex: 1;\r\n            line-height: 1.3;\r\n            font-family: 'Helvetica';\r\n        }\r\n\r\n        .expand-btn {\r\n            width: 36px;\r\n            height: 36px;\r\n            min-width: 36px;\r\n            background: linear-gradient(135deg, #ff1493, #8a2be2);\r\n            border: none;\r\n            border-radius: 50%;\r\n            color: #fff;\r\n            font-size: 1.3rem;\r\n            cursor: pointer;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s;\r\n            box-shadow: 0 4px 12px rgba(255, 20, 147, 0.4);\r\n        }\r\n\r\n        .expand-btn:hover {\r\n            transform: scale(1.1);\r\n            box-shadow: 0 6px 18px rgba(255, 20, 147, 0.6);\r\n        }\r\n\r\n        .expand-btn.expanded {\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .card-content {\r\n            display: grid;\r\n            grid-template-rows: 0fr;\r\n            transition: grid-template-rows 0.4s ease-out;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .card-content.expanded {\r\n            grid-template-rows: 1fr;\r\n        }\r\n\r\n        .card-content-inner {\r\n            min-height: 0;\r\n        }\r\n\r\n        .contact-details {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n            padding-top: 20px;\r\n            opacity: 0;\r\n            transform: translateY(-10px);\r\n            transition: all 0.3s ease-out 0.1s;\r\n        }\r\n\r\n        .card-content.expanded .contact-details {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .contact-info {\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-size: 0.95rem;\r\n            line-height: 1.5;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .contact-label {\r\n            color: rgba(255, 255, 255, 0.6);\r\n            font-size: 0.85rem;\r\n            font-weight: 600;\r\n            min-width: 70px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .contacts-title {\r\n                font-size: 2rem;\r\n            }\r\n\r\n            .cards-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 15px;\r\n            }\r\n\r\n            .contact-card {\r\n                padding: 20px;\r\n            }\r\n\r\n            .card-title {\r\n                font-size: 1rem;\r\n            }\r\n\r\n            .expand-btn {\r\n                width: 32px;\r\n                height: 32px;\r\n                min-width: 32px;\r\n                font-size: 1.1rem;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            body {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .cards-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        \/* Floating particles *\/\r\n        @keyframes contacts-float {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); }\r\n            50% { transform: translateY(-20px) rotate(180deg); }\r\n        }\r\n\r\n        .contacts-particle {\r\n            position: fixed;\r\n            width: 4px;\r\n            height: 4px;\r\n            background: rgba(138, 43, 226, 0.4);\r\n            border-radius: 50%;\r\n            pointer-events: none;\r\n            animation: contacts-float 6s infinite ease-in-out;\r\n            z-index: 1;\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"contacts-container\">\r\n        \r\n\r\n        <div class=\"cards-grid\" id=\"cardsGrid\"><\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Categories data with sample contacts\r\n        const categoriesData = [\r\n    { category: \"Awards\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Transport\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Food\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Travel\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Venue\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Seminar\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Speakers\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Power Supply Junction\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Main Stage Coordination\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"VIP Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Registration\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Free Registration (4 Months and 6 Months Before)\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"YouTube\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Facebook\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Instagram\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Room Stay\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Conclave\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Seating Plan\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Space Coordination\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Exhibitors Coordination\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Time Plan, Calendar Plan, Worksite Allocation\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Network Session\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Branding\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"LED Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Safety Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Security Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Crowd Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Crowd Guarantee\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Database\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Print Material\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Photos and Videos\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Stage Coordination Operation\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Product Launch\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Product Display Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Online Marketing\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Direct Invite Invitation Plan\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Investor Meeting\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Directory Copy and Print\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Hire Goods and Rentals\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"AutoCAD and Technical Diagrams\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"All Designing and Fabrication\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Petroleum\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Console Management\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Fellowship\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Press and Media\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Website\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Stage Side Work\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Advertisements\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"All Design Fabrication\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Direct Meet\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Parking Coordination\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Fabrication Points\", name: \"Person Name\", contact: \"+91-99999 99999\" },\r\n    { category: \"Shield Management, Medals, Certificates\", name: \"Person Name\", contact: \"+91-99999 99999\" }\r\n];\r\n\r\n\r\n        \/\/ Render cards\r\n        function renderCards() {\r\n            const grid = document.getElementById('cardsGrid');\r\n            \r\n            categoriesData.forEach((item, index) => {\r\n                const card = document.createElement('div');\r\n                card.className = 'contact-card';\r\n                \r\n                card.innerHTML = `\r\n                    <div class=\"card-header\">\r\n                        <h3 class=\"card-title\">${item.category}<\/h3>\r\n                        <button class=\"expand-btn\" onclick=\"toggleCard(${index})\">+<\/button>\r\n                    <\/div>\r\n                    <div class=\"card-content\" id=\"content-${index}\">\r\n                        <div class=\"card-content-inner\">\r\n                            <div class=\"contact-details\">\r\n                                <div class=\"contact-info\">\r\n                                    <span class=\"contact-label\">Name:<\/span>\r\n                                    <span>${item.name}<\/span>\r\n                                <\/div>\r\n                                <div class=\"contact-info\">\r\n                                    <span class=\"contact-label\">Contact:<\/span>\r\n                                    <span>${item.contact}<\/span>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                `;\r\n                \r\n                grid.appendChild(card);\r\n            });\r\n        }\r\n\r\n        \/\/ Toggle card expansion\r\n        function toggleCard(index) {\r\n            const content = document.getElementById(`content-${index}`);\r\n            const button = content.previousElementSibling.querySelector('.expand-btn');\r\n            \r\n            content.classList.toggle('expanded');\r\n            button.classList.toggle('expanded');\r\n        }\r\n\r\n        \/\/ Create floating particles\r\n        function createParticles() {\r\n            for (let i = 0; i < 20; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.className = 'contacts-particle';\r\n                particle.style.left = Math.random() * 100 + '%';\r\n                particle.style.top = Math.random() * 100 + '%';\r\n                particle.style.animationDelay = Math.random() * 6 + 's';\r\n                particle.style.animationDuration = (Math.random() * 4 + 4) + 's';\r\n                document.body.appendChild(particle);\r\n            }\r\n        }\r\n\r\n        \/\/ Initialize\r\n        renderCards();\r\n        createParticles();\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In-Charges &#038; Managers<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18513","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/18513","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/comments?post=18513"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/18513\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=18513"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}