All Our Delicious Instant Coffees

<!DOCTYPE html> <html lang="en-sg" dir="ltr" prefix="og: https://ogp.me/ns#" > <head> <meta charset="utf-8" /> <script type="text/javascript">var dataLayer_tags = {"event":"fireTags","siteInformation":{"zone":"AOA","country":"Australia","business":"Beverages","brand":"Nescafe","subBrand":"Nescafe","businessUnit":"Nestle beverages","language":"English","technology":"Drupal","properties":"Brand","siteType":"Site","digiPiID":"67891","websiteUrl":"https:\/\/www.nescafe.com\/au","statusHttps":"200","propertyStatus":"staging","goLiveDate":"03\/05\/2023","siteCategory":"Beverages","targetAudience":"B2C"},"pageInformation":{"pageCategory":"Listing Page | Our coffees","pageName":"Our Coffees","pageSection":"Listing Page | Our coffees"},"userInformation":{"deviceType":"","gaClientID":""}};</script> <script type="text/javascript">window.dataLayer = window.dataLayer || []; window.dataLayer.push(dataLayer_tags);</script> <meta name="ps-country" content="US" /> <meta name="ps-language" content="en" /> <meta name="ps-key" content="3344-5cb4a424ad45c0000cfdfa9e" /> <meta name="description" content="Discover all Nescafé instant coffees – with rich espressos and creamy cappuccinos, we cater for all tastes – learn more" /> <link rel="canonical" href="https://www.nescafe.com/sg/coffee" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <script type="application/ld+json">{ "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.nescafe.com/sg/" }, { "@type": "ListItem", "position": 2, "name": "Our Coffees" } ] }</script> <script type="application/ld+json">{ "@context" : "https://schema.org", "@type" : "ItemList", "itemListElement" : [{ "@type" : "SiteNavigationElement", "name" : "Home", "url" : "https://www.nescafe.com/sg/" },{ "@type" : "SiteNavigationElement", "name" : "Our Coffees", "url" : "https://www.nescafe.com/sg/coffee" }] }</script> <link href="https://www.nescafe.com/sg/themes/custom/nescafe/favicon.ico" rel="shortcut icon" sizes="52x52" /> <title>All Our Delicious Instant Coffees | Nescafé Singapore</title> <script> window.site_base_url = "https://www.nescafe.com/sg/themes/custom/nescafe"; </script> <link rel="stylesheet" media="all" href="/sg/sites/default/files/styles/css/css_wPlu1vHbSrBMK-zaQRd9wjS7BEtK5Bs0c2rIsiHYJN0.css?delta=0&language=en-sg&theme=nescafe&include=eJx1kFsOAjEIRTfUsctwGYTpXMeJtJ0AVcfVW18fJvpDyDmEXBiFb1sc2RAma5QoVUWcUaAsb4Sro0zd5LUWFP_Syr6U2UhxXnCx2NmAc58aXDmdugvzMm8cJ20ry_7RBym0as3Vj2gWzTdBKIl-7CMWh8YuP6DHyH09HarmUGCJDz2w1JFlSGbBwJqOxOtC3Lw-Ugsc8Q8Ptpkjv17wOuFZd7lOTXAHU-NyNA" /> <link rel="preload stylesheet" media="all" href="/sg/themes/custom/nescafe/UI/build/style.css?ss15w4" as="style" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/sg\/","pathPrefix":"","currentPath":"taxonomy\/term\/86","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en-sg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkltywyAMRTdkyjL63w0wMpYJqQAPEmnc1VeEpJNk2k5_QJx7JcRjJvjc7RzLCxzhPC3cnHe-VLQBM1agK8KzYF5USVvJmOVBriAxB3YVTxE_2CozeFKXkQr-XbUpxLCDXWrbgF57PIimAttL-KbRFEoJhE4g2KDD83o0-QDTRNn5CMmujUhbCJGlN1RyVxYQINix2u_oEV_65M62WlKRAza2LDvhlL374XQOSDRPxRvQS0laxK2lpp6khZbmxW0QUH1mbYxbS5vxJWf0Uur_XCZm3Qm8xBP-mUFxrlD37mGE6g92TEZgnjKyh1Xfk8oMZDzzMzreEYbtfs2-FiKpMQSsXRiFHWzRQZPS_wOhoP2FT7yzYLIzME7jc1zGl6RHoStyMa8xR0E3thsWc6Nm0C8PzQtD","theme":"nescafe","theme_token":null},"ajaxTrustedUrl":{"https:\/\/www.nescafe.com\/sg\/search-results":true},"gtag":{"tagId":"","consentMode":false,"otherIds":[],"events":[],"additionalConfigInfo":[]},"gtm":{"tagId":null,"settings":{"data_layer":"dataLayer","include_classes":false,"allowlist_classes":"google\nnonGooglePixels\nnonGoogleScripts\nnonGoogleIframes","blocklist_classes":"customScripts\ncustomPixels","include_environment":false,"environment_id":"","environment_token":""},"tagIds":["GTM-5WXNDC"]},"gigya":{"globalParameters":{"bypassCookiePolicy":"never","enabledProviders":"*","sessionExpiration":-1,"rememberSessionExpiration":20000000},"apiKey":"4_BprzJ7MXvNOGe0aAp63AqQ","dataCenter":"us1.gigya.com","lang":"en","enableRaaS":true,"raas":{"login":{"screenSet":"Nescafe-Template-RegistrationLogin","mobileScreenSet":"","startScreen":"gigya-login-screen","sessionExpiration":-1,"rememberSessionExpiration":20000000,"include":"id_token"},"register":{"screenSet":"Nescafe-Template-RegistrationLogin","mobileScreenSet":"","startScreen":"gigya-register-screen","sessionExpiration":-1,"rememberSessionExpiration":20000000,"include":"id_token"},"customScreenSets":[{"id":"gigya_raas_custom_screenset","label":"Sustainability Lite Form","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.sg-sustainability-lite","container_id":"ecosystem-sh","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - Newsletter","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-4-LiteRegistration","container_id":"gigya-newsletter-ecosystem","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - Newsletter V2","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-5-LiteRegistration","container_id":"gigya-newsletter-coupon-ecosystem","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set Lite Form","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-6-LiteRegistration","container_id":"gigya-subscribe-with-email-lite","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - Copy","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-10-LiteRegistration","container_id":"gigya-subscribe-with-email-screen-copy","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - Newsletter V2 Copy","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-9-LiteRegistration","container_id":"gigya-newsletter-coupon-ecosystem-copy","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - Newsletter Copy","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-8-LiteRegistration","container_id":"gigya-newsletter-ecosystem-copy","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set - FR Lite Registration","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.fr-4-LiteRegistration","container_id":"gigya-subscribe-with-email-screen","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Gigya RaaS Custom Screen-Set (Trace your coffee)","label_display":"visible","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.fr-4-LiteRegistration","container_id":"nescafe.fr-4-LiteRegistration","link_id":"","link_class":""},{"id":"gigya_raas_custom_screenset","label":"Recycling Lightnest Ciam form","label_display":"0","provider":"gigya_raas","display_type":"embed","desktop_screenset":"nescafe.au-3-LiteRegistration","container_id":"gigya-recycling-ecosystem","link_id":"","link_class":""}],"origin":"https:\/\/www.nescafe.com"},"shouldValidateSession":false},"gigyaExtra":{"loginRedirectMode":"custom","loginRedirect":"\/profile\/redirecting","logoutRedirect":"\/","isLogin":false,"session_type":"dynamic","session_time":1800,"remember_me_session_time":20000000},"ln_datalayer":{"data":{"module_name":"Lightnest Data Layer","module_version":"3.3.1","content_id":"2427","content_name":"Cappuccino","content_type":"dsu_product"},"events":[]},"views":{"ajax_path":"\/sg\/views\/ajax","ajaxViews":{"views_dom_id:e735a2262240ee3a5a7b5e5b781cff5503ed6ac8fc523390c5654097af65215a":{"view_name":"taxonomy_term","view_display_id":"page_prod_all","view_args":"86","view_path":"\/taxonomy\/term\/86","view_base_path":"taxonomy\/term\/%","view_dom_id":"e735a2262240ee3a5a7b5e5b781cff5503ed6ac8fc523390c5654097af65215a","pager_element":0}}},"product_title":"Cappuccino","page_type":"product","search_api_autocomplete":{"solr_search":{"delay":1,"auto_submit":true,"min_length":3}},"ajax":[],"user":{"uid":0,"permissionsHash":"afdb6c0b51b9fd75367467d4cbbd560f71056f31ec89e8a543a1f009791bddc4"}}</script> <script src="/sg/sites/default/files/styles/js/js_AGOmHvjwU7VD3EsZ5pblklab7Q54L9QRw-JzWt4RuwA.js?scope=header&delta=0&language=en-sg&theme=nescafe&include=eJyNkVtuxCAMRTcEZRn97waQQxzqqWOQMdNmVl-SqI-p1Ko_cH38uoiJ4baFicoDXODNza1HBSPJLSpeCV9bGMzjFcW8KaSXkXOZ8gZh1l6BH3d9ktEKLRzyaSiXS8mM0SCHPI6f8bnyDq6OJSaCNSydeVjI1Gw3VGTPzGDAsKGGT3WPD5_NSYpVy9yTxQoZgyS_9Ia1r9WnIoLJiv6vypMYjncbXfHPDqZJQbe9piFoeg7n5Q0mJ9gSLBgylwnYX9oXaVC_xy1pYTalnFH3xDklQqUI3Uoqa2U0DL9wd3xaJFlIyDCe88JB_Qf1J30HFlTGqg"></script> <script src="/sg/modules/contrib/google_tag/js/gtag.js?ss15w4"></script> <script src="/sg/modules/contrib/google_tag/js/gtm.js?ss15w4"></script> <script src="/sg/sites/default/files/styles/js/js_CW1ClDPBLGV4y_U3u5P7bvII3Iiax4BFsYWrwkyJpR4.js?scope=header&delta=3&language=en-sg&theme=nescafe&include=eJyNkVtuxCAMRTcEZRn97waQQxzqqWOQMdNmVl-SqI-p1Ko_cH38uoiJ4baFicoDXODNza1HBSPJLSpeCV9bGMzjFcW8KaSXkXOZ8gZh1l6BH3d9ktEKLRzyaSiXS8mM0SCHPI6f8bnyDq6OJSaCNSydeVjI1Gw3VGTPzGDAsKGGT3WPD5_NSYpVy9yTxQoZgyS_9Ia1r9WnIoLJiv6vypMYjncbXfHPDqZJQbe9piFoeg7n5Q0mJ9gSLBgylwnYX9oXaVC_xy1pYTalnFH3xDklQqUI3Uoqa2U0DL9wd3xaJFlIyDCe88JB_Qf1J30HFlTGqg"></script> <script src="https://brand-ecommerce-assets.fusepump.com/bootstraper/bootstraper.js" defer></script> <link rel="preload" as="font" href="https://www.nescafe.com/sg/themes/custom/nescafe/UI/build/fonts/hfhe1h9.ttf" type="font/ttf" crossorigin="anonymous"> <link rel="preload" as="font" href="https://www.nescafe.com/sg/themes/custom/nescafe/UI/build/fonts/RsHEewW.woff2" type="font/woff2" crossorigin="anonymous"> <link rel="preload" as="font" href="https://www.nescafe.com/sg/themes/custom/nescafe/UI/build/fonts/3xILJA2.ttf" type="font/ttf" crossorigin="anonymous"> <link rel="preload" as="image" href="https://www.nescafe.com/sg/themes/custom/nescafe/UI/build/images/30DECzi.jpg"> <script> try { (function() { function calculateVh(cssVar) { var vh = window.innerHeight * 0.01; document.documentElement.style.setProperty(cssVar, vh + 'px'); } function calculateVw(cssVar) { var vw = document.documentElement.clientWidth * 0.01; document.documentElement.style.setProperty(cssVar, vw + 'px'); } // this will be calculated only one time and on resize will not change function calculateStaticVh() { calculateVh('--static-vh'); } // this will be calculated everytime on resize event function calculateDynamicVh() { calculateVh('--vh'); } function calculateDynamicVw() { calculateVw('--vw'); } // Initial calculation calculateStaticVh(); calculateDynamicVh(); calculateDynamicVw(); // Re-calculate on resize // commenting this as on mobile on scroll on hiding top browser bar, // resize event gets called window.addEventListener('resize', function() { calculateDynamicVh(); calculateDynamicVw(); }); })() } catch (error) { } try { if (document.documentElement.classList.contains('scroll-default-top')) { if (window.history) { window.history.scrollRestoration = 'manual'; } } } catch (error) { } </script> </head> <body class="bg--paper-white plp-page compare-enabled"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5WXNDC" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/2.4.1/purify.min.js"></script> <section class="search-autocomplete" id="search-autocomplete"> <div class="search-autocomplete--overlay"></div> <button class="search-autocomplete--close" aria-label="Close Search Overlay"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1.53033 0.46967C1.23744 0.176777 0.762563 0.176777 0.46967 0.46967C0.176777 0.762563 0.176777 1.23744 0.46967 1.53033L5.93934 7L0.469669 12.4697C0.176777 12.7626 0.176777 13.2374 0.469669 13.5303C0.762563 13.8232 1.23744 13.8232 1.53033 13.5303L7 8.06066L12.4697 13.5303C12.7626 13.8232 13.2374 13.8232 13.5303 13.5303C13.8232 13.2374 13.8232 12.7626 13.5303 12.4697L8.06066 7L13.5303 1.53033C13.8232 1.23744 13.8232 0.762563 13.5303 0.46967C13.2374 0.176777 12.7626 0.176777 12.4697 0.46967L7 5.93934L1.53033 0.46967Z" fill="black"/> </svg> </button> <div class="search-autocomplete--block"> <div class="search-autocomplete--container"> <div class="search-autocomplete--form-placeholder"> <div class="views-element-container"> <div class="js-view-dom-id-aa9c93367e7a468fb26354d1c831af4048caa79408314ea98b287167378c3c12"> <form class="views-exposed-form" data-drupal-selector="views-exposed-form-solr-search-block-1" action="https://www.nescafe.com/sg/search-results" method="get" id="views-exposed-form-solr-search-block-1" accept-charset="UTF-8"> <div class="js-form-item form-item js-form-type-search-api-autocomplete form-item-search-term js-form-item-search-term form-no-label"> <input data-drupal-selector="edit-search-term" data-search-api-autocomplete-search="solr_search" class="form-autocomplete form-text" data-autocomplete-path="/sg/search_api_autocomplete/solr_search?display=block_1&&filter=search_term" type="text" id="edit-search-term" name="search_term" value="" size="30" maxlength="128" /> <button type="button" class="refresh-search-input-icon" aria-label="Clear Search"></button> </div> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions--3"><input disabled="disabled" data-drupal-selector="edit-submit-solr-search-2" type="submit" id="edit-submit-solr-search--2" value="Apply" class="button js-form-submit form-submit is-disabled" /> </div> </form> </div> </div> </div> </div> <div class="search-autocomplete--trend-placeholder"> <section class="grid-container search-suggestion"> <div class="padding-x search-suggestion--wrapper"> <div class="grid-x max-width-container"> <div class="cell small-12 large-offset-1 large-10 search-suggestion--cell"> <span class="search-suggestion--title utilityTagHighCaps suggestion-item">Trending</span> <ul class="search-suggestion--list"> <li class="search-suggestion--list-item suggestion-item"> <div class="search-suggestion--block"> <a href="https://www.nescafe.com/sg/sustainability/the-world/sustainability-tips" class="search-suggestion--link"> <span class="search-suggestion--label bodyMediumRegular">Sustainability Tips</span> </a> </div> </li> <li class="search-suggestion--list-item suggestion-item"> <div class="search-suggestion--block"> <a href="https://www.nescafe.com/sg/sustainability/the-world/resist-climate-change" class="search-suggestion--link"> <span class="search-suggestion--label bodyMediumRegular">Plants that help farmers grow </span> </a> </div> </li> <li class="search-suggestion--list-item suggestion-item"> <div class="search-suggestion--block"> <a href="https://www.nescafe.com/sg/sustainability/our-world/inspiring-training-farmers" class="search-suggestion--link"> <span class="search-suggestion--label bodyMediumRegular">Wake up and Smell the Future</span> </a> </div> </li> </ul> </div> </div> </div> </section> </div> </div> </section> <section class="main-navigation grid-container js-navigation"> <header class="main-header"> <div class="grid-x padding-x main-header--container align-justify align-middle"> <div class="navigation-overlay"></div> <div class="main-header--search-mobile hide-for-large"> <button class="button brown square-icon corner-round search-btn sm-transparent md-transparent" aria-label="Search"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5998" cy="6.63203" r="5.3" stroke="#ffffff" stroke-width="2"/> <line x1="14.2855" y1="14.332" x2="10.7997" y2="10.8462" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </div> <div class="main-header--left logo"> <a class="logo-link" href="https://www.nescafe.com/sg/" title="Nescafe Logo"><img alt="Nescafe Logo" class="logo-img" src="/sg/sites/default/files/latest_logo_white.png"/></a> </div> <nav class="persistent-navigation--wrapper js-persistent-nav"> <ul class="persistent-navigation grid-x"> <li class="persistent-navigation--list"> <button id="nav-title-1" class=" active persistent-navigation--link persistent-nav--level1 level1 utilityTagLowCaps bold-600" aria-label="Our coffees" aria-expanded="false" aria-controls="level-1" data-nav-wrapper="level-1"> Our coffees </button> <div class="persistent-navigation--menu-wrapper " id="level-1" aria-labelledby="nav-title-1"> <div class="persistent-nav--level2 level2 grid-x"> <div class="small-12 large-4 xlarge-3 persistent-nav--level2-items"> <div class="persistent-nav--level2--close hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l1--close" aria-label="Back to previous navigation"> <svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level2--title headline-h2">Our coffees</p> <ul class="persistent-nav--level2-list "> <li class="persistent-nav--level2-list-item grid-x "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--1">Our ranges</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-1"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Our ranges </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/gold" aria-label="NESCAFÉ<sup>®</sup> GOLD" title="NESCAFÉ® GOLD"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-05/PLP-CategoryHeaders-Gold_738x800.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Nescafe Gold" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> GOLD</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/range/3in1" aria-label="NESCAFÉ<sup>®</sup> 3in1" title="NESCAFÉ® 3in1"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Navigation-Component3-BannerImage5-738x800-1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="3in1" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> 3in1</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/dolce-gusto" aria-label="NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup>" title="NESCAFÉ® Dolce Gusto®"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Navigation-Component3-BannerImage4-738x800_0.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Dolce Gusto" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup></span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/range/ready-to-drink" aria-label="NESCAFÉ<sup>®</sup> Ready to Drink" title="NESCAFÉ® Ready to Drink"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-160x150_0.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NESCAFÉ® Ready to Drink" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> Ready to Drink</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner "> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2023-03/Frame%20648067%20%288%29.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="img" height="640"> </picture> <div class="persistent-nav--level3-banner-desc grid-x align-middle"> <div class="bodySmallRegular">Inspired by barista-made coffee, packed with aroma, texture, and flavour</div> </div> </div> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/classic" aria-label="NESCAFÉ<sup>®</sup> Classic" title="NESCAFÉ® Classic"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-10/PLP-CategoryHeaders-NescafeClassic-160x150.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="classic" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> Classic</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/range/singapore-kopis" aria-label="NESCAFÉ<sup>®</sup> Singapore Kopi" title="NESCAFÉ® Singapore Kopi"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-10/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-160x150_1.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NESCAFÉ Singapore Kopi" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> Singapore Kopi</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/range/white-coffees" aria-label="NESCAFÉ<sup>®</sup> White Coffee" title="NESCAFÉ® White Coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-10/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-160x150_0.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NESCAFÉ White Coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> White Coffee</span> </a> </div> <span class="persistent-nav--level3-see-all"> <a href=" https://www.nescafe.com/sg/coffees/range " class="link black labelSmallBold persistent-nav--level3-see-all-link " aria-label="See all ranges" target="" rel="follow" > <span class="button-text">See all ranges</span> </a> </span> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--2">Coffee types</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-2"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Coffee types </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/types/black-coffee" aria-label="Black coffee" title="Black coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Black%20coffee_icon_1.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="black coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Black coffee</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner no-desc"> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2024-11/SBU_NES_GEN_Gold-Latte%20Mugs%20without%20Logo-2_IMG_738by800px_241007_1_1728451397798.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Black coffee" height="640"> </picture> </div> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/types/coffee-milk" aria-label="Coffee with milk" title="Coffee with milk"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Frothy_icon.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Coffee with milk" role="presentation" /></span> <span class="persistent-nav--level3-title ">Coffee with milk</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner no-desc"> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2023-04/FullCoffeeCups_738x800_Frothy.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="frothy coffee" height="640"> </picture> </div> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/types/cappuccino" aria-label="Cappuccino" title="Cappuccino"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Cappucino_icon_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Cappucino Coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Cappuccino</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner no-desc"> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2023-04/FullCoffeeCups_738x800_CAPPUCCINO.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="cappuccino coffee" height="640"> </picture> </div> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/types/latte" aria-label="Latte" title="Latte"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Latte_icon.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="latte coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Latte</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner no-desc"> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2024-11/SBU_NES_GEN_Gold-Latte%20Mugs%20without%20Logo-1_IMG_738by800px_241007_1.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="latte coffee" height="640"> </picture> </div> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/types/espresso" aria-label="Espresso" title="Espresso"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-11/Lungo.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Espresso" role="presentation" /></span> <span class="persistent-nav--level3-title ">Espresso</span> </a> <div class="cell small-12 xlarge-4 show-for-xlarge persistent-nav--level3 sub-banner no-desc"> <picture class="persistent-nav--level3-banner-picture"> <img class="persistent-nav--level3-banner-img lazyload" data-src="/sg/sites/default/files/2023-04/FullCoffeeCups_738x800_Espresso.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="espresso coffee" height="640"> </picture> </div> </div> <span class="persistent-nav--level3-see-all"> <a href=" https://www.nescafe.com/sg/coffees/types " class="link black labelSmallBold persistent-nav--level3-see-all-link " aria-label="See all drinks" target="" rel="follow" > <span class="button-text">See all drinks</span> </a> </span> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--3">Coffee formats</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-3"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Coffee formats </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/formats/instant-coffee" aria-label="Instant coffee" title="Instant coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Lungo_1.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="soluble instant coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Instant coffee</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/formats/ndg-pods" aria-label="NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> pods" title="NESCAFÉ® Dolce Gusto® pods"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-05/NDG_Capsule_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Dulco Gusto" role="presentation" /></span> <span class="persistent-nav--level3-title ">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> pods</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/formats/coffee-sachets" aria-label="Coffee sachets" title="Coffee sachets"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-05/Sachet_icon_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="NESCAFÉ® sachets" role="presentation" /></span> <span class="persistent-nav--level3-title ">Coffee sachets</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee/formats/nescafe-ready-drink" aria-label="Ready-to-Drink" title="Ready-to-Drink"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-10/Lungo_1.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Ready-to-Drink" role="presentation" /></span> <span class="persistent-nav--level3-title ">Ready-to-Drink</span> </a> </div> <span class="persistent-nav--level3-see-all"> <a href=" https://www.nescafe.com/sg/coffees/formats " class="link black labelSmallBold persistent-nav--level3-see-all-link " aria-label="See all formats" target="" rel="follow" > <span class="button-text">See all formats</span> </a> </span> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/coffee" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> All products </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-4"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> All products </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/coffee-finder" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> Help me choose </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-5"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Help me choose </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x border-top "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--6">Coffee culture</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-1-6"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Our coffees</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Coffee culture </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee-culture-1" aria-label="Magazine hub" title="Magazine hub"> <span class="persistent-nav--level3-title no-icon">Magazine hub</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee-lifestyle" aria-label="Coffee lifestyle" title="Coffee lifestyle"> <span class="persistent-nav--level3-title no-icon">Coffee lifestyle</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee-knowledge" aria-label="Coffee knowledge" title="Coffee knowledge"> <span class="persistent-nav--level3-title no-icon">Coffee knowledge</span> </a> </div> </div> </div> </div> </li> </ul> </div> <div class="small-12 large-8 xlarge-offset-1 xlarge-8 persistent-nav--level2-banner show-for-large"> <picture class="persistent-nav--level2-banner-picture "> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172_1.jpg" height="640"> <source media="(min-width: 0px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172_1.jpg" height="640"> <img class="persistent-nav--level2-banner-img lazyload" data-src="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="nescafé coffee types" height="640"> </picture> <div class="persistent-nav--level2-banner--info "> <p class="headline-h4">Welcome to the world of NESCAFÉ<sup>®</sup>, where you'll find all your favourite products & recipes.</p> </div> </div> </div> </div> </li> <li class="persistent-navigation--list"> <button id="nav-title-2" class=" persistent-navigation--link persistent-nav--level1 level1 utilityTagLowCaps bold-600" aria-label="Recipes" aria-expanded="false" aria-controls="level-2" data-nav-wrapper="level-2"> Recipes </button> <div class="persistent-navigation--menu-wrapper " id="level-2" aria-labelledby="nav-title-2"> <div class="persistent-nav--level2 level2 grid-x"> <div class="small-12 large-4 xlarge-3 persistent-nav--level2-items"> <div class="persistent-nav--level2--close hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l1--close" aria-label="Back to previous navigation"> <svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level2--title headline-h2">Recipes</p> <ul class="persistent-nav--level2-list "> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/nescafe-recipe" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> Recipes home </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-2-1"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Recipes</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Recipes home </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--2">Drinks</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-2-2"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Recipes</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Drinks </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/black-coffee" aria-label="Black coffee" title="Black coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Black%20coffee_icon_2.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="black coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Black coffee</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/frothy-coffee" aria-label="Frothy coffee" title="Frothy coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Frothy_icon_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="frothy coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Frothy coffee</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/mocha" aria-label="Mocha" title="Mocha"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Mocha_icon_3.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="mocha coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Mocha</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/cappuccino" aria-label="Cappuccino" title="Cappuccino"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Cappucino_icon_1.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="cappuccino coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Cappuccino</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/latte" aria-label="Latte" title="Latte"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Latte_icon_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="latte coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Latte</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/flavored-coffee" aria-label="Flavoured coffee" title="Flavoured coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Flavoured%20Coffee_0.svg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="flavoured coffee" role="presentation" /></span> <span class="persistent-nav--level3-title ">Flavoured coffee</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/recipes/drinks/iced-coffee" aria-label="Iced coffee" title="Iced coffee"> <span class="persistent-nav--level3-icon"><img class="persistent-nav--level3-icon-img lazyload" data-src="/sg/sites/default/files/2023-04/Cappucino_icon%20%282%29.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="img" role="presentation" /></span> <span class="persistent-nav--level3-title ">Iced coffee</span> </a> </div> <span class="persistent-nav--level3-see-all"> <a href=" https://www.nescafe.com/sg/recipes/drinks " class="link black labelSmallBold persistent-nav--level3-see-all-link " aria-label="See all drinks recipes" target="" rel="follow" > <span class="button-text">See all drinks recipes</span> </a> </span> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/recipes" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> See all recipes </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-2-3"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Recipes</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> See all recipes </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> </ul> </div> <div class="small-12 large-8 xlarge-offset-1 xlarge-8 persistent-nav--level2-banner show-for-large"> <picture class="persistent-nav--level2-banner-picture "> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172.jpg" height="640"> <source media="(min-width: 0px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172.jpg" height="640"> <img class="persistent-nav--level2-banner-img lazyload" data-src="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="nescafé coffee types" height="640"> </picture> <div class="persistent-nav--level2-banner--info "> <p class="headline-h4">Delicious & easy to make at home. Have you found your favourite recipe yet?</p> </div> </div> </div> </div> </li> <li class="persistent-navigation--list"> <button id="nav-title-3" class=" persistent-navigation--link persistent-nav--level1 level1 utilityTagLowCaps bold-600" aria-label="Sustainability" aria-expanded="false" aria-controls="level-3" data-nav-wrapper="level-3"> Sustainability </button> <div class="persistent-navigation--menu-wrapper " id="level-3" aria-labelledby="nav-title-3"> <div class="persistent-nav--level2 level2 grid-x"> <div class="small-12 large-4 xlarge-3 persistent-nav--level2-items"> <div class="persistent-nav--level2--close hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l1--close" aria-label="Back to previous navigation"> <svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level2--title headline-h2">Sustainability</p> <ul class="persistent-nav--level2-list "> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/sustainability" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> Make your world </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-3-1"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Sustainability</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Make your world </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/our-world" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> Our world </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-3-2"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Sustainability</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Our world </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/the-world" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> The world </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-3-3"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Sustainability</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> The world </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x "> <a href="https://www.nescafe.com/sg/recycling" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left no-submenu " aria-label=""> Recycling </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-3-4"> <div class="persistent-nav--level3 grid-x " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close">Sustainability</span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Recycling </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list "> </div> </div> </div> </li> </ul> </div> <div class="small-12 large-8 xlarge-offset-1 xlarge-8 persistent-nav--level2-banner show-for-large"> <picture class="persistent-nav--level2-banner-picture "> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172_0_0.jpg" height="640"> <source media="(min-width: 0px)" data-srcset="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v3_688x172_0_0.jpg" height="640"> <img class="persistent-nav--level2-banner-img lazyload" data-src="/sg/sites/default/files/2023-05/CoffeeTypeFormat_Header_v5_2000_1374.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="nescafé coffee types" height="640"> </picture> <div class="persistent-nav--level2-banner--info "> <p class="headline-h4">Caring for the planet - one cup of coffee at a time.</p> </div> </div> </div> </div> </li> </ul> </nav> <div class="main-header--right grid-x align-middle"> <button class="button brown square-icon corner-round search-btn show-for-large" aria-label="Search"> <svg aria-hidden="true" role="presentation" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6.5998" cy="6.63203" r="5.3" stroke="#ffffff" stroke-width="2"/> <line x1="14.2855" y1="14.332" x2="10.7997" y2="10.8462" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <button class="button brown square-icon corner-round burger-btn sm-transparent md-transparent js-burger-menu" id="burger-nav" aria-label="Open Navigation" aria-expanded="false" aria-controls="burger-nav-wrapper" data-nav-wrapper="burger-nav-wrapper"> <svg aria-hidden="true" role="presentation" width="20" height="15" viewBox="0 0 20 15" fill="#ffffff"xmlns="http://www.w3.org/2000/svg"> <rect y="0.332031" width="20" height="2" rx="1" /> <rect y="6.33203" width="20" height="2" rx="1" /> <rect y="12.332" width="20" height="2" rx="1" /> </svg> </button> </div> </div> </header> </section> <section class="burger-navigation grid-container js-burger-navigation"> <nav class="persistent-navigation--wrapper js-persistent-nav burger-nav"> <ul class="persistent-navigation grid-x"> <li class="persistent-navigation--list"> <div class="persistent-navigation--menu-wrapper burger-nav " id="burger-nav-wrapper" aria-labelledby="burger-nav"> <div class="persistent-nav--level2 level2 grid-x"> <div class="small-12 large-4 xlarge-3 persistent-nav--level2-items"> <div class="persistent-nav--level2--close hide-for-large"> <div class="persistent-nav--control-prev persistent-nav--control"> </div> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <ul class="persistent-nav--level2-list burger-nav "> <li class="persistent-nav--level2-list-item grid-x burger-nav "> <a href="https://www.nescafe.com/sg/country-selector" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left " aria-label=""> Location selector </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-burger-nav-1"> <div class="persistent-nav--level3 grid-x burger-nav full-width " role="list" data-full-banner="1"> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close"></span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Location selector </p> <div class="cell small-12 large-12 full-width persistent-nav--level3 burger-nav "> <picture class="persistent-nav--level3-banner-picture"> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-04/Burger%20Menu_Location%20Selector%201.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-04/Burger%20Menu_Location%20Selector%201.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="" srcset=""> <source media="(min-width: 0px)" data-srcset="" srcset=""> <img class="persistent-nav--level3-banner-img show-for-large lazyload" data-src="/sg/sites/default/files/2023-04/Burger%20Menu_Location%20Selector%201.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="nescafé country selector" height="640"> </picture> <div class="persistent-nav--level3-banner-desc grid-x align-middle full-width "> <div class="bodyLargeBold">Where in the world are you?</div> <div class="bodySmallRegular"><p>Let's make sure you're in the right place.</p> </div> <a href="/sg/country-selector" class="labelMediumRegular persistent-nav--level3-banner-desc-link" target=""> Explore</a> </div> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x burger-nav "> <button class=" persistent-nav--level2-link labelMediumRegular text-left js-persistent-nav--level2-link" aria-expanded="false" aria-controls="level--2">About us</button> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-burger-nav-2"> <div class="persistent-nav--level3 grid-x burger-nav " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close"></span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> About us </p> <div class="cell small-12 large-12 xlarge-8 persistent-nav--level3-list burger-nav "> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/coffee-culture/coffee-knowledge/nescafe-history" aria-label="Our NESCAFÉ<sup>®</sup> story" title="Our NESCAFÉ® story"> <span class="persistent-nav--level3-title no-icon">Our NESCAFÉ<sup>®</sup> story</span> </a> </div> <div class="persistent-nav--level3-list-item " role="listitem"> <a class="persistent-nav--level3-link grid-x align-left align-middle " href="https://www.nescafe.com/sg/faq" aria-label="FAQs" title="FAQs"> <span class="persistent-nav--level3-title no-icon">FAQs</span> </a> </div> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x burger-nav "> <a href="https://www.nescafe.com/sg/coffees" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left " aria-label=""> Product information </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-burger-nav-3"> <div class="persistent-nav--level3 grid-x burger-nav half-width " role="list" data-full-banner=""> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close"></span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Product information </p> <div class="small-12 half-width-banner persistent-nav--level3 burger-nav "> <picture class="persistent-nav--level2-banner-picture burger-nav "> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-05/01_1_Burger-Component1_DefaultBanner_2084x816_0.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-05/01_1_Burger-Component1_DefaultBanner_2084x816_0.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="" srcset=""> <source media="(min-width: 0px)" data-srcset="" srcset=""> <img class="persistent-nav--level2-banner-img show-for-large lazyload" data-src="/sg/sites/default/files/2023-05/01_1_Burger-Component1_DefaultBanner_2084x816_0.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="" alt="product information" height="640"> </picture> <div class="persistent-nav--level2-banner--info burger-nav "> <p class="headline-h4">All coffees</p> <div class="bodyMediumRegular persistent-nav--level2-banner-desc">High quality beans, expertly roasted - in every one of your favourite NESCAFÉ® coffees</div> <a href=" /sg/coffees " class="link black labelSmallBold persistent-nav--level2-banner-link " aria-label="Our coffees" target="" rel="follow" > <span class="button-text">Our coffees</span> </a> </div> </div> </div> </div> </li> <li class="persistent-nav--level2-list-item grid-x burger-nav "> <a href="https://www.nescafe.com/sg/contact-us" class=" persistent-nav--level2-link js-persistent-nav--level2-link labelMediumRegular text-left " aria-label=""> Contact us </a> <div class="small-12 large-8 xlarge-9 persistent-nav--level3-wrapper" id="level-burger-nav-4"> <div class="persistent-nav--level3 grid-x burger-nav full-width " role="list" data-full-banner="1"> <div class="persistent-nav--level2--close level3 hide-for-large"> <button class="persistent-nav--control-prev persistent-nav--control js-persistent-nav-l2--close" aria-label="Back to previous navigation"> <svg role="presentation" width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M9 1L1 9L9 17" stroke="#302216" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <span class="persistent-nav--control-title utilityTagHighCaps js-persistent-nav-l2--close"></span> <button class="persistent-nav--control-close persistent-nav--control js-persistent-nav-l1--close" aria-label="Close navigation"> <svg role="presentation" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.4697 0.46967C12.7626 0.176777 13.2374 0.176777 13.5303 0.46967C13.8232 0.762563 13.8232 1.23744 13.5303 1.53033L8.06066 7L13.5303 12.4697C13.8232 12.7626 13.8232 13.2374 13.5303 13.5303C13.2374 13.8232 12.7626 13.8232 12.4697 13.5303L7 8.06066L1.53033 13.5303C1.23744 13.8232 0.762563 13.8232 0.469669 13.5303C0.176777 13.2374 0.176777 12.7626 0.469669 12.4697L5.93934 7L0.46967 1.53033C0.176777 1.23744 0.176777 0.762563 0.46967 0.46967C0.762563 0.176777 1.23744 0.176777 1.53033 0.46967L7 5.93934L12.4697 0.46967Z" fill="#302216"/> </svg> </button> </div> <p class="persistent-nav--level3--title text-center hide-for-large headline-h2"> Contact us </p> <div class="cell small-12 large-12 full-width persistent-nav--level3 burger-nav "> <picture class="persistent-nav--level3-banner-picture"> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-04/01_7_Burger-Component1_Banner7_2084x816.jpg" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2023-04/01_7_Burger-Component1_Banner7_2084x816.jpg" height="300"> <source media="(min-width: 768px)" data-srcset="" srcset=""> <source media="(min-width: 0px)" data-srcset="" srcset=""> <img class="persistent-nav--level3-banner-img show-for-large lazyload" data-src="/sg/sites/default/files/2023-04/01_7_Burger-Component1_Banner7_2084x816.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="nescafé contacts" height="640"> </picture> <div class="persistent-nav--level3-banner-desc grid-x align-middle full-width "> <div class="bodyLargeBold">Got a question or a complaint?</div> <div class="bodySmallRegular"><p>Get in touch. We're here to help.</p> </div> <a href="/sg/contact-us" class="labelMediumRegular persistent-nav--level3-banner-desc-link" target=""> Contact us</a> </div> </div> </div> </div> </li> </ul> </div> <div class="small-12 large-8 xlarge-9 persistent-nav--level2-banner show-for-large"> <picture class="persistent-nav--level2-banner-picture burger-nav "> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2024-05/MicrosoftTeams-image%20%289%29.png" height="640"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2024-05/MicrosoftTeams-image%20%289%29.png" height="300"> <source media="(min-width: 768px)" data-srcset="/sg/" height="640"> <source media="(min-width: 0px)" data-srcset="/sg/" height="640"> <img class="persistent-nav--level2-banner-img lazyload" data-src="/sg/sites/default/files/2024-05/MicrosoftTeams-image%20%289%29.png" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="cup" height="640"> </picture> <div class="persistent-nav--level2-banner--info burger-nav "> <p class="headline-h4">Welcome to NESCAFÉ<sup>®</sup></p> <div class="bodyMediumRegular persistent-nav--level2-banner-desc">Your favourite coffee</div> </div> </div> </div> </div> </li> </ul> </nav> </section> <section data-overbanner="" class="breadcrumb grid-container bg--paper-white dark "> <div class="grid-x breadcrumb--container"> <div class="cell small-12 breadcrumb--cell"> <ul class="breadcrumb-list padding-x"> <li aria-hidden="true" class="breadcrumb-item-ellipsis breadcrumb-item hide-for-medium"><button aria-hidden="true" type="button" class="breadcrumb--ellipsis">...</button></li> <li class="breadcrumb-item " > <a class="utilityLegend breadcrumb-link " href=https://www.nescafe.com/sg/> <span>Home</span> </a> </li> <li class="breadcrumb-item current" aria-current="Our Coffees"> <span class="utilityLegend breadcrumb-link current"> <svg aria-hidden="true" width="6" height="8" viewBox="0 0 6 8" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.33464 7.33398L4.66797 4.00065L1.33464 0.667318" stroke="#222222" stroke-linecap="round" stroke-linejoin="round"/> </svg> <span>Our Coffees</span> </span> </li> </ul> </div> </div> </section> <header role="banner"> </header> <section class="grid-container plp-heading padding-x bg--paper-heavy "> <div class="grid-x max-width-container"> <div class="cell small-12 xlarge-offset-1 xlarge-10"> <h1 class="headline-h1">Our coffees</h1> </div> </div> </section> <section class="grid-container category-filter "> <div class="grid-x max-width-container"> <div class="cell small-12 xlarge-offset-1 xlarge-10"> <div class="main-menu-container padding-x"> <div class="swiper main-menu-swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide animate-enter-fade animate-delay-2" > <span role="button" data-is-link="false" tabindex="0" aria-expanded="false" aria-owns="category--drink_types" class="main-menu-item " data-category=drink_types> <div class="pill "> <span>Coffee types</span> </div> </span> </li> <li class="swiper-slide animate-enter-fade animate-delay-2" > <span role="button" data-is-link="false" tabindex="0" aria-expanded="false" aria-owns="category--product_format" class="main-menu-item " data-category=product_format> <div class="pill "> <span>Coffee formats</span> </div> </span> </li> <li class="swiper-slide animate-enter-fade animate-delay-2" > <span role="button" data-is-link="false" tabindex="0" aria-expanded="false" aria-owns="category--coffee_equipment" class="main-menu-item " data-category=coffee_equipment> <div class="pill "> <span>Coffee equipment</span> </div> </span> </li> <li class="swiper-slide animate-enter-fade animate-delay-2" > <span role="button" data-is-link="false" tabindex="0" aria-expanded="false" aria-owns="category--product_range" class="main-menu-item " data-category=product_range> <div class="pill "> <span>Our range</span> </div> </span> </li> </ul> </div> </div> <div class="submenu-container padding-x"> <div class="submenu-items-container category--drink_types" id="category--drink_types" data-category=drink_types> <div class="swiper submenu-swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types" aria-label="All coffee types"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/All%20coffee%20types_336x150.jpg" alt="all nescafé coffee types" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">All coffee types</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types/black-coffee" aria-label="Black Coffee"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-11/black-thumbnail%201.jpg" alt="Black Coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Black Coffee</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types/coffee-milk" aria-label="Coffee with Milk"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/CUP%20IMAGE%20UPDATES_14April40491P_BrewNotesCup_Caramel%20Latte_336x150.jpg" alt="nescafé frothy coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Coffee with Milk</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types/cappuccino" aria-label="Cappuccino"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/CUP%20IMAGE%20UPDATES_14April40491P_BrewNotesCup_Cappuccino_336x150.jpg" alt="nescafé cappuccino" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Cappuccino</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types/latte" aria-label="Latte"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-11/latte-thumbnail%201.jpg" alt="nescafé latte" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Latte</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/types/espresso" aria-label="Espresso"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/4091P_BrewNotesCup_Espresso_336x150.jpg" alt="nescafé espresso" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Espresso</span> </div> </div> </a> </li> </ul> </div> </div> <div class="submenu-items-container category--product_format" id="category--product_format" data-category=product_format> <div class="swiper submenu-swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/formats" aria-label="All coffee formats"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/Coffee%20formats_336x150.jpg" alt="all nescafé coffee formats" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">All coffee formats</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/formats/coffee-sachets" aria-label="Coffee Sachets"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-10/Nes-Web3_PLP_CoffeeFormat_CoffeeSachets_336x150.jpg" alt="Coffee Sachets" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Coffee Sachets</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/formats/nescafe-ready-drink" aria-label="NESCAFÉ<sup>®</sup> Ready to Drink"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-336x150_0_1.jpg" alt="NESCAFÉ® Ready to Drink" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Ready to Drink</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/formats/instant-coffee" aria-label="Instant coffee"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP_Coffee%20Formats_Instant_336x150.jpg" alt="nescafé instant coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Instant coffee</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/formats/ndg-pods" aria-label="NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Capsules"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP_Coffee%20formats_NDG_336x15.jpg" alt="nescafé dolce gusto capsules" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Capsules</span> </div> </div> </a> </li> </ul> </div> </div> <div class="submenu-items-container category--coffee_equipment" id="category--coffee_equipment" data-category=coffee_equipment> <div class="swiper submenu-swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/equipment" aria-label="All coffee equipment"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/All%20equipment_335x150.jpg" alt="all coffee equipment" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">All coffee equipment</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/equipment/kettle" aria-label="Kettle"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP_Coffee%20equipment_Kettle_336x150.jpg" alt="coffee kettle" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">Kettle</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/equipment/ndg-machine" aria-label="NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Machine"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP-Equipment-DolceGusto-336x150_2.jpg" alt="nescafé dolce gusto coffee machine" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Machine</span> </div> </div> </a> </li> </ul> </div> </div> <div class="submenu-items-container category--product_range" id="category--product_range" data-category=product_range> <div class="swiper submenu-swiper"> <ul class="swiper-wrapper"> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range" aria-label="All Range"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/All%20coffee%20ranges_336x150.jpg" alt="nescafé coffee range" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">All Range</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/white-coffees" aria-label="NESCAFÉ<sup>®</sup> White Coffee"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-336x150_0.jpg" alt="NESCAFÉ White Coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> White Coffee</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/3in1" aria-label="NESCAFÉ<sup>®</sup> 3in1"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-in1-336x150.jpg" alt="NESCAFÉ® 3in1" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> 3in1</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/classic" aria-label="NESCAFÉ<sup>®</sup> Classic"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-10/PLP-CategoryHeaders-NescafeClassic-336x150.jpg" alt="classic" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Classic</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/ready-to-drink" aria-label="NESCAFÉ<sup>®</sup> Ready to Drink"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-336x150_0_0.jpg" alt="RTD" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Ready to Drink</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/gold" aria-label="NESCAFÉ<sup>®</sup> Gold"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-05/PLP-Category-Gold_336x150.jpg" alt="nescafé gold coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Gold</span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/dolce-gusto" aria-label="NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup>"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP%20Category%203_336x150.jpg" alt="nescafé dolce gusto coffee" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup></span> </div> </div> </a> </li> <li class="swiper-slide submenu-item"> <a class="sub-category-filter-card elevation-1 has-hover" href="/sg/coffee/range/singapore-kopis" aria-label="NESCAFÉ<sup>®</sup> Singapore Kopi"> <div class="sub-category-filter-card__img-container"> <img src="/sg/sites/default/files/2024-08/Nes_Web3_ProductListingPage_CategoryHeaders-All%20Range-336x150.jpg" alt="NESCAFÉ Singapore Kopi" loading="lazy"> </div> <div class="sub-category-filter-card__content"> <div class="sub-category-filter-card__title"> <span class="labelMediumRegular">NESCAFÉ<sup>®</sup> Singapore Kopi</span> </div> </div> </a> </li> </ul> </div> </div> </div> </div> </div> </section> <div class="results-container"> <div class="filter-results-container"> <div data-drupal-messages-fallback class="hidden"></div> <div class="view view-taxonomy-term view-id-taxonomy_term view-display-id-page_prod_all js-view-dom-id-e735a2262240ee3a5a7b5e5b781cff5503ed6ac8fc523390c5654097af65215a"> <div class="view-header hide"> <span class="overlay-icon"></span><span class="product-count">45</span> </div> <div class="view-content"> <div data-drupal-views-infinite-scroll-content-wrapper class="views-infinite-scroll-content-wrapper clearfix filter-page-view-container"> <section class="grid-container padding-x content-grid"> <div class="grid-x max-width-container"> <div class="cell small-12 xlarge-offset-1 xlarge-10 grid-x"> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/dolce-gusto-cappuccino" aria-label="Cappuccino" id="2427" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2023-08/Nes_Web3_PDP_NDG_BannerMod_Cappuccino_Front_960x960-min.png" loading="lazy" alt="Dolce Gusto Cappuccino pods" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup></p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">Cappuccino</h2> </div> <div class="product-card__description bodySmallRegular">Extra cremoso</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/dolce-gusto-cafe-au-lait" aria-label="Café Au Lait" id="2422" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2023-04/01_18%20PDP%20NDG%20Banner%20Module%20Cafe%20Au%20Lait%20960x960.png" loading="lazy" alt="Dolce Gusto Café Au Lait pods" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup></p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">Café Au Lait</h2> </div> <div class="product-card__description bodySmallRegular">Balanced and round</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/dolce-gusto-intenso" aria-label="Espresso Intenso" id="2413" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2023-08/Nes_Web3_PDP_NDG_BannerMod_EspressoIntenso_Front_960x960-min.png" loading="lazy" alt="Dolce Gusto Espresso Intenso pods" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup></p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">Espresso Intenso</h2> </div> <div class="product-card__description bodySmallRegular">Spicy and fruity</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <div class="fact-card elevation-2 has-hover product fact"> <div class="fact-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP-Facts-2000x2000.jpg" alt="nescafé sustainable coffee" loading="lazy"> </div> <div class="fact-card__content"> <div class="fact-card__title"> <span class="utilityTagLowCaps">Did you know?</span> </div> <div class="fact-card__description bodyLargeRegular"><p>Coffee has a long history, dating back to 800 A.D.</p> <p>Read more fun facts about coffee here.</p></div> <div class="fact-card__cta"> <a href=" https://www.nescafe.com/sg/coffee-culture/coffee-knowledge/coffee-fun-facts " class="link white " aria-label="" target="" rel="follow" > <span class="button-text">Explore more</span> </a> </div> </div> </div> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/gold-refill" aria-label="170g Refill" id="3283" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2024-08/NESCAF%C3%89%C2%AE%20GOLD%20170g%20Refill.png" loading="lazy" alt="NESCAFÉ® GOLD 170g Refill" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> GOLD</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">170g Refill</h2> </div> <div class="product-card__description bodySmallRegular">Rich and smooth</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/gold-2in1" aria-label="2in1 Zero Sugar Added" id="3282" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2024-08/9556001314345_Front.png" loading="lazy" alt="NESCAFÉ® GOLD 2in1 Zero Sugar Added" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> GOLD</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">2in1 Zero Sugar Added</h2> </div> <div class="product-card__description bodySmallRegular">Bold and Creamy</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/3in1-salted-caramel" aria-label="3in1 Salted Caramel" id="3281" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2024-08/front_10.png" loading="lazy" alt="NESCAFÉ® 3in1 Salted Caramel" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> 3in1</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">3in1 Salted Caramel</h2> </div> <div class="product-card__description bodySmallRegular">Smooth anad Aromatic</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <div class="fact-card elevation-2 has-hover product fact"> <div class="fact-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP-Facts-2000x2000_0.jpg" alt="nescafé sustainable coffee" loading="lazy"> </div> <div class="fact-card__content"> <div class="fact-card__title"> <span class="utilityTagLowCaps">Did you know?</span> </div> <div class="fact-card__description bodyLargeRegular"><p>Beethoven was a huge fan of coffee, using precisely 60 beans per cup.</p> </div> <div class="fact-card__cta"> <a href=" https://www.nescafe.com/sg/coffee-culture/coffee-knowledge/coffee-fun-facts " class="link white " aria-label="" target="" rel="follow" > <span class="button-text">Explore more</span> </a> </div> </div> </div> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/gold-2g" aria-label="2g Sticks" id="3280" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2024-08/NESCAF%C3%89%C2%AE%20GOLD%202g%20Sticks.png" loading="lazy" alt="NESCAFÉ® GOLD 2g Sticks" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> GOLD</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">2g Sticks</h2> </div> <div class="product-card__description bodySmallRegular">Rich and smooth</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/3in1-coconut" aria-label="3in1 Coconut" id="3279" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2024-08/front_11.png" loading="lazy" alt="NESCAFÉ® 3in1 Coconut" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> 3in1</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">3in1 Coconut</h2> </div> <div class="product-card__description bodySmallRegular">Smooth anad Aromatic</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <script type="text/javascript"> var personalizationTimeRange = [ { 'type': 'morning', 'range': [360, 720] }, { 'type': 'afternoon', 'range': [720, 960] }, { 'type': 'evening', 'range': [960, 1200] }, { 'type': 'night', 'range': [1200, 1440] } ]; </script> <a href="https://www.nescafe.com/sg/coffee/gold-3in1-intense" aria-label="3in1 Intense" id="3277" class="product-card elevation-2 has-hover bg--white "> <div class="product-card__body"> <div class="product-card__img-container"> <div class="bg-gradient"></div> <img class="product-img" src="/sg/sites/default/files/2023-10/3D_Nescafe-3in1_Pouch_Intense_Front.png" loading="lazy" alt="Nescafé Gold 3in1 Intense" height="200"> </div> <div class="product-card__eyebrow"> <span class="product-brand utilityTagHighCaps"><p>NESCAFÉ<sup>®</sup> GOLD</p></span> </div> <div class="product-card__label"> <h2 class="labelLargeBold product-label">3in1 Intense</h2> </div> <div class="product-card__description bodySmallRegular">Bold and strong</div> </div> <div class="product-card__footer"> <div class="product-card__wtb"> </div> <div class="comparison-actions"> <button class="product-card__compare-label"> <span class="labelSmallBold">Add to compare</span> <i class="icon plus-red"></i> </button> <button class="product-card__remove-label"> <span class="labelSmallBold">Remove</span> <i class="icon cross-red"></i> </button> </div> </div> </a> </div> <div class="views-row cell content-cell small-12 medium-6 large-4 animation-hide"> <div class="fact-card elevation-2 has-hover product fact"> <div class="fact-card__img-container"> <img src="/sg/sites/default/files/2023-04/PLP-Facts-2000x2000_0.jpg" alt="nescafé sustainable coffee" loading="lazy"> </div> <div class="fact-card__content"> <div class="fact-card__title"> <span class="utilityTagLowCaps">Did you know?</span> </div> <div class="fact-card__description bodyLargeRegular"><p>A coffee ‘bean’ is actually a fruit. The ‘beans’ grow on a bush in the centre of a berry.</p></div> <div class="fact-card__cta"> <a href=" https://www.nescafe.com/sg/coffee-culture/coffee-knowledge/coffee-origins " class="link white " aria-label="" target="" rel="follow" > <span class="button-text">Explore more</span> </a> </div> </div> </div> </div> </div> </div> </section> </div> </div> <div class="load-more-container"> <ul class="js-pager__items pager" data-drupal-views-infinite-scroll-pager> <li class="pager__item"> <a class="button transparent-black load-more-items-btn" href="?page=1" title="Load more items" rel="next">Load more</a> </li> </ul> </div> </div> </div> <div class="product-comparison-bar"> <div class="comparison-max-msg"> <p class="labelSmallBold">Please remove an item before adding another</p> </div> <div class="max-width-wrapper"> <div class="comparison-actions"> <button class="close-comparison" aria-label="Close comparison"> <i class="icon comparison-close"></i> <span class="show-for-sr" aria-hidden="true">Close comparison</span> </button> </div> <div class="product-action-block"> <div class="min-msg-block"> <p class="utilityNav">Add up to 3 products to compare</p> </div> <div class="products-block"> <ul> <li class="empty"> <button class="remove-product" aria-label="Remove product"> <i class="icon close-circle-white"></i> <span class="show-for-sr" aria-hidden="true">Remove from comparison</span> </button> <div class="image-block"></div> <div class="details-block"> <span class="utilityTagLowCaps brandPlaceHolder"></span> <span class="labelSmallBold titlePlaceHolder"></span> </div> </li> <li class="empty"> <button class="remove-product" aria-label="Remove product"> <i class="icon close-circle-white"></i> <span class="show-for-sr" aria-hidden="true">Remove from comparison</span> </button> <div class="image-block"></div> <div class="details-block"> <span class="utilityTagLowCaps brandPlaceHolder"></span> <span class="labelSmallBold titlePlaceHolder"></span> </div> </li> <li class="empty"> <button class="remove-product" aria-label="Remove product"> <i class="icon close-circle-white"></i> <span class="show-for-sr" aria-hidden="true">Remove from comparison</span> </button> <div class="image-block"></div> <div class="details-block"> <span class="utilityTagLowCaps brandPlaceHolder"></span> <span class="labelSmallBold titlePlaceHolder"></span> </div> </li> </ul> </div> <div class="compare-btn"> <button class="compare button transparent-black" data-ajax-url="https://www.nescafe.com/sg/nc/compare" disabled>Compare</button> </div> </div> </div> </div> <div class="product-comparison-overlay" id="product-comparison-overlay"> <div class="comparison-title-holder"> <p class="headline-h3">Compare</p> <button class="comparison-overlay-close" aria-label="Close comparison overlay"> <i class="icon comparison-close"></i> <span class="show-for-sr" aria-hidden="true">Close comparison overlay</span> </button> </div> </div> </div> <footer role="contentinfo"> <section class="back-to-top"> <div class="back-to-top__cta"> <a href="javascript:void(0)" title="Back To Top" class="button light-beige-accent bodySmallRegular " aria-label="Back To Top" target="" rel="follow" > <span class="button-text">Back To Top</span> </a> </div> </section> <div class="cookie-btn-container bg--light-beige-accent optanon-toggle-display"> <button class="cookie-btn bodySmallRegular"> <span class="cookie-btn-text">Privacy Policy</span> </button> </div> <div id="global-footer" class="global-footer grid-container "> <section class="footer-section grid-container"> <div class="logo-lang-container"> <div class="footer-logo"> <a href="https://www.nescafe.com/sg/" title="Nescafe Logo" aria-label="Nescafe logo links to the home page"> <img class="lazyload" data-src="/sg/sites/default/files/latest_logo_white.png" alt="Nescafe Logo"/> </a> </div> <a href="https://www.nescafe.com/sg/country-selector" title="Singapore" class="link--underlined country-selector" aria-label="Link to select language and country"> <img class="lazyload" data-src="/sg/sites/default/files/2023-02/country-selector_0.svg" alt="Country Selector"/> <span class="labelMediumRegular">Singapore</span> </a> </div> <div class="footer-social"> <span class="utilityLegend footer-social-title">Follow NESCAFÉ<sup>®</sup> Singapore on social media for even more delicious coffee content</span> <ul class="footer-social-links"> <li> <a href="https://www.facebook.com/NescafeSingapore" aria-label="" title="" target="_blank" > <img class="lazyload" data-src="/sg/sites/default/files/2023-02/Facebook.svg" alt="facebook"/> </a> </li> <li> <a href="https://www.instagram.com/nescafe_sg/" aria-label="" title="" target="_blank" > <img class="lazyload" data-src="/sg/sites/default/files/2023-02/Instagram_0.svg" alt="instagram"/> </a> </li> </ul> </div> <div class="footer-site-links"> <div class="footer-links"> <ul> <li class=""> <a href="https://www.nescafe.com/sg/contact-us" title="Contact Us" class="labelMediumRegular" >Contact Us</a> </li> <li class=""> <a href="https://www.nescafe.com/sg/terms-conditions" title="Terms & Conditions" class="labelMediumRegular" >Terms & Conditions</a> </li> <li class=""> <a href="https://www.nestle.com.sg/info/privacypolicy" title="Privacy Policy" class="labelMediumRegular" >Privacy Policy</a> </li> <li class=""> <a href="https://www.nescafe.com/sg/cookies" title="Cookies" class="labelMediumRegular" >Cookies</a> </li> <li class=""> <a href="https://www.nescafe.com/sg/sitemap" title="Sitemap" class="labelMediumRegular" >Sitemap</a> </li> <li class=" external "> <a href="https://www.nestleprofessional.com.sg/" title="Visit Nestlé Professional" class="labelMediumRegular" target="_blank" >Visit Nestlé Professional</a> </li> </ul> </div> </div> </section> </div> </footer> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/gsap.min.js" defer crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-gmwBmiTVER57N3jYS3LinA9eb8aHrJua5iQD7yqYCKa5x6Jjc7VDVaEA0je0Lu0bP9j7tEjV3+1qUm6loO99Kw=="></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.3/ScrollTrigger.min.js" defer crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-tHvUcUQYi35zApvAa5TNR3fNhBQkVtkmWKfacnpxmix4/VTGz1lGjIVyLMp7gLgAvg+aKJjnVKokXJNS5GZ+/g=="></script> <script src="/sg/themes/custom/nescafe/UI/build/main.bundle.js?ss15w4" defer></script> <script src="/sg/sites/default/files/styles/js/js_W_LBqFcOx2KA0ERWws4N_51-cCgs809pWVlzOMGO4PU.js?scope=footer&delta=3&language=en-sg&theme=nescafe&include=eJyNkVtuxCAMRTcEZRn97waQQxzqqWOQMdNmVl-SqI-p1Ko_cH38uoiJ4baFicoDXODNza1HBSPJLSpeCV9bGMzjFcW8KaSXkXOZ8gZh1l6BH3d9ktEKLRzyaSiXS8mM0SCHPI6f8bnyDq6OJSaCNSydeVjI1Gw3VGTPzGDAsKGGT3WPD5_NSYpVy9yTxQoZgyS_9Ia1r9WnIoLJiv6vypMYjncbXfHPDqZJQbe9piFoeg7n5Q0mJ9gSLBgylwnYX9oXaVC_xy1pYTalnFH3xDklQqUI3Uoqa2U0DL9wd3xaJFlIyDCe88JB_Qf1J30HFlTGqg"></script> <script src="/sg/themes/custom/nescafe/js/nescafe-global.js?ss15w4" defer></script> <script src="/sg/sites/default/files/styles/js/js_xKOwM6NrEbwKf6qvIG4d7txLlvrGI8pg2uVIL7YIq6o.js?scope=footer&delta=5&language=en-sg&theme=nescafe&include=eJyNkVtuxCAMRTcEZRn97waQQxzqqWOQMdNmVl-SqI-p1Ko_cH38uoiJ4baFicoDXODNza1HBSPJLSpeCV9bGMzjFcW8KaSXkXOZ8gZh1l6BH3d9ktEKLRzyaSiXS8mM0SCHPI6f8bnyDq6OJSaCNSydeVjI1Gw3VGTPzGDAsKGGT3WPD5_NSYpVy9yTxQoZgyS_9Ia1r9WnIoLJiv6vypMYjncbXfHPDqZJQbe9piFoeg7n5Q0mJ9gSLBgylwnYX9oXaVC_xy1pYTalnFH3xDklQqUI3Uoqa2U0DL9wd3xaJFlIyDCe88JB_Qf1J30HFlTGqg"></script> </body> </html>

CINXE.COM

All Our Delicious Instant Coffees | Nescafé Singapore