- 掃描 ID：
- 78bbcd3b-77c9-4444-b661-793abb0a4397已完成
- 已提交的 URL：
- https://mcoffeehouse.ca/
- 報告完成時間：
連結 · 找到 4 個
從頁面中識別的傳出連結
| 連結 | Text |
|---|---|
| https://order.ipos.vn/menu?pos_parent=BRAND-DFR5&pos_id=74520&source=DEFAULT | Order |
| https://khaweb.vn/ | khaweb.vn |
| https://goo.gl/maps/Ro22Ehv8PVT2L9Yi6 | |
| https://wa.me/13067831797 |
JavaScript 變數 · 找到 28 個
在頁面的視窗物件上載入的全域 JavaScript 變數是在函數外部宣告的變數，可從目前範圍內程式碼中的任何位置存取
| 名稱 | 類型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| _wpemojiSettings | object |
| $ | undefined |
| jQuery | function |
| FB | object |
| swv | object |
| wpcf7 | object |
主控台記錄訊息 · 找到 3 條
記錄到 Web 主控台的訊息
| 類型 | 類別 | 記錄 |
|---|---|---|
| log | other |
|
| warning | other |
|
| warning | other |
|
HTML
頁面的原始 HTML 主體
<!DOCTYPE html><!--[if IE 9 ]> <html lang="en-US" prefix="og: https://ogp.me/ns#" class="ie9 loading-site no-js"> <![endif]--><!--[if IE 8 ]> <html lang="en-US" prefix="og: https://ogp.me/ns#" class="ie8 loading-site no-js"> <![endif]--><!--[if (gte IE 9)|!(IE)]><!--><html lang="en-US" prefix="og: https://ogp.me/ns#" class="js"><!--<![endif]--><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="profile" href="http://gmpg.org/xfn/11">
<link rel="pingback" href="https://mcoffeehouse.ca/xmlrpc.php">
<script src="https://connect.facebook.net/vi_VN/sdk.js?hash=38a5ba17cf3031a2859b125e4e41d9e5" async="" crossorigin="anonymous"></script><script id="facebook-jssdk" src="//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.9&appId=104537736801666"></script><script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- Search Engine Optimization by Rank Math - https://rankmath.com/ -->
<title>Home page - M Coffee House</title>
<meta name="description" content="Come study, visit with friends, or enjoy a relaxing time in our sit-in area. M Coffee House features an open kitchen concept to provide transparency to our">
<meta name="robots" content="index, follow, max-snippet:-1, max-video-preview:-1, max-image-preview:large">
<link rel="canonical" href="https://mcoffeehouse.ca/">
<meta property="og:locale" content="en_US">
<meta property="og:type" content="website">
<meta property="og:title" content="Home page - M Coffee House">
<meta property="og:description" content="Come study, visit with friends, or enjoy a relaxing time in our sit-in area. M Coffee House features an open kitchen concept to provide transparency to our">
<meta property="og:url" content="https://mcoffeehouse.ca/">
<meta property="og:site_name" content="M Coffee House">
<meta property="og:updated_time" content="2023-10-06T17:05:10+00:00">
<meta property="article:published_time" content="2017-07-21T03:24:55+00:00">
<meta property="article:modified_time" content="2023-10-06T17:05:10+00:00">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Home page - M Coffee House">
<meta name="twitter:description" content="Come study, visit with friends, or enjoy a relaxing time in our sit-in area. M Coffee House features an open kitchen concept to provide transparency to our">
<meta name="twitter:label1" content="Written by">
<meta name="twitter:data1" content="admin">
<meta name="twitter:label2" content="Time to read">
<meta name="twitter:data2" content="4 minutes">
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://mcoffeehouse.ca/#organization","name":"M Coffee House"},{"@type":"WebSite","@id":"https://mcoffeehouse.ca/#website","url":"https://mcoffeehouse.ca","name":"M Coffee House","publisher":{"@id":"https://mcoffeehouse.ca/#organization"},"inLanguage":"en-US","potentialAction":{"@type":"SearchAction","target":"https://mcoffeehouse.ca/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://mcoffeehouse.ca/#webpage","url":"https://mcoffeehouse.ca/","name":"Home page - M Coffee House","datePublished":"2017-07-21T03:24:55+00:00","dateModified":"2023-10-06T17:05:10+00:00","about":{"@id":"https://mcoffeehouse.ca/#organization"},"isPartOf":{"@id":"https://mcoffeehouse.ca/#website"},"inLanguage":"en-US"},{"@type":"Person","@id":"https://mcoffeehouse.ca/author/admin/","name":"admin","url":"https://mcoffeehouse.ca/author/admin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/64e1b8d34f425d19e1ee2ea7236d3028?s=96&d=mm&r=g","url":"https://secure.gravatar.com/avatar/64e1b8d34f425d19e1ee2ea7236d3028?s=96&d=mm&r=g","caption":"admin","inLanguage":"en-US"},"worksFor":{"@id":"https://mcoffeehouse.ca/#organization"}},{"@type":"Article","headline":"Home page - M Coffee House","datePublished":"2017-07-21T03:24:55+00:00","dateModified":"2023-10-06T17:05:10+00:00","author":{"@id":"https://mcoffeehouse.ca/author/admin/","name":"admin"},"publisher":{"@id":"https://mcoffeehouse.ca/#organization"},"description":"Come study, visit with friends, or enjoy a relaxing time in our sit-in area. M Coffee House features an open kitchen concept to provide transparency to our","name":"Home page - M Coffee House","@id":"https://mcoffeehouse.ca/#richSnippet","isPartOf":{"@id":"https://mcoffeehouse.ca/#webpage"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://mcoffeehouse.ca/#webpage"}}]}</script>
<!-- /Rank Math WordPress SEO plugin -->
<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
<link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="alternate" type="application/rss+xml" title="M Coffee House » Feed" href="https://mcoffeehouse.ca/feed/">
<link rel="alternate" type="application/rss+xml" title="M Coffee House » Comments Feed" href="https://mcoffeehouse.ca/comments/feed/">
<link rel="prefetch" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/chunk.countup.fe2c1016.js">
<link rel="prefetch" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/chunk.sticky-sidebar.a58a6557.js">
<link rel="prefetch" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/chunk.tooltips.29144c1c.js">
<link rel="prefetch" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/chunk.vendors-popups.947eca5c.js">
<link rel="prefetch" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/chunk.vendors-slider.f0d2cbc9.js">
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/mcoffeehouse.ca\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.5.5"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<style id="wp-block-library-inline-css" type="text/css">
:root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:#9747ff}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
</style>
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<link rel="stylesheet" id="contact-form-7-css" href="https://mcoffeehouse.ca/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.7.4" type="text/css" media="all">
<link rel="stylesheet" id="walcf7-datepicker-css-css" href="https://mcoffeehouse.ca/wp-content/plugins/date-time-picker-for-contact-form-7/assets/css/jquery.datetimepicker.min.css?ver=1.0.0" type="text/css" media="all">
<style id="woocommerce-inline-inline-css" type="text/css">
.woocommerce form .form-row .required { visibility: visible; }
</style>
<link rel="stylesheet" id="pzf-style-css" href="https://mcoffeehouse.ca/wp-content/plugins/button-contact-vr/css/style.css?ver=6.5.5" type="text/css" media="all">
<link rel="stylesheet" id="dashicons-css" href="https://mcoffeehouse.ca/wp-includes/css/dashicons.min.css?ver=6.5.5" type="text/css" media="all">
<link rel="stylesheet" id="flatsome-ionicons-css" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css?ver=6.5.5" type="text/css" media="all">
<link rel="stylesheet" id="flatsome-main-css" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.15.5" type="text/css" media="all">
<style id="flatsome-main-inline-css" type="text/css">
@font-face {
font-family: "fl-icons";
font-display: block;
src: url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.15.5);
src:
url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.15.5) format("embedded-opentype"),
url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.15.5) format("woff2"),
url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.15.5) format("truetype"),
url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.15.5) format("woff"),
url(https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.15.5#fl-icons) format("svg");
}
</style>
<link rel="stylesheet" id="flatsome-shop-css" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/flatsome-shop.css?ver=3.15.5" type="text/css" media="all">
<link rel="stylesheet" id="flatsome-style-css" href="https://mcoffeehouse.ca/wp-content/themes/web-khoi-nghiep/style.css?ver=3.0" type="text/css" media="all">
<link rel="stylesheet" id="flatsome-googlefonts-css" href="//fonts.googleapis.com/css?family=Georgia%2CTimes%2C%22Times+New+Roman%22%2Cserif%7CHelvetica%2CArial%2Csans-serif%3Aregular%2Cregular%2C700%7CDancing+Script%3Aregular%2Cregular&display=swap&ver=3.9" type="text/css" media="all">
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://mcoffeehouse.ca/wp-json/"><link rel="alternate" type="application/json" href="https://mcoffeehouse.ca/wp-json/wp/v2/pages/41"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://mcoffeehouse.ca/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 6.5.5">
<link rel="shortlink" href="https://mcoffeehouse.ca/">
<link rel="alternate" type="application/json+oembed" href="https://mcoffeehouse.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmcoffeehouse.ca%2F">
<link rel="alternate" type="text/xml+oembed" href="https://mcoffeehouse.ca/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmcoffeehouse.ca%2F&format=xml">
<style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style><!--[if IE]><link rel="stylesheet" type="text/css" href="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/css/ie-fallback.css"><script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.1/html5shiv.js"></script><script>var head = document.getElementsByTagName('head')[0],style = document.createElement('style');style.type = 'text/css';style.styleSheet.cssText = ':before,:after{content:none !important';head.appendChild(style);setTimeout(function(){head.removeChild(style);}, 0);</script><script src="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/libs/ie-flexibility.js"></script><![endif]--> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript>
<link rel="icon" href="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cropped-iconlogo-32x32.png" sizes="32x32">
<link rel="icon" href="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cropped-iconlogo-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cropped-iconlogo-180x180.png">
<meta name="msapplication-TileImage" content="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cropped-iconlogo-270x270.png">
<style id="custom-css" type="text/css">:root {--primary-color: #9932cc;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1370px}.row.row-collapse{max-width: 1340px}.row.row-small{max-width: 1362.5px}.row.row-large{max-width: 1400px}.sticky-add-to-cart--active, #wrapper,#main,#main.dark{background-color: #143b36}.header-main{height: 97px}#logo img{max-height: 97px}#logo{width:150px;}#logo img{padding:3px 0;}.header-bottom{min-height: 10px}.header-top{min-height: 37px}.transparent .header-main{height: 85px}.transparent #logo img{max-height: 85px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 85px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bg-color {background-color: #9932cc}.header-bottom {background-color: #f1f1f1}.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 16px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.nav-dropdown{font-size:100%}.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #143b36;}.nav .nav-dropdown{background-color: #143b36}.header-top{background-color:#3498db!important;}.blog-wrapper{background-color: #143b36;}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #9932cc;}/* Color !important */[data-text-color="primary"]{color: #9932cc!important;}/* Background Color */[data-text-bg="primary"]{background-color: #9932cc;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #9932cc;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #9932cc}.nav-tabs > li.active > a{border-top-color: #9932cc}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #9932cc }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #9932cc }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #9932cc;}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#d69c52; }[data-text-bg="secondary"]{background-color: #d69c52;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #d69c52}/* Color !important */[data-text-color="secondary"]{color: #d69c52!important;}/* Border */.secondary.is-outline:hover{border-color:#d69c52}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family:"Helvetica,Arial,sans-serif", sans-serif}body{font-weight: 0}.nav > li > a {font-family:"Helvetica,Arial,sans-serif", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family:"Helvetica,Arial,sans-serif", sans-serif;}.nav > li > a {font-weight: 700;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: "Georgia,Times,"Times New Roman",serif", sans-serif;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font{font-weight: 0!important;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #d69c52;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #d69c52;}.current .breadcrumb-step, [data-icon-label]:after, .button#place_order,.button.checkout,.checkout-button,.single_add_to_cart_button.button{background-color: #d69c52!important }@media screen and (min-width: 550px){.products .box-vertical .box-image{min-width: 300px!important;width: 300px!important;}}.footer-1{background-image: url('https://mcoffeehouse.ca/wp-content/uploads/2018/01/bg-pattern-2.jpg');}.footer-1{background-color: #0e2825}.absolute-footer, html{background-color: #7a3717}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style> <meta property="fb:app_id" content="104537736801666">
<meta property="fb:admins" content="100001613853961">
<script src="https://mcoffeehouse.ca/wp-includes/js/wp-emoji-release.min.js?ver=6.5.5" defer=""></script><style type="text/css" data-fbcssmodules="css:fb.css.base css:fb.css.dialog css:fb.css.iframewidget">.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_hidden{position:absolute;top:-10000px;z-index:10001}.fb_reposition{overflow:hidden;position:relative}.fb_invisible{display:none}.fb_reset{background:none;border:0px;border-spacing:0;color:#000;cursor:auto;direction:ltr;font-family:'lucida grande', tahoma, verdana, arial, sans-serif;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:1;margin:0;overflow:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-spacing:normal}.fb_reset>div{overflow:hidden}@keyframes fb_transform{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fb_animate{animation:fb_transform .3s forwards}
.fb_dialog{background:rgba(82, 82, 82, .7);position:absolute;top:-10000px;z-index:10001}.fb_dialog_advanced{border-radius:8px;padding:10px}.fb_dialog_content{background:#fff;color:#373737}.fb_dialog_close_icon{background:url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 0 transparent;cursor:pointer;display:block;height:15px;position:absolute;right:18px;top:17px;width:15px}.fb_dialog_mobile .fb_dialog_close_icon{left:5px;right:auto;top:5px}.fb_dialog_padding{background-color:transparent;position:absolute;width:1px;z-index:-1}.fb_dialog_close_icon:hover{background:url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -15px transparent}.fb_dialog_close_icon:active{background:url(https://connect.facebook.net/rsrc.php/v4/yq/r/IE9JII6Z1Ys.png) no-repeat scroll 0 -30px transparent}.fb_dialog_iframe{line-height:0}.fb_dialog_content .dialog_title{background:#6d84b4;border:1px solid #365899;color:#fff;font-size:14px;font-weight:bold;margin:0}.fb_dialog_content .dialog_title>span{background:url(https://connect.facebook.net/rsrc.php/v4/yd/r/Cou7n-nqK52.gif) no-repeat 5px 50%;float:left;padding:5px 0 7px 26px}body.fb_hidden{height:100%;left:0px;margin:0px;overflow:visible;position:absolute;top:-10000px;transform:none;width:100%}.fb_dialog.fb_dialog_mobile.loading{background:url(https://connect.facebook.net/rsrc.php/v4/ya/r/3rhSv5V8j3o.gif) white no-repeat 50% 50%;min-height:100%;min-width:100%;overflow:hidden;position:absolute;top:0;z-index:10001}.fb_dialog.fb_dialog_mobile.loading.centered{background:none;height:auto;min-height:initial;min-width:initial;width:auto}.fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner{width:100%}.fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content{background:none}.loading.centered #fb_dialog_loader_close{clear:both;color:#fff;display:block;font-size:18px;padding-top:20px}#fb-root #fb_dialog_ipad_overlay{background:rgba(0, 0, 0, .4);bottom:0;left:0;min-height:100%;position:absolute;right:0;top:0;width:100%;z-index:10000}#fb-root #fb_dialog_ipad_overlay.hidden{display:none}.fb_dialog.fb_dialog_mobile.loading iframe{visibility:hidden}.fb_dialog_mobile .fb_dialog_iframe{position:sticky;top:0}.fb_dialog_content .dialog_header{background:linear-gradient(from(#738aba), to(#2c4987));border-bottom:1px solid;border-color:#043b87;box-shadow:white 0px 1px 1px -1px inset;color:#fff;font:bold 14px Helvetica, sans-serif;text-overflow:ellipsis;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px;vertical-align:middle;white-space:nowrap}.fb_dialog_content .dialog_header table{height:43px;width:100%}.fb_dialog_content .dialog_header td.header_left{font-size:12px;padding-left:5px;vertical-align:middle;width:60px}.fb_dialog_content .dialog_header td.header_right{font-size:12px;padding-right:5px;vertical-align:middle;width:60px}.fb_dialog_content .touchable_button{background:linear-gradient(from(#4267B2), to(#2a4887));background-clip:padding-box;border:1px solid #29487d;border-radius:3px;display:inline-block;line-height:18px;margin-top:3px;max-width:85px;padding:4px 12px;position:relative}.fb_dialog_content .dialog_header .touchable_button input{background:none;border:none;color:#fff;font:bold 12px Helvetica, sans-serif;margin:2px -12px;padding:2px 6px 3px 6px;text-shadow:rgba(0, 30, 84, .296875) 0px -1px 0px}.fb_dialog_content .dialog_header .header_center{color:#fff;font-size:16px;font-weight:bold;line-height:18px;text-align:center;vertical-align:middle}.fb_dialog_content .dialog_content{background:url(https://connect.facebook.net/rsrc.php/v4/y9/r/jKEcVPZFk-2.gif) no-repeat 50% 50%;border:1px solid #4a4a4a;border-bottom:0;border-top:0;height:150px}.fb_dialog_content .dialog_footer{background:#f5f6f7;border:1px solid #4a4a4a;border-top-color:#ccc;height:40px}#fb_dialog_loader_close{float:left}.fb_dialog.fb_dialog_mobile .fb_dialog_close_icon{visibility:hidden}#fb_dialog_loader_spinner{animation:rotateSpinner 1.2s linear infinite;background-color:transparent;background-image:url(https://connect.facebook.net/rsrc.php/v4/yD/r/t-wz8gw1xG1.png);background-position:50% 50%;background-repeat:no-repeat;height:24px;width:24px}@keyframes rotateSpinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
.fb_iframe_widget{display:inline-block;position:relative}.fb_iframe_widget span{display:inline-block;position:relative;text-align:justify}.fb_iframe_widget iframe{position:absolute}.fb_iframe_widget_fluid_desktop,.fb_iframe_widget_fluid_desktop span,.fb_iframe_widget_fluid_desktop iframe{max-width:100%}.fb_iframe_widget_fluid_desktop iframe{min-width:220px;position:relative}.fb_iframe_widget_lift{z-index:1}.fb_iframe_widget_fluid{display:inline}.fb_iframe_widget_fluid span{width:100%}</style></head><body class="home page-template page-template-page-transparent-header page-template-page-transparent-header-php page page-id-41 theme-flatsome woocommerce-js full-width lightbox nav-dropdown-has-arrow"><div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; width: 0px; height: 0px;"><div></div></div></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.9&appId=104537736801666";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<noscript>
<style>
body, html{overflow:hidden}
#JsEnable {display:none}
/* Enable Javascript Popup by key2blogging */
#Key2bloggingNoscript {background:rgba(0,0,0,0.85);padding:0;position:fixed;bottom:0;left:0;top:-100px;right:0;z-index:1000;opacity:1;visibility:visible;height:auto;}
#Key2bloggingNoscript svg {width:100px; height:100px}
#Key2bloggingNoscript svg path {fill:#fff}
#Key2bloggingNoscript .isiNoscript{background-color:#34495E;color:#fff;position:absolute;text-align:center;padding:0 30px 30px 30px;margin:auto;top:30%;left:0;right:0;font-size:1.5rem;font-weight:400;line-height:1.5em;max-width:670px;box-shadow:0 20px 10px -10px rgba(0,0,0,0.15);border:15px solid rgba(0,0,0,.07); overflow:hidden; transition:all .6s cubic-bezier(.25,.8,.25,1); -webkit-transform:translateZ(0); transform:translateZ(0); backface-visibility:visible; transition:all .2s ease-in-out,visibility 0s; transform-origin:bottom center; pointer-events:auto; transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1); opacity:1; animation:key2BloggingWobble .5s; -moz-animation: key2BloggingWobble .5s; -webkit-animation:key2BloggingWobble .5s; -o-animation:key2BloggingWobble .5s}
#Key2bloggingNoscript .isiNoscript:hover{box-shadow:0 20px 10px -10px rgba(0,0,0,0.2);}
#Key2bloggingNoscript .isiNoscript h4, #Key2bloggingNoscript .isiNoscript .JSEnable{display:inline-block;background:rgba(0,0,0,.07);padding:5px 25px 15px 25px;font-size:2.2rem;font-weight:500;margin-bottom:20px}
</style>
</noscript>
<noscript>
<div id='Key2bloggingNoscript'>
<div class='isiNoscript'><span class='JSEnable'>Enable Javascript</span>
<br/>
<svg viewBox='0 0 24 24'>
<path d='M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z'/>
</svg>
<br/>Javascript is disabled on your Browser. To use <data:blog.title.escaped/> turn on Javascript in the browser settings.</div>
</div>
</noscript>
<a class="skip-link screen-reader-text" href="#main">Skip to content</a>
<div id="wrapper">
<header id="header" class="header transparent has-transparent has-sticky sticky-jump">
<div class="header-wrapper">
<div id="masthead" class="header-main nav-dark">
<div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">
<!-- Logo -->
<div id="logo" class="flex-col logo">
<!-- Header logo -->
<a href="https://mcoffeehouse.ca/" title="M Coffee House" rel="home">
<img width="432" height="246" src="https://mcoffeehouse.ca/wp-content/uploads/2023/09/logo.png" class="header_logo header-logo" alt="M Coffee House"><img width="432" height="246" src="https://mcoffeehouse.ca/wp-content/uploads/2023/09/logo.png" class="header-logo-dark" alt="M Coffee House"></a>
</div>
<!-- Mobile Left Elements -->
<div class="flex-col show-for-medium flex-left">
<ul class="mobile-nav nav nav-left ">
<li class="nav-icon has-icon">
<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">
<i class="icon-menu"></i>
</a>
</li> </ul>
</div>
<!-- Left Elements -->
<div class="flex-col hide-for-medium flex-left
flex-grow">
<ul class="header-nav header-nav-main nav nav-left nav-size-large nav-spacing-large">
<li id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-41 current_page_item menu-item-50 active menu-item-design-default"><a href="https://mcoffeehouse.ca/" aria-current="page" class="nav-top-link">Home page</a></li>
<li id="menu-item-138" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-138 menu-item-design-default"><a href="https://mcoffeehouse.ca/about-us/" class="nav-top-link">About Us</a></li>
<li id="menu-item-53" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-53 menu-item-design-default has-dropdown"><a href="https://mcoffeehouse.ca/shop-page/" class="nav-top-link">Shop Page<i class="icon-angle-down"></i></a>
<ul class="sub-menu nav-dropdown nav-dropdown-default dark">
<li id="menu-item-398" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-398"><a href="https://mcoffeehouse.ca/cold-beverage/">Cold beverage</a></li>
<li id="menu-item-399" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-399"><a href="https://mcoffeehouse.ca/brewed-coffee-tea/">Brewed coffee & Tea</a></li>
<li id="menu-item-400" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-400"><a href="https://mcoffeehouse.ca/frappuccino/">Frappuccino</a></li>
<li id="menu-item-401" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-401"><a href="https://mcoffeehouse.ca/iced-coffee-tea/">Iced coffee & Tea</a></li>
<li id="menu-item-402" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-402"><a href="https://mcoffeehouse.ca/espresso/">Espresso</a></li>
</ul>
</li>
<li id="menu-item-397" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-397 menu-item-design-default"><a href="https://mcoffeehouse.ca/food-corner-health/" class="nav-top-link">Food corner – health</a></li>
<li id="menu-item-381" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-381 menu-item-design-default"><a href="https://mcoffeehouse.ca/blog/" class="nav-top-link">Blog</a></li>
<li id="menu-item-136" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136 menu-item-design-default"><a href="https://mcoffeehouse.ca/contact/" class="nav-top-link">contact</a></li>
</ul>
</div>
<!-- Right Elements -->
<div class="flex-col hide-for-medium flex-right">
<ul class="header-nav header-nav-main nav nav-right nav-size-large nav-spacing-large">
<li class="header-search header-search-dropdown has-icon has-dropdown menu-item-has-children">
<a href="#" aria-label="Search" class="is-small"><i class="icon-search"></i></a>
<ul class="nav-dropdown nav-dropdown-default dark">
<li class="header-search-form search-form html relative has-icon">
<div class="header-search-form-wrapper">
<div class="searchform-wrapper ux-search-box relative is-normal"><form role="search" method="get" class="searchform" action="https://mcoffeehouse.ca/">
<div class="flex-row relative">
<div class="flex-col flex-grow">
<label class="screen-reader-text" for="woocommerce-product-search-field-0">Search for:</label>
<input type="search" id="woocommerce-product-search-field-0" class="search-field mb-0" placeholder="Search…" value="" name="s" autocomplete="off">
<input type="hidden" name="post_type" value="product">
</div>
<div class="flex-col">
<button type="submit" value="Search" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
<i class="icon-search"></i> </button>
</div>
</div>
<div class="live-search-results text-left z-top"><div class="autocomplete-suggestions" style="position: absolute; display: none; max-height: 300px; z-index: 9999;"></div></div>
</form>
</div> </div>
</li> </ul>
</li>
<li class="cart-item has-icon has-dropdown">
<a href="https://mcoffeehouse.ca/cart-page/" title="Cart" class="header-cart-link is-small">
<span class="image-icon header-cart-icon" data-icon-label="0">
<img class="cart-img-icon" alt="Cart" src="https://mcoffeehouse.ca/wp-content/uploads/2023/03/ic-cart.png">
</span>
</a>
<ul class="nav-dropdown nav-dropdown-default dark">
<li class="html widget_shopping_cart">
<div class="widget_shopping_cart_content">
<p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
</div>
</li>
</ul>
</li>
<li class="html header-button-1">
<div class="header-button">
<a rel="noopener noreferrer" href="https://order.ipos.vn/menu?pos_parent=BRAND-DFR5&pos_id=74520&source=DEFAULT" target="_blank" class="button secondary" style="border-radius:7px;">
<span>Order</span>
</a>
</div>
</li>
</ul>
</div>
<!-- Mobile Right Elements -->
<div class="flex-col show-for-medium flex-right">
<ul class="mobile-nav nav nav-right ">
<li class="cart-item has-icon">
<a href="https://mcoffeehouse.ca/cart-page/" class="header-cart-link off-canvas-toggle nav-top-link is-small" data-open="#cart-popup" data-class="off-canvas-cart" title="Cart" data-pos="right">
<span class="image-icon header-cart-icon" data-icon-label="0">
<img class="cart-img-icon" alt="Cart" src="https://mcoffeehouse.ca/wp-content/uploads/2023/03/ic-cart.png">
</span>
</a>
<!-- Cart Sidebar Popup -->
<div id="cart-popup" class="mfp-hide widget_shopping_cart">
<div class="cart-popup-inner inner-padding">
<div class="cart-popup-title text-center">
<h4 class="uppercase">Cart</h4>
<div class="is-divider"></div>
</div>
<div class="widget_shopping_cart_content">
<p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
</div>
<div class="cart-sidebar-content relative"></div> </div>
</div>
</li>
</ul>
</div>
</div>
<div class="container"><div class="top-divider full-width"></div></div>
</div>
<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div> </div><!-- header-wrapper-->
</header>
<main id="main" class="dark dark-page-wrapper">
<div id="content" role="main">
<section class="section section-banner" id="section_1407169911">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="banner has-hover" id="banner-708571856">
<div class="banner-inner fill">
<div class="banner-bg fill">
<div class="bg fill bg-fill bg-loaded"></div>
</div>
<div class="banner-layers container">
<div class="fill banner-link"></div>
<div id="text-box-1605036867" class="text-box banner-layer x50 md-x50 lg-x50 y25 md-y25 lg-y25 res-text">
<div data-animate="fadeInDown" data-animated="true"> <div class="text-box-content text dark">
<div class="text-inner text-center">
<h1>M COFFEE HOUSE</h1>
<p><span class="p-home">Come study, visit with friends, or enjoy a relaxing time in our sit-in area. M Coffee House features an open kitchen concept to provide transparency to our customers. We take pride in our work and love to share our culinary artistry. Free complimentary wi-fi with purchase. </span></p>
<a rel="noopener noreferrer" href="https://order.ipos.vn/menu?pos_parent=BRAND-DFR5&pos_id=74520&source=DEFAULT" target="_blank" class="button secondary lowercase" style="border-radius:10px;">
<span>ORDER PICK UP</span>
</a>
</div>
</div>
</div>
<style>
#text-box-1605036867 {
width: 60%;
}
#text-box-1605036867 .text-box-content {
font-size: 100%;
}
</style>
</div>
</div>
</div>
<div class="height-fix is-invisible"><img fetchpriority="high" decoding="async" width="1920" height="930" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee.png" class="attachment-original size-original" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee.png 1920w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee-800x388.png 800w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee-1400x678.png 1400w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee-768x372.png 768w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee-1536x744.png 1536w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee-600x291.png 600w" sizes="(max-width: 1920px) 100vw, 1920px"></div>
<style>
#banner-708571856 .bg.bg-loaded {
background-image: url(https://mcoffeehouse.ca/wp-content/uploads/2023/08/slider_homee.png);
}
#banner-708571856 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#banner-708571856 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</div>
</div>
<style>
#section_1407169911 {
padding-top: 0px;
padding-bottom: 0px;
}
#section_1407169911 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_1407169911 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-ve-chung-toi dark" id="section_1528592680">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-1485937301">
<div id="col-970213047" class="col medium-6 small-12 large-6" data-animate="bounceInLeft">
<div class="col-inner">
<h2></h2>
<h2>Welcome to</h2>
<h2><span class="title-kieu" style="font-size: 140%;">M COFFEE HOUSE</span></h2>
<div>We make fresh, high-quality, freshly-brewed roasted coffees, hot and cold beverages, sweet and savoury snacks, smoothie bowls, and Korean bingsoo made with seasonal fruits and fresh milk.</div>
<a href="https://mcoffeehouse.ca/about-us/" target="_self" class="button secondary is-link lowercase">
<span>See more</span>
<i class="icon-angle-right"></i></a>
</div>
</div>
<div id="col-1884641755" class="col anh-zoom medium-6 small-12 large-6" data-animate="bounceInRight">
<div class="col-inner">
<div class="img has-hover image-zoom x md-x lg-x y md-y lg-y" id="image_1639510800">
<div class="img-inner image-zoom image-cover dark" style="padding-top:100%;">
<img decoding="async" width="600" height="800" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/CINNAMUM-2-600x800.jpg" class="attachment-large size-large" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/10/CINNAMUM-2-600x800.jpg 600w, https://mcoffeehouse.ca/wp-content/uploads/2023/10/CINNAMUM-2-300x400.jpg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/10/CINNAMUM-2-768x1024.jpg 768w, https://mcoffeehouse.ca/wp-content/uploads/2023/10/CINNAMUM-2.jpg 960w" sizes="(max-width: 600px) 100vw, 600px">
</div>
<style>
#image_1639510800 {
width: 97%;
}
</style>
</div>
</div>
</div>
</div>
</div>
<style>
#section_1528592680 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(115, 38, 153);
}
#section_1528592680 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_1528592680 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-danh-muc dark" id="section_988922973">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-337965776">
<div id="col-1367871257" class="col small-12 large-12">
<div class="col-inner">
<div class="title-index clearfix">
<h2>Featured Category</h2>
</div>
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-simple slider-nav-outside slider-nav-light slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/bingsu/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/7CB0B237-4717-489A-9426-AE3D047FCD91-scaled.jpeg" alt="Bingsu" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Bingsu </h5>
<div class="div-mo-ta-danh-muc">Bingsu</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/brewed-coffee-tea/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/28781291-A718-49FE-8656-FA2D5B252566.jpeg" alt="Brewed coffee & Tea" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Brewed coffee & Tea </h5>
<div class="div-mo-ta-danh-muc">Brewed coffee & Tea</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/cold-beverage/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/6A04FD1A-8706-4BD3-B5C6-5D4FFF7B6CC1-scaled.jpeg" alt="Cold beverage" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Cold beverage </h5>
<div class="div-mo-ta-danh-muc">Cold beverage (M signature)</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/espresso/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg" alt="Espresso" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Espresso </h5>
<div class="div-mo-ta-danh-muc">Espresso</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/extra/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg" alt="Extra" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Extra </h5>
<div class="div-mo-ta-danh-muc">EXTRA</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/frappuccino/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/57426903-7D1A-4B80-8432-52E670C0EAAA-scaled.jpeg" alt="Frappuccino" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Frappuccino </h5>
<div class="div-mo-ta-danh-muc">Frappuccino</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/iced-coffee-tea/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg" alt="Iced coffee & Tea" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Iced coffee & Tea </h5>
<div class="div-mo-ta-danh-muc">Iced coffee & Tea</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/pastries/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg" alt="Pastries" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Pastries </h5>
<div class="div-mo-ta-danh-muc">PASTRIES</div>
</div>
</div>
</div>
</a> </div>
</div><div class="product-category col">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/sandwich-rolls/"> <div class="box box-category has-hover box-normal ">
<div class="box-image" style="width:65%;">
<div class="image-zoom">
<img loading="lazy" decoding="async" src="https://mcoffeehouse.ca/wp-content/uploads/2023/10/Untitled-design-1.png" alt="Sandwich & Rolls" width="300" height="300"> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h5 class="uppercase header-title">
Sandwich & Rolls </h5>
<div class="div-mo-ta-danh-muc">SANDWICH & ROLLS</div>
</div>
</div>
</div>
</a> </div>
</div></div>
</div>
</div>
</div>
</div>
<style>
#section_988922973 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(115, 38, 153);
}
#section_988922973 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_988922973 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-thuc-don dark" id="section_371435313">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-1364823968">
<div id="col-1235409635" class="col small-12 large-12">
<div class="col-inner">
<div class="title-index clearfix">
<h2>Our menu</h2>
</div>
<div class="tabbed-content">
<ul class="nav nav-outline nav-uppercase nav-size-normal nav-center"><li class="tab active has-icon"><a href="#tab_cold-beverage"><span>Cold beverage</span></a></li>
<li class="tab has-icon"><a href="#tab_espresso"><span>Espresso</span></a></li>
<li class="tab has-icon"><a href="#tab_brewed-coffee-&-tea"><span>Brewed coffee & Tea</span></a></li>
<li class="tab has-icon"><a href="#tab_frappuccino"><span>Frappuccino</span></a></li>
<li class="tab has-icon"><a href="#tab_extra"><span>Extra</span></a></li>
<li class="tab has-icon"><a href="#tab_iced-coffee-&-tea"><span>Iced coffee & Tea</span></a></li>
<li class="tab has-icon"><a href="#tab_pastries"><span>Pastries</span></a></li>
<li class="tab has-icon"><a href="#tab_sandwich-&-rolls"><span>Sandwich & Rolls</span></a></li>
<li class="tab has-icon"><a href="#tab_bingsu"><span>Bingsu</span></a></li></ul><div class="tab-panels"><div class="panel active entry-content" id="tab_cold-beverage">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">
<div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" aria-label="Pan-fried beef noodle soup">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=435" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="435" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" aria-label="Pan-fried beef noodle soup #9">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #9</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=443" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="443" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #9” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" aria-label="Pan-fried beef noodle soup #4">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #4</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=438" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="438" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #4” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col" data-animate="bounceIn">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_espresso">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" aria-label="Pan-fried beef noodle soup #9">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #9</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=443" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="443" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #9” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" aria-label="Pan-fried beef noodle soup #4">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #4</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=438" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="438" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #4” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" aria-label="Pan-fried beef noodle soup">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=435" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="435" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_brewed-coffee-&-tea">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" aria-label="Pan-fried beef noodle soup #4">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #4</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=438" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="438" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #4” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_frappuccino">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" aria-label="Pan-fried beef noodle soup #4">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #4</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=438" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="438" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #4” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_extra">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_iced-coffee-&-tea">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" aria-label="Pan-fried beef noodle soup #4">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-7/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #4</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=438" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="438" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #4” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_pastries">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_sandwich-&-rolls">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
<div class="panel entry-content" id="tab_bingsu">
<div class="row large-columns-4 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-reveal slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" aria-label="Pan-fried beef noodle soup #10">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-10/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #10</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=444" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="444" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #10” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div></div></div>
</div>
</div>
</div>
</div>
<style>
#section_371435313 {
padding-top: 0px;
padding-bottom: 0px;
background-color: rgb(115, 38, 153);
}
#section_371435313 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_371435313 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-noi-bat dark" id="section_218334920">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="title-index">
<h2><a title="Món ăn nổi bật" href="mon-an-noi-bat">Featured drinks</a></h2>
</div>
<div class="row" id="row-951354508">
<div id="col-1158921521" class="col small-12 large-12">
<div class="col-inner">
<div class="row large-columns-5 medium-columns-3 small-columns-2 row-small slider row-slider slider-nav-simple slider-nav-push" data-flickity-options="{"imagesLoaded": true, "groupCells": "100%", "dragThreshold" : 5, "cellAlign": "left","wrapAround": true,"prevNextButtons": true,"percentPosition": true,"pageDots": false, "rightToLeft": false, "autoPlay" : false}">
<div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" aria-label="Pan-fried beef noodle soup #5">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-6/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #5</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=439" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="439" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #5” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" aria-label="Pan-fried beef noodle soup #9">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-2/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #9</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=443" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="443" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #9” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" aria-label="Pan-fried beef noodle soup #6">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-5/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #6</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=440" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="440" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #6” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" aria-label="Pan-fried beef noodle soup #3">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-8/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #3</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=437" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="437" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #3” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" aria-label="Pan-fried beef noodle soup">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=435" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="435" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" aria-label="Pan-fried beef noodle soup #2">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-9/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #2</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=436" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="436" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #2” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" aria-label="Pan-fried beef noodle soup #7">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-4/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #7</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=441" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="441" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #7” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div><div class="col">
<div class="col-inner">
<div class="badge-container absolute left top z-1">
<div class="callout badge badge-square"><div class="badge-inner secondary on-sale"><span class="onsale">-20%</span></div></div>
</div>
<div class="product-small box has-hover box-normal box-text-bottom">
<div class="box-image">
<div class="image-zoom">
<a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" aria-label="Pan-fried beef noodle soup #8">
<img loading="lazy" decoding="async" width="300" height="300" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp" class="attachment-woocommerce_thumbnail size-woocommerce_thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-300x300.webp 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-100x100.webp 100w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f-280x280.webp 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/165aab637a80546a7925ad3c1d059f.webp 400w" sizes="(max-width: 300px) 100vw, 300px"> </a>
</div>
<div class="image-tools top right show-on-hover">
</div>
<div class="image-tools grid-tools text-center hide-for-small bottom hover-slide-in show-on-hover">
</div>
</div>
<div class="box-text text-center">
<div class="title-wrapper"><p class="name product-title woocommerce-loop-product__title"><a href="https://mcoffeehouse.ca/pan-fried-beef-noodle-soup-3/" class="woocommerce-LoopProduct-link woocommerce-loop-product__link">Pan-fried beef noodle soup #8</a></p></div><div class="price-wrapper">
<span class="price"><del aria-hidden="true"><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>10</bdi></span></del> <ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>8</bdi></span></ins></span>
</div><div class="add-to-cart-button"><a href="?add-to-cart=442" data-quantity="1" class="primary is-small mb-0 button product_type_simple add_to_cart_button ajax_add_to_cart is-bevel" data-product_id="442" data-product_sku="" aria-label="Add “Pan-fried beef noodle soup #8” to your cart" rel="nofollow">Add to cart</a></div> </div>
</div>
</div>
</div></div>
</div>
</div>
</div>
</div>
<style>
#section_218334920 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(115, 38, 153);
}
#section_218334920 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_218334920 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-icon dark" id="section_1009522121">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-325208805">
<div id="col-426900983" class="col small-12 large-12">
<div class="col-inner">
<div class="row row-anh" id="row-619023091">
<div id="col-510644062" class="col medium-3 small-6 large-3">
<div class="col-inner">
<div class="box has-hover has-hover box-overlay dark box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top:125%;">
<img loading="lazy" decoding="async" width="1920" height="2560" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1.jpeg" class="attachment-original size-original" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1.jpeg 1920w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1-300x400.jpeg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1-600x800.jpeg 600w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1-768x1024.jpeg 768w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1-1152x1536.jpeg 1152w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/bingsu-1-scaled-1-1536x2048.jpeg 1536w" sizes="(max-width: 1920px) 100vw, 1920px"> <div class="overlay" style="background-color:1"></div> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h4>M Coffee House</h4>
<p>Diverse dishes</p>
</div>
</div>
</div>
</div>
</div>
<div id="col-430852261" class="col medium-3 small-6 large-3">
<div class="col-inner">
<div class="box has-hover has-hover box-overlay dark box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top:125%;">
<img loading="lazy" decoding="async" width="1440" height="1597" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1.jpeg" class="attachment-original size-original" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1.jpeg 1440w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1-361x400.jpeg 361w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1-721x800.jpeg 721w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1-768x852.jpeg 768w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1-1385x1536.jpeg 1385w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/cake-1-600x665.jpeg 600w" sizes="(max-width: 1440px) 100vw, 1440px"> <div class="overlay" style="background-color:1"></div> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h4>M Coffee House</h4>
<p>exclusive taste</p>
</div>
</div>
</div>
</div>
</div>
<div id="col-1280708326" class="col medium-3 small-6 large-3">
<div class="col-inner">
<div class="box has-hover has-hover box-overlay dark box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top:125%;">
<img loading="lazy" decoding="async" width="1836" height="2560" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1.jpeg" class="attachment-original size-original" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1.jpeg 1836w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-287x400.jpeg 287w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-574x800.jpeg 574w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-768x1071.jpeg 768w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-1102x1536.jpeg 1102w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-1469x2048.jpeg 1469w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/mint-cocoa-scaled-1-600x837.jpeg 600w" sizes="(max-width: 1836px) 100vw, 1836px"> <div class="overlay" style="background-color:1"></div> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h4>M Coffee House</h4>
<p>Exclusive formula</p>
</div>
</div>
</div>
</div>
</div>
<div id="col-36260490" class="col medium-3 small-6 large-3">
<div class="col-inner">
<div class="box has-hover has-hover box-overlay dark box-text-bottom">
<div class="box-image">
<div class="image-cover" style="padding-top:125%;">
<img loading="lazy" decoding="async" width="960" height="1280" src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg" class="attachment-original size-original" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8.jpg 960w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8-300x400.jpg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8-600x800.jpg 600w, https://mcoffeehouse.ca/wp-content/uploads/2023/08/z4642208928993_537afdc02228b65e2bda0e71c6f450c8-768x1024.jpg 768w" sizes="(max-width: 960px) 100vw, 960px"> <div class="overlay" style="background-color:1"></div> </div>
</div>
<div class="box-text text-center">
<div class="box-text-inner">
<h4>M Coffee House</h4>
<p>quality assurance</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row row-solid row-icon" id="row-1792927291">
<div id="col-1307046250" class="col medium-3 small-12 large-3">
<div class="col-inner">
<div class="icon-box featured-box icon-box-left text-left is-xlarge">
<div class="icon-box-img" style="width: 70px">
<div class="icon">
<div class="icon-inner">
<img loading="lazy" decoding="async" width="64" height="64" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/thong_ke1.webp" class="attachment-medium size-medium" alt=""> </div>
</div>
</div>
<div class="icon-box-text last-reset">
<p class="p-so"><span class="count-up">8</span>+</p>
<p>Store</p>
</div>
</div>
</div>
</div>
<div id="col-1574015261" class="col medium-3 small-12 large-3">
<div class="col-inner">
<div class="icon-box featured-box icon-box-left text-left is-xlarge">
<div class="icon-box-img" style="width: 70px">
<div class="icon">
<div class="icon-inner">
<img loading="lazy" decoding="async" width="64" height="64" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/thong_ke2.webp" class="attachment-medium size-medium" alt=""> </div>
</div>
</div>
<div class="icon-box-text last-reset">
<p class="p-so"><span class="count-up">200</span>+</p>
<p>Staff</p>
</div>
</div>
</div>
</div>
<div id="col-376088454" class="col medium-3 small-12 large-3">
<div class="col-inner">
<div class="icon-box featured-box icon-box-left text-left is-xlarge">
<div class="icon-box-img" style="width: 70px">
<div class="icon">
<div class="icon-inner">
<img loading="lazy" decoding="async" width="64" height="64" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/thong_ke3.webp" class="attachment-medium size-medium" alt=""> </div>
</div>
</div>
<div class="icon-box-text last-reset">
<p class="p-so"><span class="count-up">5000</span>+</p>
<p>Customer</p>
</div>
</div>
</div>
</div>
<div id="col-184286441" class="col medium-3 small-12 large-3">
<div class="col-inner">
<div class="icon-box featured-box icon-box-left text-left is-xlarge">
<div class="icon-box-img" style="width: 70px">
<div class="icon">
<div class="icon-inner">
<img loading="lazy" decoding="async" width="64" height="64" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/thong_ke4.webp" class="attachment-medium size-medium" alt=""> </div>
</div>
</div>
<div class="icon-box-text last-reset">
<p class="p-so"><span class="count-up">50</span>+</p>
<p>Dish</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<style>
#section_1009522121 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(115, 38, 153);
}
#section_1009522121 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_1009522121 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-tin-tuc dark" id="section_729047800">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-671809884">
<div id="col-947014318" class="col small-12 large-12">
<div class="col-inner">
<div class="title-index">
<h2><a title="Tin tức" href="tin-tuc">News</a></h2>
</div>
<div class="row div-tin-tuc large-columns-3 medium-columns- small-columns-1">
<div class="col post-item">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/tell-you-how-to-make-delicious-and-flavorful-fish-soup/" class="plain">
<div class="box box-normal box-text-bottom box-blog-post has-hover">
<div class="box-text text-left">
<div class="box-text-inner blog-post-inner">
<h5 class="post-title is-large ">Tell you how to make delicious and flavorful fish soup</h5>
<div class="post-meta is-small op-8">26 August, 2023</div> <div class="is-divider"></div>
<p class="from_the_blog_excerpt ">Fish soup cooked in batches is a familiar and popular dish in every Vietnamese family’s... </p>
<button href="https://mcoffeehouse.ca/tell-you-how-to-make-delicious-and-flavorful-fish-soup/" class="button is-link is-small mb-0">
See more </button>
</div>
</div>
</div>
</a>
</div>
</div><div class="col post-item">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/revealing-the-golden-key-to-setting-up-delicious-recipes/" class="plain">
<div class="box box-normal box-text-bottom box-blog-post has-hover">
<div class="box-image">
<div class="image-cover" style="padding-top:56.25%;">
<img loading="lazy" decoding="async" width="1600" height="1066" src="https://mcoffeehouse.ca/wp-content/uploads/2018/03/haisan.jpg" class="attachment-original size-original wp-post-image" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2018/03/haisan.jpg 1600w, https://mcoffeehouse.ca/wp-content/uploads/2018/03/haisan-600x400.jpg 600w, https://mcoffeehouse.ca/wp-content/uploads/2018/03/haisan-768x512.jpg 768w, https://mcoffeehouse.ca/wp-content/uploads/2018/03/haisan-1201x800.jpg 1201w" sizes="(max-width: 1600px) 100vw, 1600px"> </div>
</div>
<div class="box-text text-left">
<div class="box-text-inner blog-post-inner">
<h5 class="post-title is-large ">Revealing the golden key to setting up delicious recipes</h5>
<div class="post-meta is-small op-8">26 August, 2023</div> <div class="is-divider"></div>
<p class="from_the_blog_excerpt ">Fresh food – the key step to perfecting delicious recipes A delicious recipe not only... </p>
<button href="https://mcoffeehouse.ca/revealing-the-golden-key-to-setting-up-delicious-recipes/" class="button is-link is-small mb-0">
See more </button>
</div>
</div>
</div>
</a>
</div>
</div><div class="col post-item">
<div class="col-inner">
<a href="https://mcoffeehouse.ca/1001-delicious-dishes-every-day-solve-the-problem-what-to-eat-today/" class="plain">
<div class="box box-normal box-text-bottom box-blog-post has-hover">
<div class="box-image">
<div class="image-cover" style="padding-top:56.25%;">
<img loading="lazy" decoding="async" width="710" height="460" src="https://mcoffeehouse.ca/wp-content/uploads/2018/03/baba.jpg" class="attachment-original size-original wp-post-image" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2018/03/baba.jpg 710w, https://mcoffeehouse.ca/wp-content/uploads/2018/03/baba-600x389.jpg 600w, https://mcoffeehouse.ca/wp-content/uploads/2018/03/baba-617x400.jpg 617w" sizes="(max-width: 710px) 100vw, 710px"> </div>
</div>
<div class="box-text text-left">
<div class="box-text-inner blog-post-inner">
<h5 class="post-title is-large ">1001 delicious dishes every day – Solve the problem “What to eat today?”</h5>
<div class="post-meta is-small op-8">26 August, 2023</div> <div class="is-divider"></div>
<p class="from_the_blog_excerpt ">Breakfast is one of the most important meals of the day, helping to provide energy... </p>
<button href="https://mcoffeehouse.ca/1001-delicious-dishes-every-day-solve-the-problem-what-to-eat-today/" class="button is-link is-small mb-0">
See more </button>
</div>
</div>
</div>
</a>
</div>
</div></div>
</div>
</div>
</div>
</div>
<style>
#section_729047800 {
padding-top: 30px;
padding-bottom: 30px;
background-color: rgb(115, 38, 153);
}
#section_729047800 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_729047800 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
<section class="section section-testimonial dark" id="section_785287763">
<div class="bg section-bg fill bg-fill ">
</div>
<div class="section-content relative">
<div class="row" id="row-785056047">
<div id="col-1075998500" class="col medium-6 small-12 large-6">
<div class="col-inner">
<div class="slider-wrapper relative" id="slider-1009473906">
<div class="slider slider-nav-circle slider-nav-large slider-nav-light slider-style-normal" data-flickity-options="{
"cellAlign": "center",
"imagesLoaded": true,
"lazyLoad": 1,
"freeScroll": false,
"wrapAround": true,
"autoPlay": 4000,
"pauseAutoPlayOnHover" : true,
"prevNextButtons": false,
"contain" : true,
"adaptiveHeight" : true,
"dragThreshold" : 10,
"percentPosition": true,
"pageDots": true,
"rightToLeft": false,
"draggable": true,
"selectedAttraction": 0.1,
"parallax" : 0,
"friction": 0.6 }">
<div class="row" id="row-1264112902">
<div id="col-458084844" class="col small-12 large-12">
<div class="col-inner">
<div class="icon-box testimonial-box icon-box-left text-left">
<div class="icon-box-img testimonial-image circle" style="width: 80px">
<img loading="lazy" decoding="async" width="280" height="280" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-300x300.jpg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-100x100.jpg 100w" sizes="(max-width: 280px) 100vw, 280px"> </div>
<div class="icon-box-text p-last-0">
<div class="star-rating"><span style="width:100%"><strong class="rating"></strong></span></div> <div class="testimonial-text line-height-small italic test_text first-reset last-reset is-italic">
<p>The food here is mostly very delicious, perfect for me, I will always support Dola Restaurant</p>
</div>
<div class="testimonial-meta pt-half">
<strong class="testimonial-name test_name">Mis Sara</strong>
<span class="testimonial-name-divider"> / </span> <span class="testimonial-company test_company">customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="row-1909200563">
<div id="col-567271800" class="col small-12 large-12">
<div class="col-inner">
<div class="icon-box testimonial-box icon-box-left text-left">
<div class="icon-box-img testimonial-image circle" style="width: 80px">
<img loading="lazy" decoding="async" width="280" height="280" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-300x300.jpg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-100x100.jpg 100w" sizes="(max-width: 280px) 100vw, 280px"> </div>
<div class="icon-box-text p-last-0">
<div class="star-rating"><span style="width:100%"><strong class="rating"></strong></span></div> <div class="testimonial-text line-height-small italic test_text first-reset last-reset is-italic">
<p>The food here is mostly very delicious, perfect for me, I will always support Dola Restaurant</p>
</div>
<div class="testimonial-meta pt-half">
<strong class="testimonial-name test_name">Mis Sara</strong>
<span class="testimonial-name-divider"> / </span> <span class="testimonial-company test_company">customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row" id="row-1411829138">
<div id="col-2004026814" class="col small-12 large-12">
<div class="col-inner">
<div class="icon-box testimonial-box icon-box-left text-left">
<div class="icon-box-img testimonial-image circle" style="width: 80px">
<img loading="lazy" decoding="async" width="280" height="280" src="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg" class="attachment-thumbnail size-thumbnail" alt="" srcset="https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-280x280.jpg 280w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-300x300.jpg 300w, https://mcoffeehouse.ca/wp-content/uploads/2023/02/20180420122051-100x100.jpg 100w" sizes="(max-width: 280px) 100vw, 280px"> </div>
<div class="icon-box-text p-last-0">
<div class="star-rating"><span style="width:100%"><strong class="rating"></strong></span></div> <div class="testimonial-text line-height-small italic test_text first-reset last-reset is-italic">
<p>The food here is mostly very delicious, perfect for me, I will always support Dola Restaurant</p>
</div>
<div class="testimonial-meta pt-half">
<strong class="testimonial-name test_name">Mis Sara</strong>
<span class="testimonial-name-divider"> / </span> <span class="testimonial-company test_company">customer</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="loading-spin dark large centered" style="display: none;"></div>
</div>
</div>
</div>
</div>
</div>
<style>
#section_785287763 {
padding-top: 73px;
padding-bottom: 73px;
}
#section_785287763 .section-bg.bg-loaded {
background-image: url(https://mcoffeehouse.ca/wp-content/uploads/2023/02/background_danhgia-1.webp);
}
#section_785287763 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_785287763 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
</section>
</div>
</main>
<footer id="footer" class="footer-wrapper">
<section class="section dark" id="section_1580088076">
<div class="bg section-bg fill bg-fill bg-loaded">
</div>
<div class="section-content relative">
<div class="row" id="row-351040806">
<div id="col-860341245" class="col medium-5 small-12 large-5">
<div class="col-inner">
<div class="icon-box featured-box icon-box-top text-left">
<div class="icon-box-img" style="width: 144px">
<div class="icon">
<div class="icon-inner">
<img width="432" height="246" src="https://mcoffeehouse.ca/wp-content/uploads/2023/09/logo.png" class="attachment-medium size-medium" alt="" decoding="async" loading="lazy"> </div>
</div>
</div>
<div class="icon-box-text last-reset">
<div class="ft-description">Our restaurant always puts customers first, dedicated to serving, giving customers the best experience. Dishes with exclusive recipes will bring new flavors to diners. M Coffee House sincerely thanks.</div>
<div class="group-address">
<ul>
<li><b>Address: </b>123 Smith St East Yorkton, SK S3N 0H8</li>
<li><b>Hotline: </b>(+1) 306-7831-797</li>
<li><b>Email: </b><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="col-2073094886" class="col div-no-padding medium-2 small-12 large-2">
<div class="col-inner">
<h3>INSTRUCT</h3>
<ul class="sidebar-wrapper ul-reset"><div id="nav_menu-2" class="col pb-0 widget widget_nav_menu"><div class="menu-menu-footer-1-container"><ul id="menu-menu-footer-1" class="menu"><li id="menu-item-363" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-363"><a href="#">Shopping guide</a></li>
<li id="menu-item-364" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-364"><a href="#">Payment Guide</a></li>
<li id="menu-item-365" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-365"><a href="#">Sales policy</a></li>
<li id="menu-item-366" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-366"><a href="#">Customer support</a></li>
</ul></div></div></ul>
</div>
</div>
<div id="col-137097357" class="col div-no-padding medium-2 small-12 large-2">
<div class="col-inner">
<h3>POLICY ONLY</h3>
<ul class="sidebar-wrapper ul-reset"><div id="nav_menu-3" class="col pb-0 widget widget_nav_menu"><div class="menu-menu-footer-2-container"><ul id="menu-menu-footer-2" class="menu"><li id="menu-item-369" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-41 current_page_item menu-item-369"><a href="https://mcoffeehouse.ca/" aria-current="page">Home page</a></li>
<li id="menu-item-367" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-367"><a href="https://mcoffeehouse.ca/about-us/">About Us</a></li>
<li id="menu-item-370" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-370"><a href="https://mcoffeehouse.ca/shop-page/">Shop Page</a></li>
<li id="menu-item-368" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-368"><a href="https://mcoffeehouse.ca/contact/">contact</a></li>
</ul></div></div></ul>
</div>
</div>
<div id="col-1153676809" class="col medium-3 small-12 large-3">
<div class="col-inner">
<h3>FANPAGE FACEBOOK</h3>
<div id="fb-root"></div>
<p><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D61550507489035%26mibextid%3DLQQJ4d&tabs=timeline&width=350&height=300&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId=539716774904819" width="350" height="300" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></p>
</div>
</div>
</div>
</div>
</section></footer></div>
<style>
#section_1580088076 {
padding-top: 30px;
padding-bottom: 30px;
background-color: #9932cc;
}
#section_1580088076 .ux-shape-divider--top svg {
height: 150px;
--divider-top-width: 100%;
}
#section_1580088076 .ux-shape-divider--bottom svg {
height: 150px;
--divider-width: 100%;
}
</style>
<div class="absolute-footer dark medium-text-center text-center">
<div class="container clearfix">
<div class="footer-primary pull-left">
<div class="copyright-footer">
Copyright 2024 © <strong>www.mcoffeehouse.ca</strong><br>Thiết kế bởi <a href="https://khaweb.vn/">khaweb.vn</a> </div>
</div>
</div>
</div>
<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link" aria-label="Go to top"><i class="icon-angle-up"></i></a>
<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">
<div class="sidebar-menu no-scrollbar ">
<ul class="nav nav-sidebar nav-vertical nav-uppercase" data-tab="1">
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-41 current_page_item menu-item-50"><a href="https://mcoffeehouse.ca/" aria-current="page">Home page</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-138"><a href="https://mcoffeehouse.ca/about-us/">About Us</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-53 has-child" aria-expanded="false"><a href="https://mcoffeehouse.ca/shop-page/">Shop Page</a>
<button class="toggle" aria-label="Toggle"><i class="icon-angle-down"></i></button><ul class="sub-menu nav-sidebar-ul children">
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-398"><a href="https://mcoffeehouse.ca/cold-beverage/">Cold beverage</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-399"><a href="https://mcoffeehouse.ca/brewed-coffee-tea/">Brewed coffee & Tea</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-400"><a href="https://mcoffeehouse.ca/frappuccino/">Frappuccino</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-401"><a href="https://mcoffeehouse.ca/iced-coffee-tea/">Iced coffee & Tea</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-402"><a href="https://mcoffeehouse.ca/espresso/">Espresso</a></li>
</ul>
</li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-397"><a href="https://mcoffeehouse.ca/food-corner-health/">Food corner – health</a></li>
<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-381"><a href="https://mcoffeehouse.ca/blog/">Blog</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-136"><a href="https://mcoffeehouse.ca/contact/">contact</a></li>
<li class="html header-social-icons ml-0">
<div class="social-icons follow-icons"><a href="http://url" target="_blank" data-label="Facebook" rel="noopener noreferrer nofollow" class="icon plain facebook tooltip" title="Follow on Facebook" aria-label="Follow on Facebook"><i class="icon-facebook"></i></a><a href="http://url" target="_blank" rel="noopener noreferrer nofollow" data-label="Instagram" class="icon plain instagram tooltip" title="Follow on Instagram" aria-label="Follow on Instagram"><i class="icon-instagram"></i></a><a href="http://url" target="_blank" data-label="Twitter" rel="noopener noreferrer nofollow" class="icon plain twitter tooltip" title="Follow on Twitter" aria-label="Follow on Twitter"><i class="icon-twitter"></i></a><a href="mailto:your@email" data-label="E-mail" rel="nofollow" class="icon plain email tooltip" title="Send us an email" aria-label="Send us an email"><i class="icon-envelop"></i></a></div></li> </ul>
</div>
</div>
<!-- if gom all in one show -->
<div id="button-contact-vr" class="">
<div id="gom-all-in-one"><!-- v3 -->
<!-- map -->
<div id="map-vr" class="button-contact">
<div class="phone-vr">
<div class="phone-vr-circle-fill"></div>
<div class="phone-vr-img-circle">
<a target="_blank" href="https://goo.gl/maps/Ro22Ehv8PVT2L9Yi6">
<img alt="google map" src="https://mcoffeehouse.ca/wp-content/plugins/button-contact-vr/img/showroom4.png">
</a>
</div>
</div>
</div>
<!-- end map -->
<!-- contact -->
<div id="contact-vr" class="button-contact">
<div class="phone-vr">
<div class="phone-vr-circle-fill"></div>
<div class="phone-vr-img-circle">
<a href="https://mcoffeehouse.ca/contact/">
<img alt="Liên hệ" src="https://mcoffeehouse.ca/wp-content/plugins/button-contact-vr/img/contact.png">
</a>
</div>
</div>
</div>
<!-- end contact -->
<!-- whatsapp -->
<div id="whatsapp-vr" class="button-contact">
<div class="phone-vr">
<div class="phone-vr-circle-fill"></div>
<div class="phone-vr-img-circle">
<a target="_blank" href=" https://wa.me/13067831797">
<img alt="Whatsapp" src="https://mcoffeehouse.ca/wp-content/plugins/button-contact-vr/img/whatsapp.png">
</a>
</div>
</div>
</div>
<!-- end whatsapp -->
<!-- Phone -->
<div id="phone-vr" class="button-contact">
<div class="phone-vr">
<div class="phone-vr-circle-fill"></div>
<div class="phone-vr-img-circle">
<a href="tel:13067831797">
<img alt="Phone" src="https://mcoffeehouse.ca/wp-content/plugins/button-contact-vr/img/phone.png">
</a>
</div>
</div>
</div>
<!-- end phone -->
</div><!-- end v3 class gom-all-in-one -->
</div>
<!-- popup form -->
<div id="popup-form-contact-vr">
<div class="bg-popup-vr"></div>
<div class="content-popup-vr" id="loco-" style=" ">
<div class="content-popup-div-vr">
</div>
<div class="close-popup-vr">x</div>
</div>
</div>
<!-- Add custom css and js -->
<style type="text/css">
</style>
<!-- end Add custom css and js -->
<!-- popup showroom -->
<div id="popup-showroom-vr">
<div class="bg-popup-vr"></div>
<div class="content-popup-vr" id="loco-" style=" ">
<div class="content-popup-div-vr">
</div>
<div class="close-popup-vr">x</div>
</div>
</div>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#all-in-one-vr').click(function(){
$('#button-contact-vr').toggleClass('active');
})
$('#contact-form-vr').click(function(){
$('#popup-form-contact-vr').addClass('active');
})
$('div#popup-form-contact-vr .bg-popup-vr,div#popup-form-contact-vr .content-popup-vr .close-popup-vr').click(function(){
$('#popup-form-contact-vr').removeClass('active');
})
$('#contact-showroom').click(function(){
$('#popup-showroom-vr').addClass('active');
})
$('div#popup-showroom-vr .bg-popup-vr,.content-popup-vr .close-popup-vr').click(function(){
$('#popup-showroom-vr').removeClass('active');
})
});
</script>
<!-- end popup form -->
<!-- Facebook Messenger -->
<!-- color phone -->
<style>
.phone-bar a,#phone-vr .phone-vr-circle-fill,#phone-vr .phone-vr-img-circle,#phone-vr .phone-bar a {
background-color: #dd3333;
}
#phone-vr .phone-vr-circle-fill {
opacity: 0.7;box-shadow: 0 0 0 0 #dd3333;
}
.phone-bar2 a,#phone-vr2 .phone-vr-circle-fill,#phone-vr2 .phone-vr-img-circle,#phone-vr2 .phone-bar a {
background-color: ;
}
#phone-vr2 .phone-vr-circle-fill {
opacity: 0.7;box-shadow: 0 0 0 0 ;
}
.phone-bar3 a,#phone-vr3 .phone-vr-circle-fill,#phone-vr3 .phone-vr-img-circle,#phone-vr3 .phone-bar a {
background-color: ;
}
#phone-vr3 .phone-vr-circle-fill {
opacity: 0.7;box-shadow: 0 0 0 0 ;
}
</style>
<!-- color phone -->
<style>
#contact-vr .phone-vr-circle-fill,#contact-vr .phone-vr-img-circle {
background-color: #23dbbc;
}
#contact-vr .phone-vr-circle-fill {
opacity: 0.7;box-shadow: 0 0 0 0 #23dbbc;
}
</style>
<style>
#map-vr .phone-vr-circle-fill,#map-vr .phone-vr-img-circle {
background-color: #dd9933;
}
#map-vr .phone-vr-circle-fill {
opacity: 0.7;box-shadow: 0 0 0 0 #dd9933;
}
</style>
<!-- location left right -->
<style>
#button-contact-vr {right:0;}
.phone-bar a {left: auto;right: 30px;padding: 8px 55px 7px 15px;}
#button-contact-vr.active #gom-all-in-one .button-contact {margin-left: 100%;}
</style>
<!-- location bottom -->
<style>
#button-contact-vr {bottom: 20%;}
</style>
<div class="call-now hide-for-small">
<a target="_blank" class="btn-call-now" href="https://mcoffeehouse.ca/contact/">
<img src="https://mcoffeehouse.ca/wp-content/uploads/2023/08/orderr.png">
</a>
</div> <div id="login-form-popup" class="lightbox-content mfp-hide">
<div class="woocommerce-notices-wrapper"></div>
<div class="account-container lightbox-inner">
<div class="col2-set row row-divided row-large" id="customer_login">
<div class="col-1 large-6 col pb-0">
<div class="account-login-inner">
<h3 class="uppercase">Login</h3>
<form class="woocommerce-form woocommerce-form-login login" method="post">
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<label for="username">Username or email address <span class="required">*</span></label>
<input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="username" id="username" autocomplete="username" value=""> </p>
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<label for="password">Password <span class="required">*</span></label>
<input class="woocommerce-Input woocommerce-Input--text input-text" type="password" name="password" id="password" autocomplete="current-password">
</p>
<p class="form-row">
<label class="woocommerce-form__label woocommerce-form__label-for-checkbox woocommerce-form-login__rememberme">
<input class="woocommerce-form__input woocommerce-form__input-checkbox" name="rememberme" type="checkbox" id="rememberme" value="forever"> <span>Remember me</span>
</label>
<input type="hidden" id="woocommerce-login-nonce" name="woocommerce-login-nonce" value="b163741e03"><input type="hidden" name="_wp_http_referer" value="/"> <button type="submit" class="woocommerce-button button woocommerce-form-login__submit" name="login" value="Log in">Log in</button>
</p>
<p class="woocommerce-LostPassword lost_password">
<a href="https://mcoffeehouse.ca/tai-khoan/lost-password/">Lost your password?</a>
</p>
</form>
</div>
</div>
<div class="col-2 large-6 col pb-0">
<div class="account-register-inner">
<h3 class="uppercase">Register</h3>
<form method="post" class="woocommerce-form woocommerce-form-register register">
<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
<label for="reg_email">Email address <span class="required">*</span></label>
<input type="email" class="woocommerce-Input woocommerce-Input--text input-text" name="email" id="reg_email" autocomplete="email" value=""> </p>
<p>A link to set a new password will be sent to your email address.</p>
<div class="woocommerce-privacy-policy-text"></div>
<p class="woocommerce-form-row form-row">
<input type="hidden" id="woocommerce-register-nonce" name="woocommerce-register-nonce" value="a023b10c2f"><input type="hidden" name="_wp_http_referer" value="/"> <button type="submit" class="woocommerce-Button woocommerce-button button woocommerce-form-register__submit" name="register" value="Register">Register</button>
</p>
</form>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
(function () {
var c = document.body.className;
c = c.replace(/woocommerce-no-js/, 'woocommerce-js');
document.body.className = c;
})();
</script>
<style id="global-styles-inline-css" type="text/css">
body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
</style>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.7.4" id="swv-js"></script>
<script type="text/javascript" id="contact-form-7-js-extra">
/* <![CDATA[ */
var wpcf7 = {"api":{"root":"https:\/\/mcoffeehouse.ca\/wp-json\/","namespace":"contact-form-7\/v1"}};
/* ]]> */
</script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.7.4" id="contact-form-7-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/jquery.datetimepicker.full.min.js?ver=6.5.5" id="walcf7-datepicker-js-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/date-time-picker-for-contact-form-7/assets/js/datetimepicker.js?ver=1.0.0" id="walcf7-datepicker-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/woocommerce/assets/js/jquery-blockui/jquery.blockUI.min.js?ver=2.7.0-wc.6.3.1" id="jquery-blockui-js"></script>
<script type="text/javascript" id="wc-add-to-cart-js-extra">
/* <![CDATA[ */
var wc_add_to_cart_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","i18n_view_cart":"View cart","cart_url":"https:\/\/mcoffeehouse.ca\/cart-page\/","is_cart":"","cart_redirect_after_add":"no"};
/* ]]> */
</script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/woocommerce/assets/js/frontend/add-to-cart.min.js?ver=6.3.1" id="wc-add-to-cart-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/woocommerce/assets/js/js-cookie/js.cookie.min.js?ver=2.1.4-wc.6.3.1" id="js-cookie-js"></script>
<script type="text/javascript" id="woocommerce-js-extra">
/* <![CDATA[ */
var woocommerce_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%"};
/* ]]> */
</script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/woocommerce/assets/js/frontend/woocommerce.min.js?ver=6.3.1" id="woocommerce-js"></script>
<script type="text/javascript" id="wc-cart-fragments-js-extra">
/* <![CDATA[ */
var wc_cart_fragments_params = {"ajax_url":"\/wp-admin\/admin-ajax.php","wc_ajax_url":"\/?wc-ajax=%%endpoint%%","cart_hash_key":"wc_cart_hash_cc8b0135c7e4f9c31bab3ce41be15940","fragment_name":"wc_fragments_cc8b0135c7e4f9c31bab3ce41be15940","request_timeout":"5000"};
/* ]]> */
</script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js?ver=6.3.1" id="wc-cart-fragments-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.15.5" id="flatsome-live-search-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/dist/vendor/wp-polyfill-inert.min.js?ver=3.1.2" id="wp-polyfill-inert-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/dist/vendor/regenerator-runtime.min.js?ver=0.14.0" id="regenerator-runtime-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="flatsome-js-js-extra">
/* <![CDATA[ */
var flatsomeVars = {"theme":{"version":"3.15.5"},"ajaxurl":"https:\/\/mcoffeehouse.ca\/wp-admin\/admin-ajax.php","rtl":"","sticky_height":"70","assets_url":"https:\/\/mcoffeehouse.ca\/wp-content\/themes\/flatsome\/assets\/js\/","lightbox":{"close_markup":"<button title=\"%title%\" type=\"button\" class=\"mfp-close\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"><\/line><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"><\/line><\/svg><\/button>","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0"},"is_mini_cart_reveal":"1"};
/* ]]> */
</script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/flatsome.js?ver=8d32fe071187c00e5c8eae51dcdefdd9" id="flatsome-js-js"></script>
<script type="text/javascript" src="https://mcoffeehouse.ca/wp-content/themes/flatsome/assets/js/woocommerce.js?ver=7a63f7aa2c4bbf851812535d8e4e7958" id="flatsome-theme-woocommerce-js-js"></script>
<!--[if IE]>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/[email protected]/dist/IntersectionObserver.js?ver=0.1.0" id="intersection-observer-polyfill-js"></script>
<![endif]-->
</body></html>