- ID de l'analyse :
- 78bbcd3b-77c9-4444-b661-793abb0a4397Terminée
- URL soumise :
- https://mcoffeehouse.ca/
- Fin du rapport :
Liens : 4 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
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 |
Variables JavaScript : 28 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
_wpemojiSettings | object |
$ | undefined |
jQuery | function |
FB | object |
swv | object |
wpcf7 | object |
Messages de journal de console : 3 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
log | other |
|
warning | other |
|
warning | other |
|
HTML
Le corps HTML de la page en données brutes
<!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>