{
  "version": "1.0",
  "timestamp": "2026-01-21T12:30:00.000Z",
  "pageSettings": {
    "title": "Sistem Pengurusan Kontrak (CMS) - Suruhanjaya Koperasi Malaysia",
    "description": "Urus kontrak dengan teratur, selamat dan cekap - Suruhanjaya Koperasi Malaysia",
    "author": "Suruhanjaya Koperasi Malaysia",
    "keywords": "SKM, koperasi, kontrak, hartanah, Malaysia",
    "backgroundColor": "#ffffff",
    "customCSS": ":root {\n    --primary-color: #1e3a8a;\n    --secondary-color: #3b82f6;\n    --accent-color: #10b981;\n}\n\nbody {\n    font-family: Arial, sans-serif;\n}\n\n.top-bar {\n    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 100%);\n    padding: 15px 0;\n    color: white;\n    text-align: center;\n}\n\n.top-bar h1 {\n    font-size: 1.5rem;\n    margin: 0 0 10px 0;\n    font-weight: bold;\n}\n\n.top-bar .login-links a {\n    color: white;\n    text-decoration: none;\n    margin: 0 10px;\n    padding: 8px 20px;\n    border: 2px solid white;\n    border-radius: 5px;\n    transition: all 0.3s;\n}\n\n.top-bar .login-links a:hover {\n    background: white;\n    color: #1e3a8a;\n}\n\n.navbar {\n    background: white;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n    padding: 10px 0;\n}\n\n.navbar-brand img {\n    max-height: 70px;\n}\n\n.navbar-nav .nav-link {\n    color: #333;\n    font-weight: 500;\n    padding: 10px 15px;\n    transition: all 0.3s;\n}\n\n.navbar-nav .nav-link:hover {\n    color: #3b82f6;\n}\n\n.hero-slider {\n    position: relative;\n    margin-top: 0;\n}\n\n.hero-slider img {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n}\n\n.latest-news {\n    background: #fef3c7;\n    padding: 20px;\n    margin: 30px 0;\n    border-left: 5px solid #f59e0b;\n}\n\n.latest-news h4 {\n    color: #d97706;\n    font-weight: bold;\n    margin-bottom: 15px;\n}\n\n.section-title {\n    text-align: center;\n    margin: 50px 0 30px;\n}\n\n.section-title h4 {\n    color: #1e3a8a;\n    font-weight: bold;\n    font-size: 1.8rem;\n    border-bottom: 3px solid #3b82f6;\n    display: inline-block;\n    padding-bottom: 10px;\n}\n\n.property-card {\n    border: 1px solid #e5e7eb;\n    border-radius: 10px;\n    padding: 20px;\n    margin-bottom: 30px;\n    box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n    transition: all 0.3s;\n}\n\n.property-card:hover {\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transform: translateY(-5px);\n}\n\n.property-card h5 {\n    color: #1e3a8a;\n    font-weight: bold;\n    margin-bottom: 20px;\n}\n\n.property-card h6 {\n    color: #6b7280;\n    font-size: 0.9rem;\n    margin-top: 15px;\n    margin-bottom: 5px;\n}\n\n.property-card .price {\n    color: #10b981;\n    font-size: 1.8rem;\n    font-weight: bold;\n    margin: 20px 0;\n}\n\n.property-card .btn-book {\n    background: #3b82f6;\n    color: white;\n    border: none;\n    padding: 10px 25px;\n    border-radius: 5px;\n    text-decoration: none;\n    display: inline-block;\n    transition: all 0.3s;\n}\n\n.property-card .btn-book:hover {\n    background: #1e3a8a;\n    transform: scale(1.05);\n}\n\n.property-card .contact-info {\n    font-size: 0.85rem;\n    color: #6b7280;\n    margin-top: 15px;\n    padding-top: 15px;\n    border-top: 1px solid #e5e7eb;\n}\n\n.service-card {\n    text-align: center;\n    padding: 20px;\n    border: 1px solid #e5e7eb;\n    border-radius: 10px;\n    margin-bottom: 30px;\n    transition: all 0.3s;\n    text-decoration: none;\n    display: block;\n    background: white;\n}\n\n.service-card:hover {\n    box-shadow: 0 10px 30px rgba(0,0,0,0.1);\n    transform: translateY(-5px);\n}\n\n.service-card img {\n    width: 100%;\n    max-width: 200px;\n    height: 150px;\n    object-fit: contain;\n    margin-bottom: 15px;\n}\n\n.service-card h6 {\n    color: #1e3a8a;\n    font-weight: 600;\n    margin-top: 10px;\n}\n\nfooter {\n    background: #1f2937;\n    color: white;\n    padding: 50px 0 20px;\n    margin-top: 50px;\n}\n\nfooter h6 {\n    color: #fff;\n    font-weight: bold;\n    margin-bottom: 20px;\n    border-bottom: 2px solid #3b82f6;\n    padding-bottom: 10px;\n}\n\nfooter ul {\n    list-style: none;\n    padding: 0;\n}\n\nfooter ul li {\n    margin-bottom: 10px;\n}\n\nfooter a {\n    color: #d1d5db;\n    text-decoration: none;\n    transition: all 0.3s;\n}\n\nfooter a:hover {\n    color: #3b82f6;\n}\n\n.footer-bottom {\n    background: #111827;\n    padding: 20px 0;\n    margin-top: 30px;\n    text-align: center;\n    border-top: 1px solid #374151;\n}\n\n.w3c-widget {\n    position: fixed;\n    right: 0;\n    top: 50%;\n    transform: translateY(-50%);\n    background: white;\n    padding: 10px;\n    border-radius: 10px 0 0 10px;\n    box-shadow: -2px 0 10px rgba(0,0,0,0.1);\n    z-index: 999;\n}\n\n.w3c-widget button {\n    display: block;\n    margin: 5px;\n    padding: 5px 10px;\n    border: 1px solid #ccc;\n    background: white;\n    cursor: pointer;\n}",
    "customJS": "",
    "externalCSS": [],
    "externalJS": []
  },
  "components": [
    {
      "id": "topbar-skm-1",
      "type": "custom-code",
      "html": "<section class=\"top-bar\">\n    <div class=\"container\">\n        <h1>URUS KONTRAK DENGAN TERATUR, SELAMAT DAN CEKAP</h1>\n        <div class=\"login-links\">\n            <a href=\"#\">LOG MASUK</a>\n            <span style=\"color: white;\">|</span>\n            <a href=\"#\">DAFTAR PENGGUNA</a>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"top-bar\">\n    <div class=\"container\">\n        <h1>URUS KONTRAK DENGAN TERATUR, SELAMAT DAN CEKAP</h1>\n        <div class=\"login-links\">\n            <a href=\"#\">LOG MASUK</a>\n            <span style=\"color: white;\">|</span>\n            <a href=\"#\">DAFTAR PENGGUNA</a>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "name": "Top Bar",
      "position": 0
    },
    {
      "id": "navbar-skm-2",
      "type": "navbar",
      "html": "<nav class=\"navbar navbar-expand-lg\">\n    <div class=\"container\">\n        <a class=\"navbar-brand\" href=\"#\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCAyMDAgNzAiPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNzAiIGZpbGw9IiMxZTNhOGEiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSI0MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNLTTwvdGV4dD48L3N2Zz4=\" alt=\"SKM Logo\">\n        </a>\n        <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarNav\">\n            <span class=\"navbar-toggler-icon\"></span>\n        </button>\n        <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n            <ul class=\"navbar-nav ms-auto\">\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Utama</a></li>\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Mengenai Kami</a></li>\n                <li class=\"nav-item\"><a class=\"nav-link\" href=\"#\">Hartanah</a></li>\n                <li class=\"nav-item dropdown\">\n                    <a class=\"nav-link dropdown-toggle\" href=\"#\" data-bs-toggle=\"dropdown\">Hubungi Kami</a>\n                    <ul class=\"dropdown-menu\">\n                        <li><a class=\"dropdown-item\" href=\"#\">Ibu Pejabat SKM</a></li>\n                        <li><a class=\"dropdown-item\" href=\"#\">Pejabat SKM Negeri</a></li>\n                    </ul>\n                </li>\n            </ul>\n        </div>\n    </div>\n</nav>",
      "navBrand": "SKM",
      "navBrandType": "image",
      "navBrandImage": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iNzAiIHZpZXdCb3g9IjAgMCAyMDAgNzAiPjxyZWN0IHdpZHRoPSIyMDAiIGhlaWdodD0iNzAiIGZpbGw9IiMxZTNhOGEiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSI0MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPlNLTTwvdGV4dD48L3N2Zz4=",
      "navMenuAlign": "end",
      "navMenuItems": [
        {"text": "Utama", "href": "#"},
        {"text": "Mengenai Kami", "href": "#"},
        {"text": "Hartanah", "href": "#"},
        {"text": "Hubungi Kami", "href": "#", "dropdown": true}
      ],
      "styles": {},
      "name": "Main Navigation",
      "position": 1
    },
    {
      "id": "hero-slider-3",
      "type": "carousel",
      "html": "<div id=\"heroSlider\" class=\"carousel slide hero-slider\" data-bs-ride=\"carousel\">\n    <div class=\"carousel-inner\">\n        <div class=\"carousel-item active\">\n            <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMWUzYThhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojM2I4MmY2Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cxKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjMwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2lzdGVtIFBlbmd1cnVzYW4gS29udHJhazwvdGV4dD48dGV4dCB4PSI2MDAiIHk9IjI4MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0IiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U3VydWhhbmpheWEgS29wZXJhc2kgTWFsYXlzaWE8L3RleHQ+PC9zdmc+\" alt=\"Hero Slider\">\n        </div>\n    </div>\n</div>",
      "carouselSlides": [
        {"image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjUwMCIgdmlld0JveD0iMCAwIDEyMDAgNTAwIj48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImcxIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjojMWUzYThhIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdHlsZT0ic3RvcC1jb2xvcjojM2I4MmY2Ci8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEyMDAiIGhlaWdodD0iNTAwIiBmaWxsPSJ1cmwoI2cxKSIvPjx0ZXh0IHg9IjYwMCIgeT0iMjMwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iNDgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U2lzdGVtIFBlbmd1cnVzYW4gS29udHJhazwvdGV4dD48dGV4dCB4PSI2MDAiIHk9IjI4MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjI0IiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+U3VydWhhbmpheWEgS29wZXJhc2kgTWFsYXlzaWE8L3RleHQ+PC9zdmc+", "caption": ""}
      ],
      "showCarouselControls": false,
      "showCarouselIndicators": false,
      "styles": {},
      "name": "Hero Slider",
      "position": 2
    },
    {
      "id": "latest-news-4",
      "type": "custom-code",
      "html": "<div class=\"container\">\n    <div class=\"latest-news\">\n        <h4>TERKINI</h4>\n        <ul>\n            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida nibh sit amet fringilla ullamcorper. Aenean non sem et urna vehicula vulputate.</li>\n        </ul>\n    </div>\n</div>",
      "customHTML": "<div class=\"container\">\n    <div class=\"latest-news\">\n        <h4>TERKINI</h4>\n        <ul>\n            <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida nibh sit amet fringilla ullamcorper. Aenean non sem et urna vehicula vulputate.</li>\n        </ul>\n    </div>\n</div>",
      "styles": {},
      "name": "Latest News Banner",
      "position": 3
    },
    {
      "id": "properties-section-5",
      "type": "custom-code",
      "html": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h4>Senarai Hartanah Milik SKM</h4>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Bangunan</strong>\n                </div>\n                <h5>Menara Koperasi Kuala Lumpur</h5>\n                <h6>Negeri</h6>\n                <p><strong>Kuala Lumpur</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Kuala Lumpur</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>KUALA LUMPUR</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>50</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 100</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Ibu Pejabat Suruhanjaya Koperasi Malaysia di 03-20834000 atau hantarkan emel ke norshakira@skm.gov.my\n                </div>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Ruang Pejabat</strong>\n                </div>\n                <h5>Sentral Business Suites</h5>\n                <h6>Negeri</h6>\n                <p><strong>Selangor</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Hulu Langat</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>Kajang</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>500</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 1550</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Suruhanjaya Koperasi Malaysia Cawangan Negeri Selangor di 03-5523 4475 / 03-5523 1869 atau hantarkan emel ke selangor@skm.gov.my\n                </div>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Kuarters</strong>\n                </div>\n                <h5>Pangsapuri Delima, Seksyen U8</h5>\n                <h6>Negeri</h6>\n                <p><strong>Selangor</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Klang</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>Shah Alam</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>1000</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 700</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Suruhanjaya Koperasi Malaysia Cawangan Negeri Selangor di 03-5523 4475 / 03-5523 1869 atau hantarkan emel ke selangor@skm.gov.my\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h4>Senarai Hartanah Milik SKM</h4>\n    </div>\n    <div class=\"row\">\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Bangunan</strong>\n                </div>\n                <h5>Menara Koperasi Kuala Lumpur</h5>\n                <h6>Negeri</h6>\n                <p><strong>Kuala Lumpur</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Kuala Lumpur</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>KUALA LUMPUR</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>50</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 100</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Ibu Pejabat Suruhanjaya Koperasi Malaysia di 03-20834000 atau hantarkan emel ke norshakira@skm.gov.my\n                </div>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Ruang Pejabat</strong>\n                </div>\n                <h5>Sentral Business Suites</h5>\n                <h6>Negeri</h6>\n                <p><strong>Selangor</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Hulu Langat</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>Kajang</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>500</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 1550</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Suruhanjaya Koperasi Malaysia Cawangan Negeri Selangor di 03-5523 4475 / 03-5523 1869 atau hantarkan emel ke selangor@skm.gov.my\n                </div>\n            </div>\n        </div>\n        <div class=\"col-md-4\">\n            <div class=\"property-card\">\n                <div style=\"background: #f3f4f6; padding: 10px; border-radius: 5px; margin-bottom: 15px; text-align: center;\">\n                    <strong>Kuarters</strong>\n                </div>\n                <h5>Pangsapuri Delima, Seksyen U8</h5>\n                <h6>Negeri</h6>\n                <p><strong>Selangor</strong></p>\n                <h6>Daerah</h6>\n                <p><strong>Klang</strong></p>\n                <h6>Bandar / Pekan / Mukim</h6>\n                <p><strong>Shah Alam</strong></p>\n                <h6>Keluasan (Kaki Persegi)</h6>\n                <p><strong>1000</strong></p>\n                <h6>Kadar Sewaan</h6>\n                <div class=\"price\">RM 700</div>\n                <a href=\"#\" class=\"btn-book\">Tempah Temujanji</a>\n                <div class=\"contact-info\">\n                    Untuk maklumat lanjut boleh hubungi Suruhanjaya Koperasi Malaysia Cawangan Negeri Selangor di 03-5523 4475 / 03-5523 1869 atau hantarkan emel ke selangor@skm.gov.my\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "name": "Properties Section",
      "position": 4
    },
    {
      "id": "services-section-6",
      "type": "custom-code",
      "html": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h4>Perkhidmatan Utama</h4>\n    </div>\n    <p style=\"text-align: center; color: #6b7280; margin-bottom: 30px;\">Berikut adalah senarai perkhidmatan atas talian yang disediakan oleh Suruhanjaya Koperasi Malaysia</p>\n    <div class=\"row\">\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNlZmY2ZmYiLz48cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNzAiIGZpbGw9IiMzYjgyZjYiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSI4MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPvCfk408L3RleHQ+PC9zdmc+\" alt=\"Service 1\">\n                <h6>Permohonan Penubuhan Koperasi</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmM2Y0ZjYiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSI3NSIgcj0iNDAiIGZpbGw9IiMxMGI5ODEiLz48dGV4dCB4PSIxMDAiIHk9Ijg1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjQiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+8J+UjTwvdGV4dD48L3N2Zz4=\" alt=\"Service 2\">\n                <h6>Sistem Carian Koperasi</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmZWY5YzMiLz48cmVjdCB4PSI2MCIgeT0iNTAiIHdpZHRoPSI4MCIgaGVpZ2h0PSI1MCIgZmlsbD0iI2Y1OWUwYiIgcng9IjUiLz48dGV4dCB4PSIxMDAiIHk9IjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+ZS1EYWZ0YXI8L3RleHQ+PC9zdmc+\" alt=\"Service 3\">\n                <h6>Sistem E-Daftar Online</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmZGU2ZTYiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSI3NSIgcj0iMzUiIGZpbGw9IiNlZjQ0NDQiLz48dGV4dCB4PSIxMDAiIHk9Ijg1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+ZS1GQVNUPC90ZXh0Pjwvc3ZnPg==\" alt=\"Service 4\">\n                <h6>Permohonan Bantuan Pembangunan Koperasi (e-FAST)</h6>\n            </a>\n        </div>\n    </div>\n</section>",
      "customHTML": "<section class=\"container\">\n    <div class=\"section-title\">\n        <h4>Perkhidmatan Utama</h4>\n    </div>\n    <p style=\"text-align: center; color: #6b7280; margin-bottom: 30px;\">Berikut adalah senarai perkhidmatan atas talian yang disediakan oleh Suruhanjaya Koperasi Malaysia</p>\n    <div class=\"row\">\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNlZmY2ZmYiLz48cmVjdCB4PSI1MCIgeT0iNDAiIHdpZHRoPSIxMDAiIGhlaWdodD0iNzAiIGZpbGw9IiMzYjgyZjYiIHJ4PSI1Ii8+PHRleHQgeD0iMTAwIiB5PSI4MCIgZm9udC1mYW1pbHk9IkFyaWFsIiBmb250LXNpemU9IjE2IiBmb250LXdlaWdodD0iYm9sZCIgZmlsbD0id2hpdGUiIHRleHQtYW5jaG9yPSJtaWRkbGUiPvCfk408L3RleHQ+PC9zdmc+\" alt=\"Service 1\">\n                <h6>Permohonan Penubuhan Koperasi</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmM2Y0ZjYiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSI3NSIgcj0iNDAiIGZpbGw9IiMxMGI5ODEiLz48dGV4dCB4PSIxMDAiIHk9Ijg1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMjQiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+8J+UjTwvdGV4dD48L3N2Zz4=\" alt=\"Service 2\">\n                <h6>Sistem Carian Koperasi</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmZWY5YzMiLz48cmVjdCB4PSI2MCIgeT0iNTAiIHdpZHRoPSI4MCIgaGVpZ2h0PSI1MCIgZmlsbD0iI2Y1OWUwYiIgcng9IjUiLz48dGV4dCB4PSIxMDAiIHk9IjgwIiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTYiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+ZS1EYWZ0YXI8L3RleHQ+PC9zdmc+\" alt=\"Service 3\">\n                <h6>Sistem E-Daftar Online</h6>\n            </a>\n        </div>\n        <div class=\"col-md-3\">\n            <a href=\"#\" class=\"service-card\">\n                <img src=\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMDAiIGhlaWdodD0iMTUwIiB2aWV3Qm94PSIwIDAgMjAwIDE1MCI+PHJlY3Qgd2lkdGg9IjIwMCIgaGVpZ2h0PSIxNTAiIGZpbGw9IiNmZGU2ZTYiLz48Y2lyY2xlIGN4PSIxMDAiIGN5PSI3NSIgcj0iMzUiIGZpbGw9IiNlZjQ0NDQiLz48dGV4dCB4PSIxMDAiIHk9Ijg1IiBmb250LWZhbWlseT0iQXJpYWwiIGZvbnQtc2l6ZT0iMTgiIGZvbnQtd2VpZ2h0PSJib2xkIiBmaWxsPSJ3aGl0ZSIgdGV4dC1hbmNob3I9Im1pZGRsZSI+ZS1GQVNUPC90ZXh0Pjwvc3ZnPg==\" alt=\"Service 4\">\n                <h6>Permohonan Bantuan Pembangunan Koperasi (e-FAST)</h6>\n            </a>\n        </div>\n    </div>\n</section>",
      "styles": {},
      "name": "Services Section",
      "position": 5
    },
    {
      "id": "footer-skm-7",
      "type": "custom-code",
      "html": "<footer>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-3\">\n                <h6>HUBUNGI KAMI</h6>\n                <ul>\n                    <li>Menara Suruhanjaya Koperasi Malaysia</li>\n                    <li>Changkat Semantan</li>\n                    <li>Off Jalan Semantan, Bukit Damansara</li>\n                    <li>50490 Kuala Lumpur</li>\n                    <li style=\"margin-top: 10px;\">✉️ web_master[at]skm[dot]gov[dot]my</li>\n                    <li>📞 +603-2083 4000</li>\n                    <li>📠 +603-2083 4100</li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>SAMBUNGAN</h6>\n                <ul>\n                    <li><a href=\"#\">Suruhanjaya Koperasi Malaysia</a></li>\n                    <li><a href=\"#\">Kementerian Pembangunan Usahawan dan Koperasi (KUSKOP)</a></li>\n                    <li><a href=\"#\">MyGoverment</a></li>\n                    <li><a href=\"#\">Institusi Koperasi Malaysia</a></li>\n                    <li><a href=\"#\">SME Corporation Malaysia</a></li>\n                    <li><a href=\"#\">Tekun Nasional</a></li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>PAUTAN LAIN</h6>\n                <ul>\n                    <li><a href=\"#\">Penafian</a></li>\n                    <li><a href=\"#\">Dasar Privasi</a></li>\n                    <li><a href=\"#\">Dasar Keselamatan</a></li>\n                    <li><a href=\"#\">Perlindungan Data Peribadi</a></li>\n                    <li><a href=\"#\">Soalan Lazim</a></li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>STATISTIK PELAWAT</h6>\n                <ul>\n                    <li>Hari Ini : 2</li>\n                    <li>Minggu Ini : 3</li>\n                    <li>Bulan Ini : 28</li>\n                    <li>Tahun Ini : 28</li>\n                    <li>Jumlah : 1,503</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer-bottom\">\n        <div class=\"container\">\n            <p>Paparan terbaik menggunakan pelayar Mozilla Firefox dan Google Chrome dengan resolusi skrin 1366x768.</p>\n            <p>Hakcipta Terpelihara © 2025 Suruhanjaya Koperasi Malaysia</p>\n        </div>\n    </div>\n</footer>",
      "customHTML": "<footer>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-md-3\">\n                <h6>HUBUNGI KAMI</h6>\n                <ul>\n                    <li>Menara Suruhanjaya Koperasi Malaysia</li>\n                    <li>Changkat Semantan</li>\n                    <li>Off Jalan Semantan, Bukit Damansara</li>\n                    <li>50490 Kuala Lumpur</li>\n                    <li style=\"margin-top: 10px;\">✉️ web_master[at]skm[dot]gov[dot]my</li>\n                    <li>📞 +603-2083 4000</li>\n                    <li>📠 +603-2083 4100</li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>SAMBUNGAN</h6>\n                <ul>\n                    <li><a href=\"#\">Suruhanjaya Koperasi Malaysia</a></li>\n                    <li><a href=\"#\">Kementerian Pembangunan Usahawan dan Koperasi (KUSKOP)</a></li>\n                    <li><a href=\"#\">MyGoverment</a></li>\n                    <li><a href=\"#\">Institusi Koperasi Malaysia</a></li>\n                    <li><a href=\"#\">SME Corporation Malaysia</a></li>\n                    <li><a href=\"#\">Tekun Nasional</a></li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>PAUTAN LAIN</h6>\n                <ul>\n                    <li><a href=\"#\">Penafian</a></li>\n                    <li><a href=\"#\">Dasar Privasi</a></li>\n                    <li><a href=\"#\">Dasar Keselamatan</a></li>\n                    <li><a href=\"#\">Perlindungan Data Peribadi</a></li>\n                    <li><a href=\"#\">Soalan Lazim</a></li>\n                </ul>\n            </div>\n            <div class=\"col-md-3\">\n                <h6>STATISTIK PELAWAT</h6>\n                <ul>\n                    <li>Hari Ini : 2</li>\n                    <li>Minggu Ini : 3</li>\n                    <li>Bulan Ini : 28</li>\n                    <li>Tahun Ini : 28</li>\n                    <li>Jumlah : 1,503</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n    <div class=\"footer-bottom\">\n        <div class=\"container\">\n            <p>Paparan terbaik menggunakan pelayar Mozilla Firefox dan Google Chrome dengan resolusi skrin 1366x768.</p>\n            <p>Hakcipta Terpelihara © 2025 Suruhanjaya Koperasi Malaysia</p>\n        </div>\n    </div>\n</footer>",
      "styles": {},
      "name": "Footer",
      "position": 6
    },
    {
      "id": "w3c-widget-8",
      "type": "custom-code",
      "html": "<div class=\"w3c-widget\">\n    <div style=\"font-size: 11px; font-weight: bold; margin-bottom: 5px;\">Pilihan W3C</div>\n    <div style=\"font-size: 10px; margin-bottom: 5px;\">Warna Teks</div>\n    <button style=\"background: #000; color: white;\">A</button>\n    <button style=\"background: #333; color: white;\">A</button>\n    <button style=\"background: #666; color: white;\">A</button>\n    <button style=\"background: #999; color: white;\">A</button>\n    <div style=\"font-size: 10px; margin: 10px 0 5px;\">Saiz Teks</div>\n    <button onclick=\"document.body.style.fontSize='18px'\">A+</button>\n    <button onclick=\"document.body.style.fontSize='16px'\">A</button>\n    <button onclick=\"document.body.style.fontSize='14px'\">A-</button>\n</div>",
      "customHTML": "<div class=\"w3c-widget\">\n    <div style=\"font-size: 11px; font-weight: bold; margin-bottom: 5px;\">Pilihan W3C</div>\n    <div style=\"font-size: 10px; margin-bottom: 5px;\">Warna Teks</div>\n    <button style=\"background: #000; color: white;\">A</button>\n    <button style=\"background: #333; color: white;\">A</button>\n    <button style=\"background: #666; color: white;\">A</button>\n    <button style=\"background: #999; color: white;\">A</button>\n    <div style=\"font-size: 10px; margin: 10px 0 5px;\">Saiz Teks</div>\n    <button onclick=\"document.body.style.fontSize='18px'\">A+</button>\n    <button onclick=\"document.body.style.fontSize='16px'\">A</button>\n    <button onclick=\"document.body.style.fontSize='14px'\">A-</button>\n</div>",
      "styles": {},
      "name": "W3C Accessibility Widget",
      "position": 7
    }
  ]
}