[
  {
    "id": "custom-code-custom",
    "name": "Footer Design 2",
    "icon": "⚙️",
    "html": "<style>\nfooter {\n            border-top: 1px solid #dee2e6;\n            }\n</style>\n<footer class=\"bg-white py-5\">\n            <div class=\"container-xl\">\n                <div class=\"row mb-5\">\n                    <div class=\"col-md-3 mb-4 mb-md-0\">\n                        <div class=\"d-flex align-items-center gap-2 mb-3\">\n                            <svg fill=\"none\" style=\"width: 24px; color: #0d6efd;\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\">\n                                <path d=\"M42.4379 44C42.4379 44 36.0744 33.9038 41.1692 24C46.8624 12.9336 42.2078 4 42.2078 4L7.01134 4C7.01134 4 11.6577 12.932 5.96912 23.9969C0.876273 33.9029 7.27094 44 7.27094 44L42.4379 44Z\" fill=\"currentColor\"></path>\n                            </svg>\n                            <span class=\"fw-bold fs-5\">Dept. of Statistics</span>\n                        </div>\n                        <p class=\"text-muted small\">Providing accurate, reliable, and timely statistical information for effective national planning and decision-making.</p>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <h6 class=\"fw-bold mb-3\">Quick Links</h6>\n                        <ul class=\"list-unstyled small\">\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none hover-primary\" href=\"#\">Statistical Calendar</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none hover-primary\" href=\"#\">Publications</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none hover-primary\" href=\"#\">Press Releases</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none hover-primary\" href=\"#\">Open Data Portal</a></li>\n                        </ul>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <h6 class=\"fw-bold mb-3\">Services</h6>\n                        <ul class=\"list-unstyled small\">\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Data Request</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Researcher Access</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Methodology</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Training</a></li>\n                        </ul>\n                    </div>\n                    <div class=\"col-md-3\">\n                        <h6 class=\"fw-bold mb-3\">Legal</h6>\n                        <ul class=\"list-unstyled small\">\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Privacy Policy</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Terms of Use</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">Accessibility</a></li>\n                            <li class=\"mb-2\"><a class=\"text-muted text-decoration-none\" href=\"#\">License</a></li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"border-top pt-4 d-md-flex justify-content-between text-muted small text-uppercase fw-bold\" style=\"letter-spacing: 0.05rem;\">\n                    <p class=\"mb-2 mb-md-0\">© 2024 Department of Statistics. All Rights Reserved.</p>\n                    <p class=\"mb-0\">Last Updated: October 26, 2024</p>\n                </div>\n            </div>\n        </footer>",
    "styles": {
      "fontSize": "16px",
      "fontFamily": "inherit",
      "textAlign": "left"
    },
    "cssClasses": "",
    "customCSS": ""
  }
]