CINXE.COM

Brokenrice | GuidedBy

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <title>Brokenrice | GuidedBy</title> <meta name="description" content="Celebrating all that Vietnamese cuisine has to offer. Fresh, vibrant ingredients and unique flavours in classic dishes such as their rolls, vermicelli bowls and pho. A modern approach with particular attention to local, sustainable ingredients. Located in the heart of Burnaby Heights, stop by for lunch and dinner!"> <link rel="icon" href="/assets/favicons/guidedby-icon.svg" type="image/svg+xml"> <link rel="mask-icon" href="/assets/favicons/guidedby-icon.svg" color="#ffffff"> <meta name="theme-color" content="#222222"> <link rel="apple-touch-icon" type="image/svg" href="/assets/favicons/guidedby-icon.svg"> <link rel="icon" type="image/svg" sizes="192x192" href="/assets/favicons/guidedby-icon.svg"> <link rel="manifest" href="/site.webmanifest"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lato:wght@100;400;700&family=Roboto:wght@100;400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/css/tailwind.css?id=e9129aff69c81730b97198d08e674ea7"> <link rel="stylesheet" href="/vendor/leaflet/leaflet.css"> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WRX3NTS');</script> <!-- End Google Tag Manager --> <!-- StackAdapt Retargeting Pixel --> <script>!function(s,a,e,v,n,t,z){if(s.saq)return;n=s.saq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!s._saq)s._saq=n;n.push=n;n.loaded=!0;n.version='1.0';n.queue=[];t=a.createElement(e);t.async=!0;t.src=v;z=a.getElementsByTagName(e)[0];z.parentNode.insertBefore(t,z)}(window,document,'script','https://tags.srv.stackadapt.com/events.js');saq('ts', 'ZP9avK-bhZxlYLtmu5r12A');</script> <!-- End StackAdapt Retargeting Pixel --> <!-- Meta Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '235958014413670'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=235958014413670&ev=PageView&noscript=1" /></noscript> <!-- End Meta Pixel Code --> <!-- Simplifi Universal Pixel --> <script async src='https://tag.simpli.fi/sifitag/6ecddbf3-af59-46af-bc51-7fc50e274b2e'></script> <!-- End Simplifi Universal Pixel --> <script> (function() { var currentUrl = window.location.href; var targetUrl = "https://www.debmowbray.com/index.php?utm_source=glaciermediadigital&utm_medium=profile&utm_campaign=guidedby"; var homepageUrl = "https://www.debmowbray.com/index.php"; if (currentUrl === targetUrl) { window.location.href = homepageUrl; } })(); </script> <link rel="stylesheet" href="/vendor/socialize/css/buttons.css"> <style >[wire\:loading], [wire\:loading\.delay], [wire\:loading\.inline-block], [wire\:loading\.inline], [wire\:loading\.block], [wire\:loading\.flex], [wire\:loading\.table], [wire\:loading\.grid], [wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short], [wire\:loading\.delay\.long], [wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest] {display:none;}[wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}input:-webkit-autofill, select:-webkit-autofill, textarea:-webkit-autofill {animation-duration: 50000s;animation-name: livewireautofill;}@keyframes livewireautofill { from {} }</style> </head> <body class="selection:bg-primary bg-neutral"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WRX3NTS" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <header class="fixed top-0 left-0 right-0 bg-white sticky" style="z-index: 500" x-data="{ mainNavOpen : false }"> <div id="main_nav_wrapper" class="flex items-center max-w-none px-2 py-3 lg:py-0"> <a class="motion-safe:transition-transform" title="GuidedBy Homepage" aria-label="GuidedBy Hompage Link" href="/" > <img src="/brand_assets/global/guidedby_logo.svg" width="115" alt="GuidedBy Logo" title="GuidedBy Logo"/> </a> <button @click.prevent="mainNavOpen = !mainNavOpen" class="ml-auto hamburger-button relative z-20 inline-block lg:!hidden lg:pointer-events-none w-[32px] h-[32px]" :aria-label="mainNavOpen ? 'Close sub navigation' : 'Open sub navigation'" :aria-expanded="mainNavOpen" > <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[4px] left-1/2 -translate-x-1/2 transition-all duration-400 hamburger_line" :class="{ 'rotate-45 !top-1/2 -translate-y-1/2 bg-white' : mainNavOpen, 'rotate-0' : !mainNavOpen }"></span> <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[14px] left-1/2 -translate-x-1/2 transition-all duration-300 hamburger_line" :class="{ 'opacity-0 bg-white' : mainNavOpen }"></span> <span class="absolute bg-primary w-full h-[3px] rounded-sm top-[24px] left-1/2 -translate-x-1/2 transition-all duration-400 hamburger_line" :class="{ '-rotate-45 !top-1/2 -translate-y-1/2 bg-white' : mainNavOpen, 'rotate-0' : !mainNavOpen }"></span> </button> <nav class="bg-primary fixed inset-0 flex-1 text-base flex flex-col justify-start items-center lg:relative lg:bg-transparent lg:!flex lg:flex-row lg:ml-2" aria-label="Main navigation" x-show="mainNavOpen" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0"> <ul class="flex flex-auto items-center justify-center m-0 list-none flex-col lg:flex-row"> <li class="my-2 lg:!hidden"><a class="motion-safe:transition-transform" title="GuidedBy Homepage" aria-label="GuidedBy Hompage Link" href="/" > <img src="/brand_assets/global/guidedby-logo-wht.svg" width="200" alt="GuidedBy Logo" title="GuidedBy Logo"/> </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/topics" > Topics </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/locations" > Locations </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/spotlights" > Spotlights </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:mx-4"> <a class="flex items-center capitalize tracking-wide text-white lg:text-neutral-medium border-none py-5 lg:py-4 " href="/stories" > Stories </a> </li> <li class="relative leading-none lg:my-0 mx-2 lg:ml-auto"> <a class="flex items-center capitalize tracking-wide text-white text-white border-none py-5 lg:py-2 px-2 bg-primary rounded !border-t-0 " href="/applynow" > Business Owner </a> </li> <li class="lg:!hidden my-4"> <div class="flex items-center space-x-4"> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://www.facebook.com/GuidedBy/" rel="noopener" aria-label="GuidedBy on Facebook" title="GuidedBy on Facebook" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://www.instagram.com/guidedby.ca/" rel="noopener" aria-label="GuidedBy on Instagram" title="GuidedBy on Instagram" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> <a class="w-12 h-12 inline-flex justify-center items-center bg-white" href="https://twitter.com/glacier_digital" rel="noopener" aria-label="GuidedBy on Twitter" title="GuidedBy on Twitter" target="_blank"> <svg class="w-8 h-8 overflow-visible text-primary transition-all fill-current" aria-hidden="true" id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000.78 936.69"> <defs> <style> .cls-1 { stroke-width: 0px; } </style> </defs> <g id="svg5"> <g id="layer1"> <path id="path1009" class="cls-1" d="m2.44,0l386.39,516.64L0,936.69h87.51l340.42-367.76,275.05,367.76h297.8l-408.13-545.7L954.57,0h-87.51l-313.51,338.7L300.24,0H2.44Zm128.69,64.46h136.81l604.13,807.76h-136.81L131.13,64.46Z"></path> </g> </g> </svg> </a> </div> </li> </ul> </nav> </div> </header> <main class=""> <article class="fluid-container outer-grid"> <div class="grid gap-10 md:grid-cols-12"> <section class="col-span-12 md:col-span-8 lg:col-span-7"> <a href="/businesses" class="cursor-pointer flex items-center mb-4"> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class=" text-2xl text-primary transition duration-500 ease-in-out " height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"> <path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z"></path> </svg> <p class="px-3 py-1 mb-0 text-primary bg-transparent text-md font-bold ">Back</p> </a> <div class="relative"> <figure class="size-md w-full h-80"> <picture> <source srcset=" /img/asset/d3BfdXBsb2Fkcy9CQlktSGVyby1Ccm9rZW5SaWNlLnBuZw==?p=md 768w, /img/asset/d3BfdXBsb2Fkcy9CQlktSGVyby1Ccm9rZW5SaWNlLnBuZw==?p=lg 1280w, /img/asset/d3BfdXBsb2Fkcy9CQlktSGVyby1Ccm9rZW5SaWNlLnBuZw==?p=full 1680w" sizes="min-width: 1024px) 600px, (min-width: 768px) 55vw, 90vw" type="image/png" > <img class="object-cover w-full h-full w-full" style="object-position: 50% 50%" src="/img/asset/d3BfdXBsb2Fkcy9CQlktSGVyby1Ccm9rZW5SaWNlLnBuZw==?p=sm" alt="Brokenrice" width="1440" height="426" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> <a href="/topics/vietnamese-food-drink">Vietnamese</a> </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"><a href="/locations/burnaby">Burnaby</a></span> </div> </div> <div class="flex"> <div data-lat="49.2807726" data-lng="-123.0147403" id="business-map" class="flex w-[65%]"></div> <div class="w-[35%]"> <figure class="size-sm w-full h-56 relative overflow-hidden"> <picture> <source srcset=" /img/asset/d3BfdXBsb2Fkcy9CQlktTG9nby1Ccm9rZW5SaWNlQDJ4LTEucG5n?p=md 768w, /img/asset/d3BfdXBsb2Fkcy9CQlktTG9nby1Ccm9rZW5SaWNlQDJ4LTEucG5n?p=lg 1280w, /img/asset/d3BfdXBsb2Fkcy9CQlktTG9nby1Ccm9rZW5SaWNlQDJ4LTEucG5n?p=full 1680w" sizes="(min-width: 1024px) 480px, (min-width: 768px) 33vw, 90vw" type="image/png" > <img class="w-full object-center object-contain absolute inset-0" src="/img/asset/d3BfdXBsb2Fkcy9CQlktTG9nby1Ccm9rZW5SaWNlQDJ4LTEucG5n?p=sm" alt="Brokenrice" width="217" height="204" loading="lazy" > </picture> </figure> </div> </div> <h1 class="h3 mt-8 mb-4 text-3xl text-secondary">Brokenrice</h1> <h2 class="text-5xl text-primary">Savour the flavours of Vietnam</h2> Celebrating all that Vietnamese cuisine has to offer. Fresh, vibrant ingredients and unique flavours in classic dishes such as their rolls, vermicelli bowls and pho. A modern approach with particular attention to local, sustainable ingredients. Located in the heart of Burnaby Heights, stop by for lunch and dinner! <p class="text-primary font-bold mt-4">Links</p> <div class="gap gap-4 flex mb-4 flex-wrap items-center"> <a class="button button--primary button--small my-2" href="https://www.brokenrice.ca/?utm_source=glaciermedia&utm_medium=landingpage&utm_campaign=bby-international-dining-brokenrice?utm_source=glaciermediadigital&utm_medium=profile&utm_campaign=guidedby" target="_blank">Website</a> <a class="w-9 h-9 bg-secondary inline-flex items-center justify-center" aria-label="facebook link" href="https://www.facebook.com/brokenriceca/" target="_blank"> <svg class="w-6 h-6 overflow-visible text-white transition-all fill-current" aria-hidden="true" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg></a> </div> <p class="font-bold text-primary mb-0">Address</p> <p> <a class="underline" href="https://www.google.com/maps/place/Brokenrice+Vietnamese+Restaurant/@49.2807726,-123.016929,17z/data=!4m13!1m7!3m6!1s0x548670cf23d194db:0x441158b01ba0d74e!2s4088+Hastings+St,+Burnaby,+BC+V5C+2H9!3b1!8m2!3d49.2807726!4d-123.0147403!3m4!1s0x548670cf23a19c2b:0xcd9bae5f68e59356!8m2!3d49.280954!4d-123.014704" target="_blank"> 4088 Hastings St <br> </a> Burnaby <br> V5C 2H9 </p> <p class="font-bold text-primary mb-0">Phone</p> <p><a class="underline" href="tel:+1604.558.3838">604.558.3838</a></p> <div class="share"> <button id="share_button" class="my-2 text-primary text-base flex flex-wrap justify-between items-center rounded px-2 py-1 border-2 border-primary cursor-pointer bg-white hover:bg-gray-100 hover:border-gray-100 transition-all duration-400 ease-in-out "> <span>Share</span> <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" class="mx-2 text-primary" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"></path></svg> </button> <div id="share_button__socials" class="text-right flex justify-end hidden"> <div class="socialize"> <div class="socialize-container layout-inline space-x-2"> <a class="socialize-btn text-white bg-social-twitter" href="https://twitter.com/intent/tweet/?url=https%3A%2F%2Fwww.guidedby.ca%2Fbusinesses%2Fbrokenrice&amp;text=&amp;hashtags=&amp;related=" target="_blank"> <span class="transition-all hidden group-hover:inline-block duration-300">Twitter</span> <svg xmlns="http://www.w3.org/2000/svg" class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-twitter"><path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z"></path></svg> </a> <a class="socialize-btn text-white bg-social-facebook" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.guidedby.ca%2Fbusinesses%2Fbrokenrice" target="_blank"> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-facebook"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg> </a> <a class="socialize-btn text-white bg-gray-900" href="mailto:?&subject=Check+this+article+out%21&body=Here%27s+an+article+I+thought+you+would+be+interested+in%3A" target="_blank"> <svg class="w-5 h-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-mail"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg> </a> </div> </div> </div> </div> <hr class="my-4 border-t-2 border-primary"> </section> <section class="col-span-12 md:col-span-4 md:col-start-9 text-primary"> <div class="mb-10"> <h2 class="mb-0">Guided By</h2> <div> <a href="/publications/burnaby-now" class="py-5 inline-block"> <img src="/wp_uploads/PublicationLogos-BurnabyNow-Logo.svg" alt="Burnaby Now"> </a> </div> </a> </div> <div class="mb-10"> <h2 class="mb-0">Location</h2> <ul class="list-none ml-0"> <li><a href="/locations/burnaby">Burnaby</a></li> </ul> </div> <div class="mb-10"> <h2 class="mb-0">Topics</h2> <ul class="list-none ml-0"> <li><a href="/topics/food-drink">Food &amp; Drink</a></li> <li><a href="/topics/vietnamese-food-drink">Vietnamese</a></li> </ul> </div> </section> <section class="col-span-12"> <h2>Related Stories</h2> <ul class="card-grid"> <li class=""><a href="/stories/healthy-meal-prep-ideas"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy80LWZlYXR1cmUtSGVhbHRoeS1NZWFsLVByZXAtSWRlYXMtLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Beauty &amp; Wellness </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Healthy Meal Prep Ideas</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Salad Plate Healthy meal prep saves time and money and lets you fully enjoy cooking without feeling guilty about eating out....</p> </div> </div> </a> </li> <li class=""><a href="/stories/amazing-and-easy-cocktail-recipes-for-spring-summer"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy83LWZlYXR1cmUtNS1BbWF6aW5nLWFuZC1FYXN5LUNvY2t0YWlsLVJlY2lwZXMuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Amazing and Easy Cocktail Recipes for Spring/Summer</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">As the weather starts to warm up, it's time to start thinking about delicious cocktails that will help you celebrate the...</p> </div> </div> </a> </li> <li class=""><a href="/stories/dishes-to-make-with-summer-peaches"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9KdW5lQmxvZy0yLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Abbotsford</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">4 Dishes to Make with Summer Peaches</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Summer is the perfect time of year to experiment with different ways to use peaches. These juicy, refreshing fruits can be...</p> </div> </div> </a> </li> <li class=""><a href="/stories/comfort-food-for-uncomfortable-times"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9GaW5lLURpbmluZy5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Canadian </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Whistler</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Comfort Food for Uncomfortable Times</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">In a year in which our lives have been completely upended, it’s often the simple things that manage to bring the most...</p> </div> </div> </a> </li> <li class=""><a href="/stories/safe-and-cozy"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9DYXN1YWwtZGluaW5nLUFyYXhpLWJ5LURhdmlkLUJ1enphcmQuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Casual Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Whistler</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Safe and Cozy</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Even Whistler’s finest restaurants offer a more casual vibe; such is the nature of ski resort dining where guests are often...</p> </div> </div> </a> </li> <li class=""><a href="/stories/everyones-whipping-up-dalgona-coffee-the-viral-drink-catching-tons-of-buzz"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9kYWxnb25hLWNvZmZlZS1taXNzdmFuY2l0eWZvb2RpZS5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Coffee Sales </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Everyone's whipping up dalgona coffee, the viral drink catching tons of buzz</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Over the last couple of weeks, you might have noticed people posting photos of an unusual-looking coffee drink. What appears to...</p> </div> </div> </a> </li> <li class=""><a href="/stories/amazing-apple-turnovers"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9BcHBsZS1UdXJub3Zlci5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Dessert </span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Recipe: Amazing Apple Turnovers</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">When I was a kid, my family had a Saturday tradition where we would all pile into the car, go to the supermarket and do our...</p> </div> </div> </a> </li> <li class=""><a href="/stories/bc-breweries-deliver"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9iZWVyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Delivery </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Stuck At Home? These BC Breweries Will Deliver Beer to Your Door</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Thankfully, a number of B.C. craft breweries offer online sales, with delicious craft beer available to be delivered right to...</p> </div> </div> </a> </li> <li class=""><a href="/stories/new-west-chef-godfather-of-the-citys-food-scene"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zYW0tZmFiYnJvLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">New West chef “godfather of the city’s food scene”</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Step aside Vito Corleone – there’s a new godfather in town. Sam Fabbro, executive chef at El Santo on Columbia Street and...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-trevor-bird-shares-cooking-tips-and-recipes-for-busy-parents"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9yaWJleWUtc3RlYWsuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Trevor Bird shares cooking tips and recipes for busy parents</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">We get it, parents are busy. In Vancouver at least, it’s typical that both parents work, which can make dinner time more than...</p> </div> </div> </a> </li> <li class=""><a href="/stories/dont-be-a-jerk-to-servers-be-a-good-egg"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9lZ2dzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Casual Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Don't be a jerk to servers - be a good egg</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Everything we do is a choice. From the moment we wake up in the morning, until the time we come to the day's end, we choose...</p> </div> </div> </a> </li> <li class=""><a href="/stories/why-this-25-year-old-decided-to-be-an-egg-farmer-in-b-c"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9va2FuYWdhbi1yaXZlcmJlbmQtcG91bHRyeS5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Farm to Table </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Why this 25-year-old decided to be an egg farmer in B.C.</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">When you think about the industries the youth of today will enter in the future, egg farming isn’t the first thing that springs...</p> </div> </div> </a> </li> <li class=""><a href="/stories/you-can-have-a-private-dinner-in-a-secret-ice-cave-in-whistler-this-winter"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9ibHVlLWRpbmluZy1yb29tLXdoaXN0bGVyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Fine Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">You can have a private dinner in a secret ice cave in Whistler this winter</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The exclusive opportunity is available to guests at the&nbsp;Four Seasons Resort and Residences Whistler&nbsp;in partnership...</p> </div> </div> </a> </li> <li class=""><a href="/stories/city-of-north-van-approves-shipyards-brewery-district"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zaGlweWFyZHMtYnJld2VyeS1kaXN0cmljdC5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> North Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">City of North Van approves Shipyards Brewery District</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The City of North Vancouver is opening the taps and&nbsp;adding a new “brewery district” to Lower Lonsdale. Council voted...</p> </div> </div> </a> </li> <li class=""><a href="/stories/this-burnaby-macaron-maker-will-steal-your-soul"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9tYWNhcm9uLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Dessert </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">This Burnaby macaron maker will steal your soul</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Snoring might seem like a weird way to start a food blog about desserts, but trust me – there is a connection. See, I snore....</p> </div> </div> </a> </li> <li class=""><a href="/stories/blissful-buddha-bus-takes-to-the-streets"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9idWRkaGEtYnVzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Blissful Buddha-Bus takes to the streets</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Buddha-Full’s Buddha-Bus has added a blissful new dimension to the growing North Shore vegan business. The renovation of a...</p> </div> </div> </a> </li> <li class=""><a href="/stories/blog-eating-bugs-can-be-good-for-you"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9ncmFzc2hvcHBlci5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Delta</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Blog: Eating bugs can be good for you</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Eating ants and other insects could soon be recommended to protect against cancer, and it is believed that us Westerners will...</p> </div> </div> </a> </li> <li class=""><a href="/stories/think-plant-based-recipes-arent-worth-the-effort-think-again"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9wbGFudC1iYXNlZC1tZWFsLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Casual Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Think plant-based recipes aren't worth the effort? Think again</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Proponents of a plant-based diet tout its benefits for not only your health, but also the planet’s. But giving up meat can be...</p> </div> </div> </a> </li> <li class=""><a href="/stories/heres-how-to-pair-beer-with-food-and-become-the-hero-you-were-destined-to-be"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9wYWlyaW5nLWJlZXItd2l0aC1mb29kLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Here’s how to pair beer with food and become the hero you were destined to be</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Company’s coming, dinner’s almost ready, but you forgot to pop out to the liquor store to grab a bottle of wine. Obviously, you...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-dez-i-survived-the-keto-flu-but-it-wasnt-pleasant"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9rZXRvLWRpZXQuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Dez: I survived the 'keto flu' but it wasn't pleasant</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">By now, I am sure you have heard of the keto diet - or at least have heard the term “keto.” But what is it and, more...</p> </div> </div> </a> </li> <li class=""><a href="/stories/this-is-the-best-pizza-in-burnaby-i-weep-for-those-who-havent-tried-it"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9zb3ByYS1zb3R0by5wbmc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">This is the best pizza in Burnaby. I weep for those who haven't tried it</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Pizza is a touchy topic. Trying to get a group of people to agree on pizza can be like pouring gasoline on a...</p> </div> </div> </a> </li> <li class=""><a href="/stories/profiles-of-excellence-atlas-steak-fish"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9hdGxhcy1zdGVhay1maXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Profiles of Excellence: Atlas Steak + Fish</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Atlas Steak + Fish may be the crown jewel at Gateway Casinos’ Grand Villa Casino in Burnaby, but it’s only...</p> </div> </div> </a> </li> <li class=""><a href="/stories/chef-dez-you-can-expand-your-home-menu-without-breaking-the-budget"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9jaGVmLWRlei1ob21lLW1lbnUuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Chef Dez: You can expand your home menu without breaking the budget</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Household budgets are in the news now more than ever these days and everyone seems like they’re searching for ways to tighten...</p> </div> </div> </a> </li> <li class=""><a href="/stories/want-to-check-a-vancouver-restaurants-cleanliness-you-can-with-new-app-tomati"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy90b21hdGkuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Want to check a Vancouver restaurant’s cleanliness? You can with new app Tomati</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Do you ever wonder how clean your local haunts are, or how they measure up to other establishments in the Lower Mainland? A...</p> </div> </div> </a> </li> <li class=""><a href="/stories/helicopter-tours-new-restaurants-lure-b-c-wine-tourists"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9saXF1aWRpdHktd2luZS10b3VyLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Okanagan</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Helicopter tours, new restaurants lure B.C. wine tourists</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The Okanagan Valley’s continuing evolution into a wine-tourism hot spot is on full display this year with established wineries...</p> </div> </div> </a> </li> <li class=""><a href="/stories/im-an-atheist-but-this-burnaby-ramen-made-me-see-god"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9qaW55YS1yYW1lbi5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">I’m an atheist, but this Burnaby ramen made me see god</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">There are times when a meal can feel like a religious awakening. That first bite hits your mouth and it’s so shockingly good,...</p> </div> </div> </a> </li> <li class=""><a href="/stories/new-restaurants-open-at-river-market"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9hbWFyYW50aHVzLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">New restaurants open at River Market</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">River Market has two new eateries for foodies to enjoy. Angelina’s Dutch Corner has taken up residence in River Market, after...</p> </div> </div> </a> </li> <li class=""><a href="/stories/survey-serves-up-snapshot-of-british-columbians-tastes-in-dining-out"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy93aW5lLWFuZC1kaXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Casual Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Survey serves up snapshot of British Columbians’ tastes in dining out</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">The end of the holiday season brings British Columbians hurriedly back to the regular routine. After many days of homecooked...</p> </div> </div> </a> </li> <li class=""><a href="/stories/you-can-find-heart-and-heat-at-this-burnaby-restaurant"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9uYW5kby1zLWNoaWNrZW4tMi5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Casual Dining </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Burnaby</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">You can find heart and heat at this Burnaby restaurant</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Just like Nando’s beginnings in South Africa, the story of how one of the world’s favourite restaurants...</p> </div> </div> </a> </li> <li class=""><a href="/stories/explore-the-mediterranean-one-bite-at-a-time-with-dinakis"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9kaW5ha2lzLW1lZGl0ZXJyYW5lYW4tZ3JpbGwuanBn?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Coquitlam</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Explore the Mediterranean one bite at a time with Dinakis</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">Sponsored Content Mouth-watering, well-seasoned, falling off the bone slow-roasted lamb served in its own juices; skewered...</p> </div> </div> </a> </li> <li class=""><a href="/stories/three-vancouver-brunch-spots-that-might-not-be-on-your-radar-but-should-be"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9idXJkb2NrLXN0dWZmZWQtc3F1YXNoLmpwZw==?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Brunch </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Vancouver</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Three Vancouver brunch spots that might not be on your radar, but should be</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">My husband and I love to go out for brunch. Our weekdays don’t allow us the time for a leisurely breakfast and we rarely go out...</p> </div> </div> </a> </li> <li class=""><a href="/stories/local-spot-makes-the-list-of-top-canadian-restaurants-to-enjoy-a-big-night-out"> <div class="card h-full " > <div class="card__image"> <figure class="size-sm w-full h-full"> <picture> <img class="w-full h-full object-cover transition-all duration-500 hover:scale-125" src="/img/asset/d3BfdXBsb2Fkcy9lbC1zYW50by5qcGc=?p=md" alt="GuidedBy" width="" height="" loading="lazy" > </picture> </figure> <div class="absolute bottom-1 left-1 flex flex-col space-y-1 items-start"> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> Food &amp; Drink </span> <span class="px-2 py-1 text-sm text-white border-2 border-black bg-black rounded hover:bg-gray-700 hover:border-gray-700 transition-all duration-400 ease-in-out"> New Westminster</span> </div> </div> <svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 16 16" class="bookmark absolute right-2 text-white top-2 p-1 bg-primary ml-auto rounded-full h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" > <path d="M3 0v16l5-5 5 5v-16z"></path> </svg> <div class="card__content"> <h3 class="text-[1.0625rem] mb-2">Local spot makes the list of top Canadian restaurants to enjoy a Big Night Out</h3> <p class="mb-0 text-base leading-5 bg-white text-neutral-dark">El Santo has made it onto a list of the 100 best restaurants in Canada to enjoy a Big Night Out. OpenTable, which provides...</p> </div> </div> </a> </li> </ul> </section> </div> </article> </main> <footer class="w-full"> </footer> <script src="/livewire/livewire.js?id=90730a3b0e7144480175" data-turbo-eval="false" data-turbolinks-eval="false" ></script><script data-turbo-eval="false" data-turbolinks-eval="false" >window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'jHyD0hEi9xuFXtBFUgbIq4FmLRjQnW8ANVfaQ6pO';window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};let started = false;window.addEventListener('alpine:initializing', function () {if (! started) {window.livewire.start();started = true;}});document.addEventListener("DOMContentLoaded", function () {if (! started) {window.livewire.start();started = true;}});</script> <script src="/js/site.js?id=9b85b2813c83065d0794e64fd5a00ce2" defer></script> <script type="text/javascript">(function() { var els = document.getElementsByClassName('nocache'); var map = {}; for (var i = 0; i < els.length; i++) { var section = els[i].getAttribute('data-nocache'); map[section] = els[i]; } fetch('/!/nocache', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ url: window.location.href, sections: Object.keys(map) }) }) .then((response) => response.json()) .then((data) => { const regions = data.regions; for (var key in regions) { if (map[key]) map[key].outerHTML = regions[key]; } for (const input of document.querySelectorAll('input[value="jHyD0hEi9xuFXtBFUgbIq4FmLRjQnW8ANVfaQ6pO"]')) { input.value = data.csrf; } for (const meta of document.querySelectorAll('meta[content="jHyD0hEi9xuFXtBFUgbIq4FmLRjQnW8ANVfaQ6pO"]')) { meta.content = data.csrf; } for (const input of document.querySelectorAll('script[data-csrf="jHyD0hEi9xuFXtBFUgbIq4FmLRjQnW8ANVfaQ6pO"]')) { input.setAttribute('data-csrf', data.csrf); } if (window.hasOwnProperty('livewire_token')) { window.livewire_token = data.csrf } if (window.hasOwnProperty('livewireScriptConfig')) { window.livewireScriptConfig.csrf = data.csrf } document.dispatchEvent(new CustomEvent('statamic:nocache.replaced')); }); })();</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10