Preview:
<html>
  <head>
    <meta name="robots" content="noindex" />
<style>
@font-face {
  font-family: 'Grob-Regular';
  font-style: normal;
  font-display: swap;
  src:
    url('https://flipdish.blob.core.windows.net/pub/Grob-Regular.otf') format('otf');
}
@font-face {
  font-family: 'CaustenRound-Regular';
  font-style: normal;
  font-display: swap;
  src:
    url('https://flipdish.blob.core.windows.net/pub/CaustenRound-Regular.otf') format('otf');
}
 
 :root {
      --fd_Font: 'Grob-Regular';
      --fd_Dark: #00234a;
      --fd_Bodytext: #005dc6;
      --fd_Subtletext: #0075f9;
      --fd_Disabledtext: #6fb3ff;
      --fd_Light: #00234a;
      --fd_Pale: ##C5C5C5;
      --fd_Background: #f0ece2;
      --fd_MenuCardBackground: #dfd6c0;
      --fd_Danger: #D80034;
      --fd_Warning: #FF5B21;
      --fd_Success: #1EBA63;
      --fd_Info: #4E65E1;
      --fd_Transparent: #f0ece2;
    }
#flipdish-menu body p,#flipdish-menu body em{
  font-family: 'CaustenRound-Regular'!important;
}
  </style>
 <link rel="stylesheet" href="https://d2bzmcrmv4mdka.cloudfront.net/production/ordering-system/chromeExtension/production-v1.min.css">

  </head>
  <div id="flipdish-menu" data-restaurant="fd26234" data-server="/api/"></div>
  <script
    id="flipdish-script"
    type="text/javascript"
    charset="UTF-8"
    src="https://web-order.flipdish.co/client/productionwlbuild/latest/static/js/main.js"
  ></script>
</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter