[
  {
    "id": "row-4col-custom",
    "name": "Footer - MAQIS",
    "icon": "⚙️",
    "html": "<div class=\"row\" style=\"padding: 20px; background-color: rgb(232, 232, 232);\">\n        <div class=\"col-md-5 builder-component\" id=\"component-3\" data-component-type=\"col\" draggable=\"true\"><div class=\"component-controls\" style=\"display: flex;\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-3\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-3')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-3')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-3')\">🗑️</button>\n                    </div>\n            <p>\n                Jabatan Perkhidmatan Kuarantin dan Pemeriksaan Malaysia (MAQIS), Aras 4, Menara 4G1, Wisma Tani, No.28, Persiaran Perdana, Presint 4, Pusat Pentadbiran Kerajaan Persekutuan, 62624 Putrajaya, Malaysia\n            </p>\n            <p>\n                feedback@maqis.gov.my\n03-8870 8000\nIsnin - Jumaat :  9:00 pagi - 6:00 petang\n            </p>\n        <div class=\"resize-handle bottom-right\" style=\"display: block;\"></div></div>\n        <div class=\"col-md-3 builder-component\" id=\"component-8\" data-component-type=\"col\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-8\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-8')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-8')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-8')\">🗑️</button>\n                    </div>\n            <div id=\"component-15\" class=\"builder-component\" data-component-type=\"h6\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-15\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-15')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-15')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-15')\">🗑️</button>\n                    </div>\n                <h6>\n                    Pautan Luar\n                </h6>\n            <div class=\"resize-handle bottom-right\"></div></div>\n            <div id=\"component-16\" class=\"builder-component\" data-component-type=\"unordered-list\"><ul>\n    <li>\n        Portal MyGOV\n    </li>\n    <li>\n        Jabatan Perdana Menteri\n    </li>\n    <li>\n        Kementerian Pertanian Dan Keterjaminan Makanan\n    </li>\n</ul><div class=\"component-controls\" style=\"display: none;\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-16\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-16')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-16')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-16')\">🗑️</button>\n                    </div><div class=\"resize-handle bottom-right\" style=\"display: none;\"></div></div>\n        <div class=\"resize-handle bottom-right\"></div></div>\n        <div class=\"col-md-2 builder-component\" id=\"component-9\" data-component-type=\"col\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-9\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-9')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-9')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-9')\">🗑️</button>\n                    </div>\n            <div id=\"component-17\" class=\"builder-component\" data-component-type=\"h6\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-17\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-17')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-17')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-17')\">🗑️</button>\n                    </div>\n                <h6>\n                    Pautan Lain\n                </h6>\n            <div class=\"resize-handle bottom-right\"></div></div>\n            <div id=\"component-18\" class=\"builder-component\" data-component-type=\"unordered-list\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-18\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-18')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-18')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-18')\">🗑️</button>\n                    </div>\n                <ul>\n                    <li>\n                        Penafian\n                    </li>\n                    <li>\n                        Polisi Privasi\n                    </li>\n                    <li>\n                        Polisi Keselamatan\n                    </li>\n                    <li>\n                        Hakcipta\n                    </li>\n                </ul>\n            <div class=\"resize-handle bottom-right\"></div></div>\n        <div class=\"resize-handle bottom-right\"></div></div>\n        <div class=\"col-md-2 builder-component\" id=\"component-10\" data-component-type=\"col\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-10\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-10')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-10')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-10')\">🗑️</button>\n                    </div>\n            <div id=\"component-19\" class=\"builder-component\" data-component-type=\"h6\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-19\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-19')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-19')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-19')\">🗑️</button>\n                    </div>\n                <h6>\n                    Statistik Pelawat\n                </h6>\n            <div class=\"resize-handle bottom-right\"></div></div>\n            <div id=\"component-21\" class=\"builder-component\" data-component-type=\"unordered-list\"><div class=\"component-controls\">\n                        <button class=\"control-btn move-btn\" title=\"Move\" data-move-id=\"component-21\">✥</button>\n                        <button class=\"control-btn\" title=\"Edit Code\" onclick=\"builder.openCodeEditor('component-21')\">{ }</button>\n                        <button class=\"control-btn\" title=\"Duplicate\" onclick=\"builder.duplicateComponent('component-21')\">📋</button>\n                        <button class=\"control-btn\" title=\"Delete\" onclick=\"builder.deleteComponent('component-21')\">🗑️</button>\n                    </div>\n                <ul>\n                    <li>\n                        Hari Ini : 0\n                    </li>\n                    <li>\n                        Minggu Ini : 0\n                    </li>\n                    <li>\n                        Bulan Ini : 5\n                    </li>\n                    <li>\n                        Tahun Ini : 5\n                    </li>\n                    <li>\n                        Jumlah : 586\n                    </li>\n                </ul>\n            <div class=\"resize-handle bottom-right\"></div></div>\n        <div class=\"resize-handle bottom-right\"></div></div>\n    </div>",
    "styles": {
      "backgroundColor": "rgb(232, 232, 232)",
      "padding": "20px",
      "paddingTop": "20px",
      "paddingRight": "20px",
      "paddingBottom": "20px",
      "paddingLeft": "20px"
    },
    "cssClasses": "row",
    "customCSS": ""
  }
]