ZMART Navigation Bar - Premium 2D Cartoon<\/title>\r\n <style>\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Impact', 'Arial Black', sans-serif; \/* Font tebal khas komik\/kartun *\/\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n }\r\n\r\n \/* --- NAVBAR STYLES (2D CARTOON) --- *\/\r\n .zmart-navbar {\r\n background-color: #004b87; \/* Biru Utama ZMART *\/\r\n width: 100%;\r\n padding: 10px 24px; \/* Padding vertikal sedikit dikurangi agar bar lebih ramping *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n \r\n \/* Gaya Kartun: Garis tepi tebal & Bayangan tegas *\/\r\n border-bottom: 4px solid #000000;\r\n box-shadow: 0 6px 0px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Container Logo *\/\r\n .nav-logo-container {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-logo {\r\n height: 28px; \/* Ukuran diperkecil dari 38px agar terlihat compact dan rapi *\/\r\n width: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0px 2px 0px #000000);\r\n }\r\n\r\n \/* Container Tombol Aksi *\/\r\n .nav-actions-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px; \r\n flex-wrap: wrap; \r\n justify-content: flex-end;\r\n }\r\n\r\n \/* Gaya Tombol Umum (Komik\/Kartun Pop) *\/\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 8px 18px; \r\n border-radius: 10px;\r\n font-size: 14px;\r\n text-transform: uppercase; \r\n text-decoration: none;\r\n font-weight: 900;\r\n \r\n \/* Struktur Batas 2D Pop *\/\r\n border: 3px solid #000000;\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap; \r\n }\r\n\r\n \/* Tombol Outline (Twitter, Telegram, Live Chart) *\/\r\n .btn-outline {\r\n color: #ffffff;\r\n background-color: #0066b2; \r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .btn-outline:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* Tombol Utama Swap Now (Kuning Kontras Premium) *\/\r\n .btn-swap {\r\n background-color: #ffc220; \r\n color: #000000; \r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .btn-swap:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE BREAKPOINT (MOBILE) --- *\/\r\n @media (max-width: 650px) {\r\n .zmart-navbar {\r\n padding: 10px 14px; \r\n gap: 10px;\r\n border-bottom: 3px solid #000000;\r\n box-shadow: 0 4px 0px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .nav-logo {\r\n height: 24px; \/* Ukuran mobile disesuaikan lebih kecil secara proporsional *\/\r\n }\r\n\r\n .nav-actions-container {\r\n gap: 8px; \r\n }\r\n\r\n .nav-btn {\r\n padding: 6px 12px; \r\n font-size: 11px; \r\n border-radius: 8px;\r\n border: 2px solid #000000;\r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n \r\n .nav-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n \r\n .nav-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n }\r\n\r\n \/* Ruang pembatas atas disesuaikan karena keseluruhan bar sekarang sangat ramping *\/\r\n .page-content {\r\n margin-top: 80px; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"zmart-navbar\">\r\n \r\n <div class=\"nav-logo-container\">\r\n <img decoding=\"async\" class=\"nav-logo\" src=\"https:\/\/zmart.lol\/wp-content\/uploads\/2026\/06\/icon-logo.png\" alt=\"ZMART Logo\">\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-actions-container\">\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Twitter<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Telegram<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Live Chart<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-swap\">Swap Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n \r\n\r\n \r\n <div class=\"page-content\"><\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-784fede e-con-full e-flex e-con e-child\" data-id=\"784fede\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-827ee3e e-flex e-con-boxed e-con e-parent\" data-id=\"827ee3e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7869df0 e-con-full e-flex e-con e-child\" data-id=\"7869df0\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ec0a8b e-flex e-con-boxed e-con e-parent\" data-id=\"1ec0a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/zmart.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-ZMART3.mp4","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-2a3d3cd e-con-full e-flex e-con e-child\" data-id=\"2a3d3cd\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZMART Navigation Bar – Premium 2D Cartoon Twitter Telegram Live Chart Swap Now<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":7,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n ZMART Navigation Bar - Premium 2D Cartoon<\/title>\r\n <style>\r\n \/* --- RESET & BASE STYLES --- *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Impact', 'Arial Black', sans-serif; \/* Font tebal khas komik\/kartun *\/\r\n letter-spacing: 0.5px;\r\n }\r\n\r\n body {\r\n background-color: #002244; \r\n }\r\n\r\n \/* --- NAVBAR STYLES (2D CARTOON) --- *\/\r\n .zmart-navbar {\r\n background-color: #004b87; \/* Biru Utama ZMART *\/\r\n width: 100%;\r\n padding: 10px 24px; \/* Padding vertikal sedikit dikurangi agar bar lebih ramping *\/\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n z-index: 1000;\r\n \r\n \/* Gaya Kartun: Garis tepi tebal & Bayangan tegas *\/\r\n border-bottom: 4px solid #000000;\r\n box-shadow: 0 6px 0px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n \/* Container Logo *\/\r\n .nav-logo-container {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .nav-logo {\r\n height: 28px; \/* Ukuran diperkecil dari 38px agar terlihat compact dan rapi *\/\r\n width: auto;\r\n object-fit: contain;\r\n filter: drop-shadow(0px 2px 0px #000000);\r\n }\r\n\r\n \/* Container Tombol Aksi *\/\r\n .nav-actions-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 14px; \r\n flex-wrap: wrap; \r\n justify-content: flex-end;\r\n }\r\n\r\n \/* Gaya Tombol Umum (Komik\/Kartun Pop) *\/\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 8px 18px; \r\n border-radius: 10px;\r\n font-size: 14px;\r\n text-transform: uppercase; \r\n text-decoration: none;\r\n font-weight: 900;\r\n \r\n \/* Struktur Batas 2D Pop *\/\r\n border: 3px solid #000000;\r\n transition: transform 0.1s ease, box-shadow 0.1s ease;\r\n white-space: nowrap; \r\n }\r\n\r\n \/* Tombol Outline (Twitter, Telegram, Live Chart) *\/\r\n .btn-outline {\r\n color: #ffffff;\r\n background-color: #0066b2; \r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-outline:hover {\r\n background-color: #0077cc;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .btn-outline:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* Tombol Utama Swap Now (Kuning Kontras Premium) *\/\r\n .btn-swap {\r\n background-color: #ffc220; \r\n color: #000000; \r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n\r\n .btn-swap:hover {\r\n background-color: #ffe033;\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 0px #000000;\r\n }\r\n\r\n .btn-swap:active {\r\n transform: translateY(2px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n\r\n \/* --- RESPONSIVE BREAKPOINT (MOBILE) --- *\/\r\n @media (max-width: 650px) {\r\n .zmart-navbar {\r\n padding: 10px 14px; \r\n gap: 10px;\r\n border-bottom: 3px solid #000000;\r\n box-shadow: 0 4px 0px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .nav-logo {\r\n height: 24px; \/* Ukuran mobile disesuaikan lebih kecil secara proporsional *\/\r\n }\r\n\r\n .nav-actions-container {\r\n gap: 8px; \r\n }\r\n\r\n .nav-btn {\r\n padding: 6px 12px; \r\n font-size: 11px; \r\n border-radius: 8px;\r\n border: 2px solid #000000;\r\n box-shadow: 0 3px 0px #000000;\r\n }\r\n \r\n .nav-btn:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 4px 0px #000000;\r\n }\r\n \r\n .nav-btn:active {\r\n transform: translateY(1px);\r\n box-shadow: 0 2px 0px #000000;\r\n }\r\n }\r\n\r\n \/* Ruang pembatas atas disesuaikan karena keseluruhan bar sekarang sangat ramping *\/\r\n .page-content {\r\n margin-top: 80px; \r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n \r\n <nav class=\"zmart-navbar\">\r\n \r\n <div class=\"nav-logo-container\">\r\n <img decoding=\"async\" class=\"nav-logo\" src=\"https:\/\/zmart.lol\/wp-content\/uploads\/2026\/06\/icon-logo.png\" alt=\"ZMART Logo\">\r\n <\/div>\r\n\r\n \r\n <div class=\"nav-actions-container\">\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Twitter<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Telegram<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-outline\" target=\"_blank\">Live Chart<\/a>\r\n <a href=\"#\" class=\"nav-btn btn-swap\">Swap Now<\/a>\r\n <\/div>\r\n <\/nav>\r\n \r\n\r\n \r\n <div class=\"page-content\"><\/div>\r\n\r\n<\/body>\r\n<\/html>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-784fede e-con-full e-flex e-con e-child\" data-id=\"784fede\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-827ee3e e-flex e-con-boxed e-con e-parent\" data-id=\"827ee3e\" data-element_type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-7869df0 e-con-full e-flex e-con e-child\" data-id=\"7869df0\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1ec0a8b e-flex e-con-boxed e-con e-parent\" data-id=\"1ec0a8b\" data-element_type=\"container\" data-settings=\"{"background_background":"video","background_video_link":"https:\\\/\\\/zmart.lol\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/HERO-ZMART3.mp4","background_play_on_mobile":"yes"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted elementor-html5-video\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div><div class=\"elementor-element elementor-element-2a3d3cd e-con-full e-flex e-con e-child\" data-id=\"2a3d3cd\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ZMART Navigation Bar – Premium 2D Cartoon Twitter Telegram Live Chart Swap Now<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":7,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":24,"href":"https:\/\/zmart.lol\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/24"}],"wp:attachment":[{"href":"https:\/\/zmart.lol\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}