{"id":20309,"date":"2025-12-26T15:09:22","date_gmt":"2025-12-26T09:39:22","guid":{"rendered":"https:\/\/demo.vleafy.com\/ibc2\/?page_id=20309"},"modified":"2025-12-30T12:16:25","modified_gmt":"2025-12-30T06:46:25","slug":"chennai-b2b-members","status":"publish","type":"page","link":"https:\/\/demo.vleafy.com\/ibc2\/chennai-b2b-members\/","title":{"rendered":"Chennai B2B Members"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"20309\" class=\"elementor elementor-20309\">\n\t\t\t\t<div class=\"elementor-element elementor-element-687dc95 e-flex e-con-boxed e-con e-parent \" data-id=\"687dc95\" data-element_type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-e59cbe9 elementor-widget elementor-widget-text-editor\" data-id=\"e59cbe9\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CHENNAI B2B<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-721ba2b elementor-widget elementor-widget-pxl_heading\" data-id=\"721ba2b\" 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-721ba2b-8525\" class=\"pxl-heading pxl-heading--tcustom\">\n\t<div class=\"pxl-heading--inner\">\n\n\t\t\n\t<h3 class=\"pxl-item--title   pxl-color-style-1 wow fadeInUp\" data-wow-delay=\"300ms\">\n\n\n\tMember List\t\t\t\n\t<\/h3>\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-0697cc9 elementor-widget elementor-widget-html\" data-id=\"0697cc9\" 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<style>\r\n    body {\r\n        background: #0f051d;\r\n        font-family: Arial, sans-serif;\r\n    }\r\n\r\n    .ind-table-container {\r\n        max-width: 90%;\r\n        margin: 50px auto;\r\n    }\r\n\r\n    .ind-table-wrapper {\r\n        background: rgba(26, 11, 46, 0.6);\r\n        border-radius: 20px;\r\n        overflow: hidden;\r\n        border: 2px solid rgba(138, 43, 226, 0.3);\r\n    }\r\n\r\n    .ind-table-row {\r\n        display: grid;\r\n        grid-template-columns: 100px 1fr;\r\n        align-items: center;\r\n        gap: 20px;\r\n        padding: 25px 35px;\r\n        border-bottom: 1px solid rgba(138, 43, 226, 0.2);\r\n        transition: all 0.3s;\r\n        position: relative;\r\n    }\r\n\r\n    .ind-table-row:hover {\r\n        background: rgba(138, 43, 226, 0.1);\r\n        border-left: 4px solid #ff1493;\r\n        padding-left: 31px;\r\n    }\r\n\r\n    .ind-table-row:last-child {\r\n        border-bottom: none;\r\n    }\r\n\r\n    .ind-table-header-row {\r\n        background: rgba(138, 43, 226, 0.15);\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .ind-table-header-row .ind-table-number-col {\r\n        color: #FF2883;\r\n    }\r\n    \r\n    .ind-table-number-col {\r\n        color: #fff;\r\n        font-size: 1.1rem;\r\n        text-align: center;\r\n        font-weight: 500;\r\n    }\r\n\r\n    .ind-table-header-row .ind-table-name-col {\r\n        color: #FF2883;\r\n        }\r\n    \r\n    .ind-table-name-col {\r\n        color: #fff;\r\n        font-size: 1.2rem;\r\n        font-weight: 600;\r\n    }\r\n    \r\n    .ind-table-total {\r\n        color: #fff;\r\n        font-size: 1.3rem;\r\n        font-weight: 600;\r\n        margin-bottom: 40px;\r\n        -webkit-background-clip: text;\r\n       text-align:center;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .ind-table-row {\r\n            grid-template-columns: 70px 1fr;\r\n            padding: 20px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"ind-table-container\">\r\n    <div class=\"ind-table-total\" id=\"totalMembers\"><\/div>\r\n    <div class=\"ind-table-wrapper\" id=\"industryTable\"><\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst industryData = [\r\n    { id: 1, name: \"Name 1\" },\r\n    { id: 2, name: \"Name 2\" },\r\n    { id: 3, name: \"Name 3\" },\r\n    { id: 4, name: \"Name 4\" },\r\n    { id: 5, name: \"Name 5\" },\r\n    { id: 6, name: \"Name 6\" },\r\n    { id: 7, name: \"Name 7\" },\r\n    { id: 8, name: \"Name 8\" },\r\n    { id: 9, name: \"Name 9\" },\r\n    { id: 10, name: \"Name 10\" }\r\n];\r\n\r\nfunction renderIndustryTable() {\r\n    const table = document.getElementById('industryTable');\r\n    \r\n      const total = document.getElementById('totalMembers');\r\n\r\n    total.textContent = `Total Members: ${industryData.length}`;\r\n\r\n    \/\/ Header\r\n    const headerRow = document.createElement('div');\r\n    headerRow.className = 'ind-table-row ind-table-header-row';\r\n    headerRow.innerHTML = `\r\n        <div class=\"ind-table-number-col\">S.No<\/div>\r\n        <div class=\"ind-table-name-col\">Name<\/div>\r\n    `;\r\n    table.appendChild(headerRow);\r\n\r\n    \/\/ Rows\r\n    industryData.forEach(industry => {\r\n        const row = document.createElement('div');\r\n        row.className = 'ind-table-row';\r\n        row.innerHTML = `\r\n            <div class=\"ind-table-number-col\">${industry.id}<\/div>\r\n            <div class=\"ind-table-name-col\">${industry.name}<\/div>\r\n        `;\r\n        table.appendChild(row);\r\n    });\r\n}\r\n\r\nrenderIndustryTable();\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CHENNAI B2B Member List<\/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-20309","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/20309","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=20309"}],"version-history":[{"count":0,"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/pages\/20309\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.vleafy.com\/ibc2\/wp-json\/wp\/v2\/media?parent=20309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}