[
  {
    "id": "custom-code-custom",
    "name": "Header Standard 1",
    "icon": "⚙️",
    "html": "<style>\n\n            \n            .bg-maqis-navy {\n            background-color: #0a2e7a;\n            }\n            .text-maqis-gold {\n            color: var(#d4af37;);\n            }\n            .top-bar {\n            font-size: 12px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n            }\n            .navbar-brand .logo-icon {\n            width: 40px;\n            height: 40px;\n            color: var(#0a2e7a;);\n            }\n            .navbar-brand .brand-text {\n            line-height: 1;\n            }\n            .navbar-brand .brand-subtext {\n            font-size: 9px;\n            font-weight: 700;\n            text-transform: uppercase;\n            letter-spacing: 0.2em;\n            color: #6c757d;\n            }\n</style>\n\n<div class=\"bg-maqis-navy text-white py-1 top-bar\">\n            <div class=\"container d-flex justify-content-between align-items-center\">\n                <div>Official Portal of the Malaysian Quarantine and Inspection Services (MAQIS)</div>\n                <div class=\"d-flex align-items-center\">\n                    <a class=\"text-white text-decoration-none me-2\" href=\"#\">BM</a>\n                    <span class=\"opacity-50 mx-2\">|</span>\n                    <a class=\"text-white text-decoration-none fw-bold\" href=\"#\">EN</a>\n                </div>\n            </div>\n        </div>\n        <header class=\"sticky-top bg-white shadow-sm border-bottom\">\n            <nav class=\"navbar navbar-expand-lg navbar-light py-3\">\n                <div class=\"container\">\n                    <a class=\"navbar-brand d-flex align-items-center\" href=\"#\">\n                        <div class=\"logo-icon me-2\">\n                            <svg fill=\"currentColor\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path clip-rule=\"evenodd\" d=\"M12.0799 24L4 19.2479L9.95537 8.75216L18.04 13.4961L18.0446 4H29.9554L29.96 13.4961L38.0446 8.75216L44 19.2479L35.92 24L44 28.7521L38.0446 39.2479L29.96 34.5039L29.9554 44H18.0446L18.04 34.5039L9.95537 39.2479L4 28.7521L12.0799 24Z\" fill-rule=\"evenodd\"></path>\n                            </svg>\n                        </div>\n                        <div>\n                            <span class=\"d-block h4 mb-0 fw-bold text-maqis-navy brand-text\">MAQIS</span>\n                            <span class=\"brand-subtext\">Malaysia Biosecurity</span>\n                        </div>\n                    </a>\n                    <button class=\"navbar-toggler\" data-bs-target=\"#navbarNav\" data-bs-toggle=\"collapse\" type=\"button\">\n                    <span class=\"navbar-toggler-icon\"></span>\n                    </button>\n                    <div class=\"collapse navbar-collapse\" id=\"navbarNav\">\n                        <ul class=\"navbar-nav mx-auto\">\n                            <li class=\"nav-item\"><a class=\"nav-link px-3 fw-medium\" href=\"#\">Home</a></li>\n                            <li class=\"nav-item\"><a class=\"nav-link px-3 fw-medium\" href=\"#\">Services</a></li>\n                            <li class=\"nav-item\"><a class=\"nav-link px-3 fw-medium\" href=\"#\">Regulations</a></li>\n                            <li class=\"nav-item\"><a class=\"nav-link px-3 fw-medium\" href=\"#\">Resources</a></li>\n                            <li class=\"nav-item\"><a class=\"nav-link px-3 fw-medium\" href=\"#\">Contact</a></li>\n                        </ul>\n                        <div class=\"d-flex gap-2\">\n                            <a class=\"btn btn-outline-primary btn-sm px-4\" href=\"#\">Login</a>\n                            <a class=\"btn btn-primary btn-sm px-4\" href=\"#\">Register</a>\n                        </div>\n                    </div>\n                </div>\n            </nav>\n        </header>",
    "styles": {
      "fontSize": "16px",
      "fontFamily": "inherit",
      "textAlign": "left"
    },
    "cssClasses": "",
    "customCSS": ""
  }
]