[
  {
    "id": "custom-code-custom",
    "name": "Footer Standard 1",
    "icon": "⚙️",
    "html": "<style>\nfooter {\n            background-color: #212529;\n            color: #f8f9fa;\n            }\n            footer a {\n            text-decoration: none;\n            color: #adb5bd;\n            transition: color 0.2s;\n            }\n            footer a:hover {\n            color: white;\n            }\n            .social-link {\n            width: 32px;\n            height: 32px;\n            background-color: #495057;\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            border-radius: 4px;\n            }\n            .social-link:hover {\n            background-color: var(--bs-primary);\n            }\n            .footer-logo {\n            width: 32px;\n            height: 32px;\n            color: var(--bs-primary);\n            }\n</style>\n\n<footer class=\"pt-5 pb-4\">\n            <div class=\"container\">\n                <div class=\"row g-5 mb-5\">\n                    <div class=\"col-lg-4\">\n                        <div class=\"d-flex align-items-center mb-4\">\n                            <div class=\"footer-logo 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                            <span class=\"h3 fw-bold mb-0\">MAQIS</span>\n                        </div>\n                        <p class=\"text-muted small mb-4\">\n                            The Malaysian Quarantine and Inspection Services is dedicated to safeguarding national agriculture and natural resources from foreign biosecurity threats.\n                        </p>\n                        <div class=\"d-flex gap-2\">\n                            <a class=\"social-link\" href=\"#\">\n                                <svg class=\"w-100 p-2 fill-white\" fill=\"white\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z\"></path>\n                                </svg>\n                            </a>\n                            <a class=\"social-link\" href=\"#\">\n                                <svg class=\"w-100 p-2 fill-white\" fill=\"white\" viewBox=\"0 0 24 24\">\n                                    <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 1.17.054 1.805.249 2.227.412.558.217.957.477 1.377.896.419.42.679.819.896 1.377.163.422.358 1.057.412 2.227.058 1.266.07 1.646.07 4.85s-.012 3.584-.07 4.85c-.054 1.17-.249 1.805-.412 2.227-.217.558-.477.957-.896 1.377-.42.419-.819.679-1.377.896-.422.163-1.057.358-2.227.412-1.266.058-1.646.07-4.85.07s-3.584-.012-4.85-.07c-1.17-.054-1.805-.249-2.227-.412-.558-.217-.957-.477-1.377-.896-.419-.42-.679-.819-.896-1.377-.163-.422-.358-1.057-.412-2.227-.058-1.266-.07-1.646-.07-4.85s.012-3.584.07-4.85c.054-1.17.249-1.805.412-2.227.217-.558.477-.957.896-1.377.42-.419.819-.679 1.377-.896.422-.163 1.057-.358 2.227-.412 1.266-.058 1.646-.07 4.85-.07m0-2.163c-3.259 0-3.667.014-4.947.072-1.277.057-2.148.26-2.911.556-.788.306-1.458.715-2.124 1.382-.667.666-1.076 1.336-1.382 2.124-.296.763-.499 1.634-.556 2.911-.058 1.28-.072 1.688-.072 4.947s.014 3.668.072 4.947c.057 1.277.26 2.148.556 2.911.306.788.715 1.458 1.382 2.124.666.667 1.336 1.076 2.124 1.382.763.296 1.634.499 2.911.556 1.28.058 1.688.072 4.947.072s3.668-.014 4.947-.072c1.277-.057 2.148-.26 2.911-.556.788-.306 1.458-.715 2.124-1.382.667-.666 1.076-1.336 1.382-2.124.296-.763.499-1.634.556-2.911.058-1.28.072-1.688.072-4.947s-.014-3.668-.072-4.947c-.057-1.277-.26-2.148-.556-2.911-.306-.788-.715-1.458-1.382-2.124-.666-.667-1.336-1.076-2.124-1.382-.763-.296-1.634-.499-2.911-.556-1.28-.058-1.688-.072-4.947-.072z\"></path>\n                                </svg>\n                            </a>\n                        </div>\n                    </div>\n                    <div class=\"col-6 col-lg-2\">\n                        <h6 class=\"text-maqis-gold text-uppercase small fw-bold tracking-widest mb-4\">Quick Links</h6>\n                        <ul class=\"list-unstyled\">\n                            <li class=\"mb-2\"><a href=\"#\">Permit Application</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Inspection Locations</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Service Fees</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Regulations &amp; Act</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Feedback &amp; Support</a></li>\n                        </ul>\n                    </div>\n                    <div class=\"col-6 col-lg-2\">\n                        <h6 class=\"text-maqis-gold text-uppercase small fw-bold tracking-widest mb-4\">Information</h6>\n                        <ul class=\"list-unstyled\">\n                            <li class=\"mb-2\"><a href=\"#\">About MAQIS</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Latest News</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Emergency Contacts</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Career Opportunities</a></li>\n                            <li class=\"mb-2\"><a href=\"#\">Sitemap</a></li>\n                        </ul>\n                    </div>\n                    <div class=\"col-lg-4\">\n                        <h6 class=\"text-maqis-gold text-uppercase small fw-bold tracking-widest mb-4\">Contact Us</h6>\n                        <ul class=\"list-unstyled text-muted small\">\n                            <li class=\"d-flex mb-3\">\n                                <span class=\"material-symbols-outlined text-primary me-2\">location_on</span>\n                                <span>Level 4, Block 4G1, Wisma Tani, No. 28, Persiaran Perdana, Precinct 4, 62624 Putrajaya</span>\n                            </li>\n                            <li class=\"d-flex mb-3 align-items-center\">\n                                <span class=\"material-symbols-outlined text-primary me-2\">phone</span>\n                                <span>+60 3-8870 4000</span>\n                            </li>\n                            <li class=\"d-flex align-items-center\">\n                                <span class=\"material-symbols-outlined text-primary me-2\">mail</span>\n                                <span>feedback@maqis.gov.my</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"row pt-4 border-top border-secondary border-opacity-25 align-items-center text-center text-md-start\">\n                    <div class=\"col-md\">\n                        <p class=\"mb-0 x-small text-muted\" style=\"font-size: 11px;\">© 2023 Malaysian Quarantine and Inspection Services. All rights reserved.</p>\n                    </div>\n                    <div class=\"col-md-auto mt-3 mt-md-0\">\n                        <div class=\"d-flex align-items-center justify-content-center gap-4\">\n                            <img alt=\"Government Logo\" class=\"opacity-25\" src=\"https://lh3.googleusercontent.com/aida-public/AB6AXuAdvZ3Phvc7C_jCJYQ6v6WoArVqmDoief6to3H0mfcwirh-xzRVohsgpmPUYSU-ubyEBh4uSt-2DZCa9qiMfxZrnbHREa5f6os0-UrTQf6s-JhwvEDDw_H2bxSMhq2zBIEVAeA4H_liBEhvI0t9Gn1v2L7JLAagoQzx4Jh9KosT1mDP7QKqCMrx_24-cG16ZJwqIFGIngMaJ8IhiWfQ9kqf_QYX62mRzdQTefPVBxfLHqC7R3ZkKq9S-mbNoQtWrXumqcuT-KaeyyI\" style=\"height: 32px; filter: grayscale(1);\">\n                            <a class=\"small text-muted\" href=\"#\">Privacy Policy</a>\n                            <a class=\"small text-muted\" href=\"#\">Terms of Service</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </footer>",
    "styles": {
      "fontSize": "16px",
      "fontFamily": "inherit",
      "textAlign": "left"
    },
    "cssClasses": "",
    "customCSS": ""
  }
]