{"id":833,"date":"2025-05-31T09:01:52","date_gmt":"2025-05-31T09:01:52","guid":{"rendered":"https:\/\/mm1.ezyqrmenu.com\/example15\/?page_id=833"},"modified":"2026-07-01T09:38:03","modified_gmt":"2026-07-01T03:08:03","slug":"menu","status":"publish","type":"page","link":"https:\/\/mm1.ezyqrmenu.com\/example15\/","title":{"rendered":"Menu"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>OddMenu Demo<\/title>\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\n  <style>\n    body {\n      margin: 0;\n      background-color: #f9f9f9;\n    }\n\n    .header {\n      position: relative;\n      width: 100%;\n      height: 220px;\n      overflow: hidden;\n    }\n\n    .header img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n    }\n\n    .language-selector {\n      position: absolute;\n      top: 15px;\n      right: 15px;\n    }\n\n    .language-selector button {\n      padding: 6px 12px;\n      font-size: 14px;\n      border: none;\n      background-color: white;\n      border-radius: 5px;\n      cursor: pointer;\n      box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\n    }\n\n    .info-card {\n      background-color: white;\n      margin-top: -40px;\n      border-radius: 20px 20px 0 0;\n      padding: 20px;\n      max-width: 600px;\n      box-shadow: 0 -2px 10px rgba(0,0,0,0.1);\n      margin-left: auto;\n      margin-right: auto;\n      position: relative;\n      z-index: 2;\n    }\n\n    .info-card h1 {\n      margin: 0 0 15px;\n      font-size: 26px;\n      text-align: center;\n    }\n\n    .info-card p {\n      margin: 8px 0;\n      color: black;\n      font-size: 15px;\n      display: flex;\n      align-items: center;\n    }\n\n    .info-card p i {\n      margin-right: 10px;\n      color: black;\n      width: 20px;\n    }\n\n    .info-card a {\n      text-decoration: none;\n      color: inherit;\n    }\n\n    .button-group {\n      margin-top: 20px;\n    }\n\n    .button-group button {\n      margin-right: 10px;\n      background-color: black;\n      border: none;\n      border-radius: 20px;\n      color: white;\n      padding: 10px 20px;\n      cursor: pointer;\n      font-size: 14px;\n    }\n\n    .search-box {\n      display: flex;\n      justify-content: center;\n      margin: 20px auto;\n      max-width: 600px;\n      position: relative;\n    }\n\n    .search-box input {\n      width: 100%;\n      padding: 12px 20px;\n      border: 1px solid #ccc;\n      border-radius: 25px;\n      font-size: 16px;\n      box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);\n    }\n\n    .search-box .search-btn {\n      position: absolute;\n      right: 10px;\n      top: 50%;\n      transform: translateY(-50%);\n      background-color: white;\n      border: none;\n      border-radius: 50%;\n      cursor: pointer;\n      padding: 8px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .search-box .search-btn i {\n      font-size: 20px;\n      color: #555555;\n    }\n\n    .menu-section {\n      max-width: 600px;\n      margin: 20px auto;\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .menu-card {\n      position: relative;\n      border-radius: 20px;\n      overflow: hidden;\n      height: 160px;\n      box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n      cursor: pointer;\n      transition: transform 0.2s ease;\n    }\n\n    .menu-card:hover {\n      transform: scale(1.02);\n    }\n\n    .menu-card img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .menu-title {\n      position: absolute;\n      bottom: 15px;\n      left: 20px;\n      font-size: 20px;\n      color: white;\n      font-weight: bold;\n      text-shadow: 0 2px 4px rgba(0,0,0,0.5);\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"header\">\n    <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/image.jpg\" alt=\"Restaurant background\">\n  <\/div>\n\n  <div class=\"info-card\"> \n    <h1>Your Shop Name<\/h1>\n\n    <!-- Contact Info Section -->\n    <a href=\"https:\/\/maps.app.goo.gl\/9YrHzMeTYrgHq8u17\" target=\"_blank\" style=\"text-decoration: none; color: black;\">\n      <span style=\"display: flex; align-items: center; margin: 8px 0; font-size: 15px; color: black;\">\n        <i class=\"fas fa-map-marker-alt\" style=\"margin-right: 10px; color: black;\"><\/i>\n        No.101, Kyauk Sein Pat Lan, Yadanar Kyun Yeik Thar, Thunandar, North Okkalapa Township, Yangon, Myanmar\n      <\/span>\n    <\/a>\n\n    <a href=\"tel:09774574175\" style=\"text-decoration: none; color: inherit;\">\n      <span style=\"display: flex; align-items: center; margin: 8px 0; font-size: 15px; color: black;\">\n        <i class=\"fas fa-phone\" style=\"margin-right: 10px; color: black;\"><\/i>\n        09774574175\n      <\/span>\n    <\/a>\n\n    <!-- Additional Info -->\n    <p>\n      BREEZE CAFE, local cafe shop, we primarily serve Coffee and various type of food.\n    <\/p>\n\n    <!-- Tabs -->\n    <div class=\"tab-container\">\n      <input type=\"radio\" id=\"tabToggle02\" name=\"tabs\" value=\"2\" checked \/>\n      <label for=\"tabToggle02\" class=\"tab-label\">Main Menu<\/label>\n\n      <input type=\"radio\" id=\"tabToggle01\" name=\"tabs\" value=\"1\" \/>\n      <label for=\"tabToggle01\" class=\"tab-label\">Drinks<\/label>\n\n      <!-- Tab Content 1 -->\n      <div class=\"tab-content\" id=\"content1\">\n        <div class=\"search-box\">\n          <input type=\"text\" id=\"searchCategories1\" placeholder=\"Search\">\n          <button type=\"submit\" class=\"search-btn\">\n            <i class=\"fas fa-search\"><\/i>\n          <\/button>\n        <\/div>\n        <div id=\"categoriesWrapper1\">\n              <style>\r\n        .bar-subcategories-wrapper {\r\n            max-width: 720px;\r\n            margin: 0 auto;\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .bar-subcategories {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            padding: 0;\r\n            margin: 0;\r\n            list-style: none;\r\n        }\r\n\r\n        .bar-subcategories li {\r\n            width: 100%;\r\n            height: 200px;\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .bar-subcategories li img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .bar-subcategories li::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            z-index: 1;\r\n        }\r\n\r\n        .bar-subcategories li a {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 2;\r\n            font-size: 22px;\r\n            font-weight: bold;\r\n            color: white;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .bar-subcategories li {\r\n                height: 160px;\r\n            }\r\n\r\n            .bar-subcategories li a {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .bar-subcategories li {\r\n                height: 200px;\r\n            }\r\n\r\n            .bar-subcategories li a {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"bar-subcategories-wrapper\">\r\n        <ul class=\"bar-subcategories\">\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/special-coffee.webp\" alt=\"SPECIAL COFFEE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/special-coffee\/\">\r\n                        SPECIAL COFFEE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/hot-coffee.webp\" alt=\"HOT COFFEE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/hot-coffee\/\">\r\n                        HOT COFFEE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/ice-black-coffee.webp\" alt=\"ICE COFFEE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/ice-coffee\/\">\r\n                        ICE COFFEE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-8679341-8679341-scaled.jpg\" alt=\"FRESH JUICE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/fresh-juice\/\">\r\n                        FRESH JUICE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-5912011-5912011-scaled.jpg\" alt=\"COCKTAIL SERIES\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/cocktail-series\/\">\r\n                        COCKTAIL SERIES                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/1694624705_mango-ginger-ale-01.jpg\" alt=\"MOCKTAIL SERIES\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/mocktail-series\/\">\r\n                        MOCKTAIL SERIES                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/Blueberry-Smoothie-main.webp\" alt=\"SMOOTHIE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/smoothie\/\">\r\n                        SMOOTHIE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/vl-strawberry-sodarex-kqhl.jpg\" alt=\"SODA\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/drinks\/soda\/\">\r\n                        SODA                    <\/a>\r\n                <\/li>\r\n                    <\/ul>\r\n    <\/div>\r\n    \n        <\/div>\n      <\/div>\n\n      <!-- Tab Content 2 -->\n      <div class=\"tab-content\" id=\"content2\">\n        <div class=\"search-box\">\n          <input type=\"text\" id=\"searchCategories2\" placeholder=\"Search\">\n          <button type=\"submit\" class=\"search-btn\">\n            <i class=\"fas fa-search\"><\/i>\n          <\/button>\n        <\/div>\n        <div id=\"categoriesWrapper2\">\n              <style>\r\n        .bar-subcategories-wrapper {\r\n            max-width: 720px;\r\n            margin: 0 auto;\r\n            padding: 0 16px;\r\n        }\r\n\r\n        .bar-subcategories {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n            padding: 0;\r\n            margin: 0;\r\n            list-style: none;\r\n        }\r\n\r\n        .bar-subcategories li {\r\n            width: 100%;\r\n            height: 200px;\r\n            position: relative;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\r\n        }\r\n\r\n        .bar-subcategories li img {\r\n            width: 100%;\r\n            height: 100%;\r\n            object-fit: cover;\r\n            display: block;\r\n        }\r\n\r\n        .bar-subcategories li::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0;\r\n            width: 100%; height: 100%;\r\n            background: rgba(0, 0, 0, 0.4);\r\n            z-index: 1;\r\n        }\r\n\r\n        .bar-subcategories li a {\r\n            position: absolute;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            z-index: 2;\r\n            font-size: 22px;\r\n            font-weight: bold;\r\n            color: white;\r\n            text-decoration: none;\r\n            text-align: center;\r\n            padding: 0 10px;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .bar-subcategories li {\r\n                height: 160px;\r\n            }\r\n\r\n            .bar-subcategories li a {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .bar-subcategories li {\r\n                height: 200px;\r\n            }\r\n\r\n            .bar-subcategories li a {\r\n                font-size: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"bar-subcategories-wrapper\">\r\n        <ul class=\"bar-subcategories\">\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-30911259-30911259-scaled.jpg\" alt=\"APPETIZER\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/main-menu\/appetizer\/\">\r\n                        APPETIZER                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-7333264-7333264-scaled.jpg\" alt=\"MAIN DISH\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/main-menu\/main-dish\/\">\r\n                        MAIN DISH                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-5409026-5409026-scaled.jpg\" alt=\"FRIED RICE\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/main-menu\/fried-rice\/\">\r\n                        FRIED RICE                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/pexels-photo-31336113-31336113-scaled.jpg\" alt=\"SALAD\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/main-menu\/salad\/\">\r\n                        SALAD                    <\/a>\r\n                <\/li>\r\n                            <li>\r\n                                            <img decoding=\"async\" src=\"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-content\/uploads\/sites\/146\/2025\/06\/g2e5016a264dce1500ed583775495bb402d41b8afae042e15f3ae1b65bf85271d494cad7c2e4b480883d5959b6c5d0e80e5d01468bbc2d8de8a16704533744247_1280-8021570.jpg\" alt=\"SOUP\">\r\n                                        <a href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/product-category\/main-menu\/soup\/\">\r\n                        SOUP                    <\/a>\r\n                <\/li>\r\n                    <\/ul>\r\n    <\/div>\r\n    \n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<\/body>\n<\/html>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/customer-feedback\">Customer Feedback<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/mm1.ezyqrmenu.com\/example15\/location\">Location<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>OddMenu Demo Your Shop Name No.101, Kyauk Sein Pat Lan, Yadanar Kyun Yeik Thar, Thunandar, North Okkalapa Township, Yangon, Myanmar [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-833","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/pages\/833","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/comments?post=833"}],"version-history":[{"count":141,"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/pages\/833\/revisions"}],"predecessor-version":[{"id":1539,"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/pages\/833\/revisions\/1539"}],"wp:attachment":[{"href":"https:\/\/mm1.ezyqrmenu.com\/example15\/wp-json\/wp\/v2\/media?parent=833"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}