Nescafé® Official Site | Nescafé Singapore

<!DOCTYPE html> <html lang="en-sg" dir="ltr" prefix="og: https://ogp.me/ns#" class="homepage-page scroll-default-top"> <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"},"userInformation":{"deviceType":"","gaClientID":""},"pageInformation":{"pageName":"Home"}};</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="Whether you're craving a shot of espresso, a luxurious latte, or a cold nitro coffee, we have just the thing. It all starts with a Nescafé®" /> <meta name="keywords" content="nescafé, nescafé coffee" /> <link rel="canonical" href="https://www.nescafe.com/sg/" /> <link rel="shortlink" href="https://www.nescafe.com/sg/" /> <meta property="og:site_name" content="Nescafé Singapore" /> <meta property="og:type" content="Component page" /> <meta property="og:url" content="https://www.nescafe.com/au/" /> <meta property="og:title" content="Home" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="Nescafé Singapore" /> <meta name="twitter:title" content="Home" /> <meta name="twitter:creator" content="nestle_user@ecosystem" /> <meta name="twitter:image:alt" content="Site image" /> <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", "@graph": [ { "@type": "Organization", "@id": "https://www.nescafe.com/sg/#organization", "name": "Nescafé Singapore", "url": "https://www.nescafe.com/sg/", "description": "World’s leading coffee brand, Nescafé offers a diverse range of coffee products catering to various tastes, preferences, and occasions.", "sameAs": [ "https://www.facebook.com/NescafeANZ/", "https://www.youtube.com/@NescafeANZ", "https://www.instagram.com/nescafeanz/?hl=en" ], "logo": { "@type": "ImageObject", "url": "https://www.nescafe.com/sg/sites/default/files/latest_logo_white.png" }, "address": { "@type": "PostalAddress", "streetAddress": "", "addressLocality": "", "postalCode": "", "addressCountry": "Nescafé Singapore" } }, { "@type": "WebSite", "name": "Nescafé Singapore", "url": "https://www.nescafe.com/sg/", "potentialAction": { "@type": "SearchAction", "target": { "@type": "EntryPoint", "urlTemplate": "https://www.nescafe.com/sg/search?q={search_term_string}" }, "query-input": "required name=search_term_string" } } ] }</script> <script type="application/ld+json">{ "@context" : "https://schema.org", "@type" : "VideoObject", "name": "We’re using our global scale for good, one cup at a time", "description": "Discover how NESCAFÉ® is making a difference for you, for coffee communities and for our world", "uploadDate": "2023-04-05 07:29:42 UTC", "duration": "", "url": "", "contentUrl": "https://www.nescafe.com/sg/themes/custom/nescafe/assets/homepage/large.mp4", "embedUrl": "", "thumbnailUrl":"https://www.nescafe.com/sg/sites/default/files/2023-04/Poster_Frame_16_9.jpg" }</script> <link href="https://www.nescafe.com/sg/themes/custom/nescafe/favicon.ico" rel="shortcut icon" sizes="52x52" /> <title>Nescafé® Official Site | 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_ex99xWsUFVges8s95rmHVMQ6NCpcQOP-5Enu-AQ_diE.css?delta=0&language=en-sg&theme=nescafe&include=eJx1j2tOxDAMhC-UNsfgGJGbzKYRzkO2s9Dbk11ACAn-WNY31ngm6QwxxC7wGQ1C7NIT4d3Q0lLq6A3NfslCVlrWILgXvKlfbMN9XW0mFF-X5nLJF_kkcxC_PHbHLQzptduJqV7tYrgWwx9-gdggfonfYMWoyz7culTXoJFuKzD3g3iLqm6QUBYap3693H_IPtuYBxc9kZyCJJ6BRgk0rT_qMQz-H-70UkP1ByncZ9fn3GtPk_EBt2h-UA" /> <link rel="preload stylesheet" media="all" href="/sg/themes/custom/nescafe/UI/build/style.css?srwmwj" as="style" /> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/sg\/","pathPrefix":"","currentPath":"node\/2808","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en-sg"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNkm1yGyEMhi8E5hj93wswWlZmccXHSMLN3j5au0lsT9rpH5CeVxJCsMqMKabOGDI2ZCC33hC-KbbVlDp6w6ZPMoOWliUyXgv-lmDM49WivDKkX6a5XPIOYeU5gH4c9p1YKki4mT_Ncrn3TBgVcsi2vPonuMDbM6yOWkwFajhPImshF9Gjod4OZQUFgh05fFrP-NanHGxwr103nBJEd0LXUvzmdhFILc_ED2BDqVYknjvXI8kKrTNpHJDR4vx5Co5Zh0-9NUza-f-ifGl2EiQtV_xnBpWFgfcjRhA4beG-eYXFNZQEZ3tP6guQTyKv6PJABMajv2klr90naFeQR0USdyLlkjPyIQxgyAxjkz_PfPoip9nGXKjIhqu79xZhlAhT-_GlCBXDX7iTXRRrWEDQ3f_XbT1VmwbhO-xBDf0","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":"2808","content_name":"Home","content_type":"dsu_component_page"},"events":[]},"ratingAssetPath":"https:\/\/www.nescafe.com\/sg\/themes\/custom\/nescafehttps:\/\/www.nescafe.com\/sg\/themes\/custom\/nescafe\/UI\/src\/assets\/feedback-rating-emojis\/","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=eJyNj1FuxDAIRC8U18fofy9gEUJYb4ltAU6b22-ykdrdSq36A8MbsMaT9aTgubAlpTXTh8XJeqCVigdXwPfdGzjzBnHS3kBeD32S_RQs3uXbrgaulYWSA0fey8_5Ba7w-QyXQUrCDEucu8gegbP5EaiWw5nAQWAjjV_qGd9z2lAwNa1TR08NmGLBMHej1pcWsJZC6FX_txVycdr_7XmlPy8kjwq6HTtGoHiJZwsO41DIEGaKLHUECVf7Jgbtcb74IsFrQCgr2KNjqFXENTOTHsb5foKWE3SvWJcm5BR_4Teilbkw"></script> <script src="/sg/modules/contrib/google_tag/js/gtag.js?srwmwj"></script> <script src="/sg/modules/contrib/google_tag/js/gtm.js?srwmwj"></script> <script src="/sg/sites/default/files/styles/js/js_CW1ClDPBLGV4y_U3u5P7bvII3Iiax4BFsYWrwkyJpR4.js?scope=header&delta=3&language=en-sg&theme=nescafe&include=eJyNj1FuxDAIRC8U18fofy9gEUJYb4ltAU6b22-ykdrdSq36A8MbsMaT9aTgubAlpTXTh8XJeqCVigdXwPfdGzjzBnHS3kBeD32S_RQs3uXbrgaulYWSA0fey8_5Ba7w-QyXQUrCDEucu8gegbP5EaiWw5nAQWAjjV_qGd9z2lAwNa1TR08NmGLBMHej1pcWsJZC6FX_txVycdr_7XmlPy8kjwq6HTtGoHiJZwsO41DIEGaKLHUECVf7Jgbtcb74IsFrQCgr2KNjqFXENTOTHsb5foKWE3SvWJcm5BR_4Teilbkw"></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="homepage-page"> <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> <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-04f771a11cfeba13926e87d5d2dd32c9d7a29fa117596b2786adda829bf3e3a5"> <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--2"><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=" 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> <header role="banner"> </header> <section class="toaster toaster-signin" data-is-loggedin="" data-timer="2000" data-signin-msg="You are logged in" data-signout-msg="You are signed out"> <div class="toaster--overlay js-close-toaster"></div> <div class="toaster--container"> <svg role="presentation" class="toaster--arrow" width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.26351 1.03885C7.0313 -0.304777 8.9687 -0.304778 9.73649 1.03885L16 12L0 12L6.26351 1.03885Z" fill="white"/> </svg> <div class="toaster--container-inner"> <div class="toaster--message-wrapper"> <div class="toaster--user"> <svg class="toaster--user--icon" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.1917 11.1114C11.1532 11.1405 11.1605 11.2014 11.205 11.2201C11.8441 11.4879 12.4247 11.8804 12.9139 12.3753C13.403 12.8701 13.791 13.4576 14.0557 14.1041C14.1939 14.4417 14.2971 14.7919 14.3642 15.1492C14.4661 15.692 14.009 16.1434 13.4567 16.1434H13.0714C13.0307 16.3379 12.9391 16.5287 12.7986 16.7102C12.6025 16.9637 12.3151 17.1941 11.9527 17.3881C11.5903 17.5821 11.1601 17.736 10.6866 17.841C10.2131 17.946 9.70563 18 9.19314 18C8.68065 18 8.17318 17.946 7.6997 17.841C7.22622 17.736 6.796 17.5821 6.43361 17.3881C6.07123 17.1941 5.78377 16.9637 5.58765 16.7102C5.44722 16.5287 5.35559 16.3379 5.31487 16.1434H4.92181C4.36952 16.1434 3.91241 15.692 4.0143 15.1492C4.08136 14.7919 4.18455 14.4417 4.32277 14.1041C4.58748 13.4576 4.97547 12.8701 5.4646 12.3753C5.95373 11.8804 6.5344 11.4879 7.17348 11.2201C7.21833 11.2013 7.2257 11.1399 7.18689 11.1106C6.36802 10.4923 5.83782 9.5044 5.83782 8.39118C5.83782 6.51828 7.33856 5 9.18982 5C11.0411 5 12.5418 6.51828 12.5418 8.39118C12.5418 9.50488 12.0112 10.4932 11.1917 11.1114Z" fill="#222222"/> <path d="M17.25 9C17.25 4.44365 13.5563 0.75 9 0.75L8.96717 0.750065C8.967 0.750065 8.96683 0.750067 8.96666 0.750067C4.42569 0.767996 0.75 4.45476 0.75 9C0.75 13.5563 4.44365 17.25 9 17.25C13.5563 17.25 17.25 13.5563 17.25 9Z" stroke="#222222" stroke-width="1.5"/> </svg> </div> <div class="toaster--user-message bodySmallRegular"> You are signed out </div> </div> <div class="toaster--close"> <button type="button" class="icon cross-icon-black toaster--close-btn js-close-toaster" aria-label="Close tooltip"></button> </div> </div> </div> </section> <div class="tooltip-signin-register bg--white-accent" id="tooltip-signin-register"> <svg role="presentation" class="tooltip-signin-register--arrow" width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.26351 1.03885C7.0313 -0.304777 8.9687 -0.304778 9.73649 1.03885L16 12L0 12L6.26351 1.03885Z" fill="#FAFAFA" /> </svg> <div class="tooltip-signin-register--container"> <div class="labelMediumBold tooltip-signin-register--title"></div> <div class="tooltip-signin-register--ctas"> <a href="javascript:void(0)" class="button transparent-black tooltip-signin-register--signin " aria-label="" target="" rel="follow" > </a> <a href="javascript:void(0)" class="button transparent-black tooltip-signin-register--signup " aria-label="" target="" rel="follow" > </a> </div> <div class="tooltip-signin-register--close"> <button type="button" class="icon cross-icon-black tooltip-signin-register--close-btn" aria-label="Close tooltip"></button> </div> </div> </div> <div data-drupal-messages-fallback class="hidden"></div> <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] } ]; const node_id = '2808'; const node_title = 'Home'; </script> <section class="grid-container homepage-banner-wrapper variation--banner bg--paper-white" data-is-banner="true"> <div class="homepage-banner reveal-effect-container"> <div class="media-container"> <video muted class="video--large show-for-large" playsinline preload poster="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-poster="/sg/sites/default/files/2023-04/Poster_Frame_16_9.jpg" fetchpriority="high"> <source src="https://www.nescafe.com/sg/themes/custom/nescafe/assets/homepage/large.mp4" media="(min-width: 1024px)" type="video/mp4"> </video> <video muted class="video--small hide-for-large" playsinline preload poster="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-poster="/sg/sites/default/files/2023-04/Poster_Frame_9_16.jpg" fetchpriority="high"> <source src="https://www.nescafe.com/sg/themes/custom/nescafe/assets/homepage/small.mp4" media="(max-width: 1023px)" type="video/mp4"> </video> </div> <div class="content-container animate-enter"> <div class="max-width-container"> <div class="content-wrapper"> <img class="brand-image brand-image--light" src="/sg/sites/default/files/2023-04/brand-logo-light_0_0_0.png" alt="nescafé sustainable coffee"> <img class="brand-image brand-image--dark hide" src="/sg/sites/default/files/2023-04/brand-logo-light_0_0.png" alt="nescafé sustainable coffee"> <h1 class="primary-title">We’re using our global scale for good, one cup at a time</h1> <div class="cta-container primary-title-cta-container hide"> <a href=" https://www.nescafe.com/sg/sustainability " class="button red " aria-label="" target="" rel="follow" > <span class="button-text">Find out more</span> </a> </div> <div class="secondary-title"> <strong class="headline-h1">Discover how NESCAFÉ® is making a difference for you, for coffee communities and for our world</strong> <div class="cta-container"> <a href=" https://www.nescafe.com/sg/sustainability " class="button red " aria-label="" target="" rel="follow" > <span class="button-text">Find out more</span> </a> </div> </div> </div> </div> </div> </div> <div class="greeting-container bodyLargeRegular"> <div class="greeting-wrapper"> <span class="greeting greeting--morning">Good morning!</span> <span class="greeting greeting--afternoon">Good afternoon!</span> <span class="greeting greeting--evening">Good evening!</span> <span class="greeting greeting--night">Good night!</span> </div> </div> </section> <section class = "home-page-description grid-container padding animate-enter"> <div class = "grid-x max-width-container"> <div class = "cell large-offset-1 large-10 xlarge-offset-2 xlarge-8 text-center wrapper"> <div class = "image-container animate-enter-fade-up-short animate-delay-3"> <img src = "/sg/sites/default/files/2023-04/MYW_sign_in.png" data-src = "/sg/sites/default/files/2023-04/MYW_sign_in.png" alt = "nescafé make your world" loading="lazy"> </div> <div class = "description1 bodyMediumRegular animate-enter-fade-up-short animate-delay-5">At NESCAFÉ<sup>®</sup> we believe every cup of coffee has the power to make your world better. Join us to help make a difference and discover how rewarding it can be.</div> <div class="product-card__wtb"> </div> </div> </div> </section> <section class="grid-container home-page-search bg--paper-brown padding animate-enter"> <div class="left-plant-container animate-enter-fade-right-short animate-delay-3"> <img class="lazyload" role="presentation" aria-hidden="true" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.nescafe.com/sg/themes/custom/nescafe/images/homepage-search/plant.png" alt="search"> </div> <div class="right-plant-container animate-enter-fade-left-short animate-delay-5"> <img class="lazyload" role="presentation" aria-hidden="true" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-src="https://www.nescafe.com/sg/themes/custom/nescafe/images/homepage-search/plant.png" alt="search"> </div> <div class="grid-x max-width-container"> <div class="cell text-center large-offset-2 large-8 xlarge-offset-1 xlarge-10 "> <h2 class="title headline-h2 animate-enter-fade-up-short animate-delay-7">What are you looking for today?</h2> </div> <div class="cell medium-offset-2 medium-8 large-offset-3 large-6 text-center"> <div class="animate-enter-fade-up-short animate-delay-9"> <div class = "search-container"> <input type = "button" id = "search" name = "search" class = "search" autocomplete="off" aria-label="Open Search overlay"> <span class = "search-icon icon search-icon-black"></span> </div> </div> <div class="description labelLargeBold animate-enter-fade-up-short animate-delay-13"> <div class="description-text"> I want to learn more about sustainable farming </div> <span class="icon quote-start-brown animate-enter-fade-up-short animate-delay-11"></span> </div> </div> </div> </section> <section class = "sustainability-hub-recycle-section grid-container bg--paper-white homepage-recommended-article padding animate-enter"> <div class = "grid-x pos-rel"> <div class = "cell bg-container animate-enter-fade animate-delay-3 "> <picture > <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2024-08/Homepage%20%281%29.jpg"> <source media="(min-width: 1024px)" data-srcset="/sg/sites/default/files/2024-08/Homepage%20%281%29.jpg"> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2024-08/Homepage%20%281%29.jpg"> <source media="(min-width: 0px)" data-srcset="/sg/sites/default/files/2024-08/Homepage%20mobile.jpg"> <img data-src="/sg/sites/default/files/2024-08/Homepage%20%281%29.jpg" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt="Home all range banner" class="lazyload animate-enter-fade animate-delay-3"> </picture> </div> <div class = "cell "> <div class = "grid-x white-bg-patch"> <div class = "text-container text-center "> <h2 class = "title headline-h2 animate-enter-fade-up-short animate-delay-3">Discover a world of flavour in one place</h2> <div class = "description bodyMediumRegular animate-enter-fade-up-short animate-delay-5">Explore the full range of NESCAFÉ<sup>®</sup> to find your perfect coffee.</div> <a href=" https://www.nescafe.com/sg/coffees " title="See all products" class="button transparent-black see-all-products animate-enter-fade-up-short animate-delay-7 " aria-label="" target="" rel="follow" > <span class="button-text">See all products</span> </a> </div> </div> </div> </div> </section> <section class="recipe-home grid-container overflow-x-hidden recipe-home--has-icon animate-enter"> <div class="grid-x "> <div class="grid-x recipe-home--image-text"> <div class="cell small-12 large-10 large-offset-1 "> <div class = "recipe-home--icon-section animate-enter-fade-left-long animate-delay-3 text-center"> <img class="recipe-home--icon-section-img" data-src="/sg/sites/default/files/2023-04/Winter%20Seasonal_icon_1.svg" src="/sg/sites/default/files/2023-04/Winter%20Seasonal_icon_1.svg" alt="Winter" loading="lazy"> </div> <div class="recipe-home--text-section animate-enter-fade-up-short animate-delay-3 "> <h2 class="recipe-home--title">Make your day a little cooler</h2> <div class="recipe-home--desc bodyMediumRegular"><p>Whatever your style, here’s some cold coffee recipe inspiration to beat the heat and stay refreshed.</p> </div> </div> </div> </div> <div class="cell small-12 recipe-home--wrapper"> <div class="swiper swipper--full-view-padding recipe-home--wrapper--in"> <div class="recipe-home--btn-control recipe-home--prev show-for-large"> <button class="swiper-control swiper--prev elevation-1 animate-enter-fade-right-short animate-delay-9"> <svg role="presentation" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L17 7M1 7L6.33333 2M1 7L6.33333 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg> </button> </div> <div class="recipe-home--btn-control recipe-home--next show-for-large"> <button class="swiper-control swiper--next elevation-1 animate-enter-fade-left-short animate-delay-9"> <svg role="presentation" width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 7L1 7M17 7L11.6667 2M17 7L11.6667 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg> </button> </div> <ul class="swiper-wrapper recipe-home--list"> <li class="swiper-slide recipe-home--list-item"> <a href="/sg/recipes/iced-coconut-latte" data-key="recipe" id="recipe-3014" title="Iced Coconut Latte" aria-label="Iced Coconut Latte" class="recipe-card-grid-view--link"> <div class="grid-x recipe-card recipe-card--grid-view-card elevation-2 has-hover recipe-card-grid-view "> <div class="cell small-12 medium-12 large-6 recipe-img-container animate-enter-fade animate-delay-5"> <div class="recipe-tag-mobile animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--brand-green "> <span class="tag__label">Plant-based</span> </div> </div> <picture> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-08/Nes_Web3_RDP_RecipeHeroBanner_IcedCoconutLatte_1066x1066.jpg"> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/recipe_home_card/public/2023-08/Nes_Web3_RDP_RecipeHeroBanner_IcedCoconutLatte_1066x1066.jpg?h=08f66884&itok=RRjBQpCj"> <img data-src="/sg/sites/default/files/2023-08/Nes_Web3_RDP_RecipeHeroBanner_IcedCoconutLatte_1066x1066.jpg" loading="lazy" class="lazyload" alt="Iced Coconut Latte recipe"> </picture> </div> <div class="cell small-12 medium-12 large-6 recipe-details"> <div class="recipe-info"> <div class="recipe-tag-desktop animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--brand-green "> <span class="tag__label">Plant-based</span> </div> </div> <div class="recipe-name labelLargeBold animate-enter-fade-up-short animate-delay-9">Iced Coconut Latte</div> <div class="grid-x"> <div class="cell recipe-description bodySmallRegular animate-enter-fade-up-short animate-delay-11">Rich, balanced, and ice-cold</div> </div> <div class="grid-x"> <div class="cell recipe-steps-and-ingredients animate-enter-fade-up-short animate-delay-11"> <div class="recipe-steps-container" > <span class="recipe-steps-count labelSmallBold">5</span> <span class="recipe-steps-label utilityTagHighCaps">Steps</span> </div> <div class="recipe-steps-separator"></div> <div class="recipe-ingredients-container" > <span class="recipe-ingredients-count labelSmallBold">5</span> <span class="recipe-ingredients-label utilityTagHighCaps">Ingredients</span> </div> </div> </div> </div> </div> </div> </a> </li> <li class="swiper-slide recipe-home--list-item"> <a href="/sg/recipes/iced-caramel-latte-macchiato" data-key="recipe" id="recipe-3013" title="Iced Caramel Latte Macchiato" aria-label="Iced Caramel Latte Macchiato" class="recipe-card-grid-view--link"> <div class="grid-x recipe-card recipe-card--grid-view-card elevation-2 has-hover recipe-card-grid-view "> <div class="cell small-12 medium-12 large-6 recipe-img-container animate-enter-fade animate-delay-5"> <div class="recipe-tag-mobile animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--brand-green "> <span class="tag__label">Christmas treat</span> </div> </div> <picture> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-08/RecipeHero_IcedCaramelLatte_1066x1066.jpg"> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/recipe_home_card/public/2023-08/RecipeHero_IcedCaramelLatte_1066x1066.jpg?h=08f66884&itok=osoXZNMi"> <img data-src="/sg/sites/default/files/2023-08/RecipeHero_IcedCaramelLatte_1066x1066.jpg" loading="lazy" class="lazyload" alt="Iced Caramel Latte Macchiato recipe"> </picture> </div> <div class="cell small-12 medium-12 large-6 recipe-details"> <div class="recipe-info"> <div class="recipe-tag-desktop animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--brand-green "> <span class="tag__label">Christmas treat</span> </div> </div> <div class="recipe-name labelLargeBold animate-enter-fade-up-short animate-delay-9">Iced Caramel Latte Macchiato</div> <div class="grid-x"> <div class="cell recipe-description bodySmallRegular animate-enter-fade-up-short animate-delay-11">A swirl of caramel</div> </div> <div class="grid-x"> <div class="cell recipe-steps-and-ingredients animate-enter-fade-up-short animate-delay-11"> <div class="recipe-steps-container" > <span class="recipe-steps-count labelSmallBold">5</span> <span class="recipe-steps-label utilityTagHighCaps">Steps</span> </div> <div class="recipe-steps-separator"></div> <div class="recipe-ingredients-container" > <span class="recipe-ingredients-count labelSmallBold">5</span> <span class="recipe-ingredients-label utilityTagHighCaps">Ingredients</span> </div> </div> </div> </div> </div> </div> </a> </li> <li class="swiper-slide recipe-home--list-item"> <a href="/sg/recipes/frappe" data-key="recipe" id="recipe-3267" title="Frappé Recipe" aria-label="Frappé Recipe" class="recipe-card-grid-view--link"> <div class="grid-x recipe-card recipe-card--grid-view-card elevation-2 has-hover recipe-card-grid-view "> <div class="cell small-12 medium-12 large-6 recipe-img-container animate-enter-fade animate-delay-5"> <div class="recipe-tag-mobile animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--info-tag-pink "> <span class="tag__label">Community favourite</span> </div> </div> <picture> <source media="(min-width: 768px)" data-srcset="/sg/sites/default/files/2023-10/frappe-recipe-header-desktop.jpg"> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/recipe_home_card/public/2023-10/frappe-recipe-header-desktop.jpg?h=08f66884&itok=S8gJPMu8"> <img data-src="/sg/sites/default/files/2023-10/frappe-recipe-header-desktop.jpg" loading="lazy" class="lazyload" alt="frappe-recipe-header-desktop"> </picture> </div> <div class="cell small-12 medium-12 large-6 recipe-details"> <div class="recipe-info"> <div class="recipe-tag-desktop animate-enter-fade-up-short animate-delay-9"> <div class="tag bg--info-tag-pink "> <span class="tag__label">Community favourite</span> </div> </div> <div class="recipe-name labelLargeBold animate-enter-fade-up-short animate-delay-9">Frappé Recipe</div> <div class="grid-x"> <div class="cell recipe-description bodySmallRegular animate-enter-fade-up-short animate-delay-11">Smooth and tempting</div> </div> <div class="grid-x"> <div class="cell recipe-steps-and-ingredients animate-enter-fade-up-short animate-delay-11"> <div class="recipe-steps-container" > <span class="recipe-steps-count labelSmallBold">3</span> <span class="recipe-steps-label utilityTagHighCaps">Steps</span> </div> <div class="recipe-steps-separator"></div> <div class="recipe-ingredients-container" > <span class="recipe-ingredients-count labelSmallBold">5</span> <span class="recipe-ingredients-label utilityTagHighCaps">Ingredients</span> </div> </div> </div> </div> </div> </div> </a> </li> </ul> <div class="recipe-home--pagination animate-enter-fade-left-long animate-delay-8"> <div class="swiper-pagination"></div> </div> </div> </div> </div> <div class = "grid-x recipe-home--cta-container text-center animate-enter-fade-up-short animate-delay-10"> <div class = "cell large-10 large-offset-1 see-all-recipies-cta"> <a href=" https://www.nescafe.com/sg/recipes " title="See all recipes" class="button transparent-auto " aria-label="" target="" rel="follow" > <span class="button-text">See all recipes</span> </a> </div> </div> </section> <section class="sustainability-article-carousel grid-container bg--paper-green animate-enter" id=""> <div class="max-width-container"> <div class="grid-x"> <div class="cell small-12 large-10 large-offset-1 xlarge-8 xlarge-offset-2"> <div class="sustainability-article-carousel__text-section"> <h2 class="sustainability-article-carousel__title animate-enter-fade-up-short">See the difference we make from bean to cup</h2> </div> </div> </div> </div> <div class="grid-x"> <div class="cell small-12 large-offset-1 large-11 sustainability-article-carousel__wrapper"> <div class="swiper swipper--full-view-padding sustainability-article-carousel__wrapper--inner"> <div class="sustainability-article-carousel__btn-control sustainability-article-carousel--prev show-for-large"> <button class="swiper-control swiper-button swiper--prev elevation-1"> <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L17 7M1 7L6.33333 2M1 7L6.33333 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" /> </svg> </button> </div> <div class="sustainability-article-carousel__btn-control sustainability-article-carousel--next show-for-large"> <button class="swiper-control swiper-button swiper--next elevation-1"> <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 7L1 7M17 7L11.6667 2M17 7L11.6667 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" /> </svg> </button> </div> <ul class="swiper-wrapper sustainability-article-carousel__list"> <li class="swiper-slide sustainability-article-carousel__list-item animate-enter-fade-left-short animate-delay-1 " > <a class="sustainability-card elevation-2 has-hover" href="https://www.nescafe.com/sg/sustainability/our-world/empowering-women" aria-label="Helping women grow better communities"> <div class="sustainability-card__img-container animate-enter-fade animate-delay-5"> <div class="sustainability-card__tag"> <div class="tag bg--brand-green "> <span class="tag__label">Sustainability</span> </div> </div> <picture> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-05/FuelingJourney_Dorotee_2188x1230_compressed.jpg"> <source media="(min-width: 1024px)" data-srcset=""> <source media="(min-width: 768px)" data-srcset=""> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/sustainability_article_card/public/2023-05/FuelingJourney_Dorotee_2188x1230_compressed.jpg?h=8d93d12c&itok=N2rW2cqg"> <img data-src="/sg/sites/default/files/2023-05/FuelingJourney_Dorotee_2188x1230_compressed.jpg" loading="lazy" class="lazyload" alt=""> </picture> </div> <div class="sustainability-card__content"> <div> <div class="sustainability-card__title animate-enter-fade-up-short animate-delay-7"> <span class="labelLargeBold">Helping women grow better communities</span> </div> <div class="sustainability-card__description animate-enter-fade-up-short animate-delay-9"> <span class="bodyMediumRegular"> Meet Dorotee, one of around 3,500 Rwandan women in farming who have benefitted from the Nestlé Farmer Training Program </span> </div> </div> <div class="signIn-Info-Tooltip animate-enter-fade-up-short animate-delay-9"> </div> <div class="sustainability-card__reading-duration" > <span class="labelSmallBold animate-enter-fade-up-short animate-delay-11"> 3 mins </span> <span class="utilityTagHighCaps text-uppercase sustainability-card__reading-duration-suffix animate-enter-fade-up-short animate-delay-13"> read </span> </div> </div> </a> </li> <li class="swiper-slide sustainability-article-carousel__list-item animate-enter-fade-left-short animate-delay-1 " > <a class="sustainability-card elevation-2 has-hover" href="https://www.nescafe.com/sg/sustainability/our-world/rainforest-alliance" aria-label="Better Together"> <div class="sustainability-card__img-container animate-enter-fade animate-delay-5"> <div class="sustainability-card__tag"> <div class="tag bg--brand-green "> <span class="tag__label">Sustainability</span> </div> </div> <picture> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-04/2188%20x%201230_21.jpg"> <source media="(min-width: 1024px)" data-srcset=""> <source media="(min-width: 768px)" data-srcset=""> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/sustainability_article_card/public/2023-04/2188%20x%201230_21.jpg?h=8d93d12c&itok=Wz1UmbpD"> <img data-src="/sg/sites/default/files/2023-04/2188%20x%201230_21.jpg" loading="lazy" class="lazyload" alt=""> </picture> </div> <div class="sustainability-card__content"> <div> <div class="sustainability-card__title animate-enter-fade-up-short animate-delay-7"> <span class="labelLargeBold">Better Together</span> </div> <div class="sustainability-card__description animate-enter-fade-up-short animate-delay-9"> <span class="bodyMediumRegular"> NESCAFÉ<sup>®</sup> joined forces with the Rainforest Alliance in 2014 to co-develop the NESCAFÉ<sup>®</sup> Plan Theory of Change </span> </div> </div> <div class="signIn-Info-Tooltip animate-enter-fade-up-short animate-delay-9"> </div> <div class="sustainability-card__reading-duration" > <span class="labelSmallBold animate-enter-fade-up-short animate-delay-11"> 3 mins </span> <span class="utilityTagHighCaps text-uppercase sustainability-card__reading-duration-suffix animate-enter-fade-up-short animate-delay-13"> read </span> </div> </div> </a> </li> <li class="swiper-slide sustainability-article-carousel__list-item animate-enter-fade-left-short animate-delay-1 " > <a class="sustainability-card elevation-2 has-hover" href="https://www.nescafe.com/sg/sustainability/the-world/regenerative-agriculture" aria-label="If Beans Could Talk"> <div class="sustainability-card__img-container animate-enter-fade animate-delay-5"> <div class="sustainability-card__tag"> <div class="tag bg--brand-green "> <span class="tag__label">Sustainability</span> </div> </div> <picture> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-04/2188%20x%201230%20%281%29.jpg"> <source media="(min-width: 1024px)" data-srcset=""> <source media="(min-width: 768px)" data-srcset=""> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/sustainability_article_card/public/2023-04/2188%20x%201230%20%281%29.jpg?h=8d93d12c&itok=NhxHG2SA"> <img data-src="/sg/sites/default/files/2023-04/2188%20x%201230%20%281%29.jpg" loading="lazy" class="lazyload" alt=""> </picture> </div> <div class="sustainability-card__content"> <div> <div class="sustainability-card__title animate-enter-fade-up-short animate-delay-7"> <span class="labelLargeBold">If Beans Could Talk</span> </div> <div class="sustainability-card__description animate-enter-fade-up-short animate-delay-9"> <span class="bodyMediumRegular"> Every day, tons of green beans arrive at a NESCAFÉ<sup>®</sup> roasting facility, and every bean has its own story to tell. </span> </div> </div> <div class="signIn-Info-Tooltip animate-enter-fade-up-short animate-delay-9"> </div> <div class="sustainability-card__reading-duration" > <span class="labelSmallBold animate-enter-fade-up-short animate-delay-11"> 3 mins </span> <span class="utilityTagHighCaps text-uppercase sustainability-card__reading-duration-suffix animate-enter-fade-up-short animate-delay-13"> read </span> </div> </div> </a> </li> </ul> <div class="sustainability-article-carousel__pagination animate-enter-fade-left-short animate-delay-3"> <div class="swiper-pagination"></div> </div> </div> </div> </div> </section> <section class="campaign-carousel grid-container bg--paper-white" > <div class="parallax-bg js-parallax-bg" data-lazy-bg-image="/sg/sites/default/files/2023-05/MicrosoftTeams-image%20%2816%29.png"></div> <div> <div class="grid-x campaign-carousel__header-grid"> <div class="cell large-2 xlarge-3"></div> <div class="cell small-12 large-8 xlarge-6 campaign-carousel__header-wrapper"> <h2 class="campaign-carousel__title"> Your NESCAFÉ<sup>®</sup> today </h2> <div class="campaign-carousel__description bodyMediumRegular"> We believe everyone deserves a great cup of coffee - and that starts with making better choices for the world we live in. For us, that means using our global scale to make a real difference - and unlock the true power of coffee. </div> </div> <div class="cell large-2 xlarge-3"></div> </div>  <div class="swiper campaign-carousel__swiper"> <div class="swiper-wrapper campaign-carousel__swiper-wrapper"> <div class="swiper-slide campaign-carousel__swiper__quotation-slide"> <div class="campaign-quotation"> <h4 class="campaign-quotation__text"> By 2025, NESCAFÉ<sup>®</sup> aims to reach 100% responsible sourced coffee. <span class="campaign-quotation__quote-icon-wrapper"> <i class="icon quote-start-brown"></i> </span> </h4> <div class="campaign-quotation__author-and-location-wrapper"> <div class="labelSmallBold campaign-quotation__author"> NESCAFÉ<sup>®</sup> Coffee Plan </div> </div> <div class="campaign-quotation__background-image-wrapper"> <picture> <source media="(min-width: 1440px)" data-srcset="/sg/sites/default/files/2023-04/Homepage_MISC_Quote_794x764.png"> <source media="(min-width: 1024px)" data-srcset=""> <source media="(min-width: 768px)" data-srcset=""> <source media="(min-width: 0px)" data-srcset="https://www.nescafe.com/sg/sites/default/files/styles/campaign_quotation_card/public/2023-04/Homepage_MISC_Quote_794x764.png?h=46642db2&itok=OVloCVZD"> <img data-src="/sg/sites/default/files/2023-04/Homepage_MISC_Quote_794x764.png" loading="lazy" class="lazyload" alt="nescafé responsible sourced coffee"> </picture> </div> </div> </div> <div class="swiper-slide campaign-carousel__swiper__recipe-card-slide"> <a href="" class="campaign-recipe-card elevation-4"> <div class="campaign-recipe-card__img-container"> <img src="/sg/sites/default/files/2023-05/CaramelLatte_566x500.png" alt="NESCAFÉ® Coffee Plan" loading="lazy"> </div> <div class="campaign-recipe-card__details"> </div> </a> </div> <div class="swiper-slide campaign-carousel__swiper__fact-card-slide "> <div class="campaign-fact-card campaign-fact elevation-4 bg--paper-green"> <div class="campaign-fact-card__img-container"> <img class="lazyload" data-src="/sg/sites/default/files/2023-04/Homepage_MISC_DYK_630x342.png" alt="nescafé responsible sourced coffee" loading="lazy"> </div> <div class="campaign-fact-card__details"> <div class="campaign-fact-card__name utilityScriptLarge"> Did you know?</div> <div class="bodyMediumRegular campaign-fact-card__description"> <p>Since 2010, NESCAFÉ® Plan farmers received over 250 million coffee plantlets.</p></div> <div class="campaign-fact-card__cta"> <a href=" https://www.nescafe.com/sg/sustainability/the-world/resist-climate-change " title="Explore more" class="link link-auto labelSmallBold " aria-label="" target="" rel="follow" > <span class="button-text">Explore more</span> </a> </div> </div> </div> </div> <div class="swiper-slide campaign-carousel__swiper__fact-card-slide campaign-make-difference"> <div class="campaign-fact-card campaign-make-difference elevation-4 bg--paper-brown"> <div class="campaign-fact-card__img-container"> <img class="lazyload" data-src="/sg/sites/default/files/2023-04/Homepage_MISC_DYK_630x342_0.png" alt="nescafé sustainability" loading="lazy"> </div> <div class="campaign-fact-card__details"> <div class="campaign-fact-card__name utilityScriptLarge"> One cup makes a big difference</div> <div class="bodyMediumRegular campaign-fact-card__description"> <p>We are dedicated to renewing the working environments of coffee communities across the world, so they can live a better life.</p></div> <div class="campaign-fact-card__cta"> <a href=" https://www.nescafe.com/sg/sustainability " title="Explore more" class="link link-auto labelSmallBold " aria-label="" target="" rel="follow" > <span class="button-text">Explore more</span> </a> </div> </div> </div> </div> </div> <div class="campaign-carousel__btn-control campaign-carousel--prev show-for-large"> <button class="swiper-control swiper-button swiper--prev elevation-1"> <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L17 7M1 7L6.33333 2M1 7L6.33333 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" /> </svg> </button> </div> <div class="campaign-carousel__btn-control campaign-carousel--next show-for-large"> <button class="swiper-control swiper-button swiper--next elevation-1"> <svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 7L1 7M17 7L11.6667 2M17 7L11.6667 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round" /> </svg> </button> </div> <div class="swiper-pagination campaign-carousel__swiper-pagination" ></div> </div> </div> </section> <section class="grid-container coffee-profiler animate-enter" data-api-url="https://www.nescafe.com/sg/nc/cprofiler-status"> <div class="bg--paper-blue dummy-to-load-bg"></div> <div class="bg--paper-white-heavy dummy-to-load-bg"></div> <div class="parallax-bg-img-container"> <div class="parallax-img" data-lazy-bg-image="/sg/sites/default/files/2023-04/Product%20Finder_Header.jpeg.jpg"></div> </div> <div class="max-width-container grid-x"> <div class="cell small-12 medium-offset-1 medium-10 xlarge-offset-2 xlarge-8 padding-x"> <h2 class="heading animate-enter-fade-up-short animate-delay-3">NESCAFÉ<sup>®</sup> Product Guide</h2> <div class="intro-info animate-enter-fade animate-delay-1 no-avatar-image "> <div class="greetings-container headline-h4 animate-enter-fade-up-short animate-delay-3 stagger-1"> <span class="hide greeting--morning">Good Morning</span> <span class="hide greeting--afternoon">Good Afternoon</span> <span class="hide greeting--evening">Good Evening</span> <span class="hide greeting--night">Good Night</span> </div> <div class="guide-text labelMediumRegular animate-enter-fade-up-short animate-delay-6">We've got a wide range of products, so let's find the right NESCAFÉ<sup>®</sup> for you.</div> </div> </div> <div class="cell small-12 medium-offset-1 medium-10 xlarge-offset-2 xlarge-8 swiper-pagination-container padding-x animate-enter-fade-up-short animate-delay-15"> <div class="swiper-pagination"></div> </div> <div class="cell small-12"> <div class="swiper coffee-profiler-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide initial-slide"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="initq" data-slide-index="" data-q-filter=""> <h3 class="question-label">What’s your experience with the world of coffee?</h3> <div class="options-container options-count--2"> <button class="option elevation-2 has-hover bg--paper-white " data-is-yes="1" data-opt-id=inityes data-q-id=initq data-opt-filter-vals="" data-opt-filter="" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-03/yes-icon_0.png" alt="Yes Icon"> <span class="option-label labelMediumRegular">I love coffee and have been drinking it for years</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-is-yes="" data-opt-id=initno data-q-id=initq data-opt-filter-vals="" data-opt-filter="" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-03/no-icon.png" alt="No Icon"> <span class="option-label labelMediumRegular">I'm brand new to the world of coffee</span> </button> </div> </div> <div class="grid-container"> <div class="grid-x"> </div> </div> </div> <div class="swiper-slide "> <div class="slide-type--no"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="391" data-slide-index="1" data-q-filter="format"> <h3 class="question-label">Do you typically prefer hot or cold drinks?</h3> <div class="options-container options-count--2"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=394 data-q-id=391 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="1" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/hot-coffee.png" alt="Hot drinks"> <span class="option-label labelMediumRegular">Hot drinks</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=395 data-q-id=391 data-opt-filter-vals="187" data-opt-filter="format" data-opt-exc-filter="1" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/cold-coffee.png" alt="Cold drinks"> <span class="option-label labelMediumRegular">Cold drinks</span> </button> </div> </div> </div> <div class="slide-type--yes"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="390" data-slide-index="1" data-q-filter="format"> <h3 class="question-label">Which of these match the way you have your coffee?</h3> <div class="options-container options-count--2"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=392 data-q-id=390 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="1" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/hot-coffee.png" alt="Hot"> <span class="option-label labelMediumRegular">Hot</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=393 data-q-id=390 data-opt-filter-vals="187" data-opt-filter="format" data-opt-exc-filter="1" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/cold-coffee.png" alt="Cold"> <span class="option-label labelMediumRegular">Cold</span> </button> </div> </div> </div> </div> <div class="swiper-slide "> <div class="slide-type--no"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="298" data-slide-index="2" data-q-filter="type,features"> <h3 class="question-label">Which of these drink types do you think you'd prefer?</h3> <div class="options-container options-count--4"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=302 data-q-id=298 data-opt-filter-vals="495,192,191,87" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_withmilk.png" alt="Coffee with milk"> <span class="option-label labelMediumRegular">Coffee with milk</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=303 data-q-id=298 data-opt-filter-vals="502,194" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q2_black.png" alt="Coffee without milk"> <span class="option-label labelMediumRegular">Coffee without milk</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=307 data-q-id=298 data-opt-filter-vals="451" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/DairyAltMilk_pictogram_0.png" alt="Coffee with added flavours"> <span class="option-label labelMediumRegular">Coffee with added flavours</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=450 data-q-id=298 data-opt-filter-vals="73,253" data-opt-filter="features" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/Q3_withmilk_1.png" alt="Coffee with non-dairy milk"> <span class="option-label labelMediumRegular">Coffee with non-dairy milk</span> </button> </div> </div> </div> <div class="slide-type--yes"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="179" data-slide-index="2" data-q-filter="type,features"> <h3 class="question-label">How do you mainly prefer to drink your coffee?</h3> <div class="options-container options-count--4"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=304 data-q-id=179 data-opt-filter-vals="495,192,191,87" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_withmilk_1.png" alt="Coffee with milk"> <span class="option-label labelMediumRegular">Coffee with milk</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=449 data-q-id=179 data-opt-filter-vals="73,253" data-opt-filter="features" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-08/Q3_withmilk_1.png" alt="Coffee with non-dairy milk"> <span class="option-label labelMediumRegular">Coffee with non-dairy milk</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=305 data-q-id=179 data-opt-filter-vals="502,194" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q2_black.png" alt="Coffee without milk"> <span class="option-label labelMediumRegular">Coffee without milk</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=203 data-q-id=179 data-opt-filter-vals="451" data-opt-filter="type" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/DairyAltMilk_pictogram_0.png" alt="Coffee with added flavours"> <span class="option-label labelMediumRegular">Coffee with added flavours</span> </button> </div> </div> </div> </div> <div class="swiper-slide "> <div class="slide-type--no"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="312" data-slide-index="3" data-q-filter="intensity"> <h3 class="question-label">What kind of intensity profile do you like in your drinks?</h3> <div class="options-container options-count--3"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=309 data-q-id=312 data-opt-filter-vals="76" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_LightRoast.png" alt="Smooth"> <span class="option-label labelMediumRegular">Smooth</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=310 data-q-id=312 data-opt-filter-vals="77" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_MediumRoast.png" alt="Medium"> <span class="option-label labelMediumRegular">Medium</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=311 data-q-id=312 data-opt-filter-vals="78" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_DarkRoast.png" alt="Intense"> <span class="option-label labelMediumRegular">Intense</span> </button> </div> </div> </div> <div class="slide-type--yes"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="308" data-slide-index="3" data-q-filter="intensity"> <h3 class="question-label">How intense do you like your coffee?</h3> <div class="options-container options-count--3"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=213 data-q-id=308 data-opt-filter-vals="76" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_LightRoast.png" alt="Light & delicate"> <span class="option-label labelMediumRegular">Light & delicate</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=214 data-q-id=308 data-opt-filter-vals="77" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_MediumRoast.png" alt="Well-balanced"> <span class="option-label labelMediumRegular">Well-balanced</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=215 data-q-id=308 data-opt-filter-vals="78" data-opt-filter="intensity" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q3_DarkRoast.png" alt="Rich & intense"> <span class="option-label labelMediumRegular">Rich & intense</span> </button> </div> </div> </div> </div> <div class="swiper-slide last-slide"> <div class="slide-type--no"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="182" data-slide-index="4" data-q-filter="format"> <h3 class="question-label">Now that you're getting into the coffee world, how do you think you'd enjoy coffee best?</h3> <div class="options-container options-count--3"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=217 data-q-id=182 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q4_Kettle.png" alt="Out and about"> <span class="option-label labelMediumRegular">Out and about</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=216 data-q-id=182 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q4_OnTheGo.png" alt="Quick & easy,made in minutes"> <span class="option-label labelMediumRegular">Quick & easy,made in minutes</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=218 data-q-id=182 data-opt-filter-vals="187" data-opt-filter="format" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q4_NDGPods.png" alt="NESCAFÉ® Dolce Gusto® Machine"> <span class="option-label labelMediumRegular">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Machine</span> </button> </div> </div> </div> <div class="slide-type--yes"> <div class="coffee-profiler-slide animate-enter-fade-up-short animate-delay-7" data-q-id="183" data-slide-index="4" data-q-filter="format"> <h3 class="question-label">Picture yourself sipping on coffee. Which of these match up to your imagination?</h3> <div class="options-container options-count--3"> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=314 data-q-id=183 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q4_Kettle.png" alt="Out and about"> <span class="option-label labelMediumRegular">Out and about</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=313 data-q-id=183 data-opt-filter-vals="185" data-opt-filter="format" data-opt-exc-filter="1" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-04/Q4_OnTheGo.png" alt="Easy to make at home"> <span class="option-label labelMediumRegular">Easy to make at home</span> </button> <button class="option elevation-2 has-hover bg--paper-white " data-opt-id=320 data-q-id=183 data-opt-filter-vals="187" data-opt-filter="format" data-opt-exc-filter="" > <img class="option-icon lazyload" data-src="/sg/sites/default/files/2023-05/Q4_NDGPods.png" alt="NESCAFÉ® Dolce Gusto® Machine"> <span class="option-label labelMediumRegular">NESCAFÉ<sup>®</sup> Dolce Gusto<sup>®</sup> Machine</span> </button> </div> </div> </div> </div> </div> <div class="swiper-controls animate-enter-fade animate-delay-15"> <button class="swiper-control swiper-button swiper-control--prev elevation-1 animate-enter-fade-right-short animate-delay-15" disabled="disabled"> <svg width="18" height="14" viewbox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1 7L17 7M1 7L6.33333 2M1 7L6.33333 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg> </button> <button class="swiper-control swiper-button swiper-control--next elevation-1 animate-enter-fade-left-short animate-delay-15" disabled> <svg width="18" height="14" viewbox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 7L1 7M17 7L11.6667 2M17 7L11.6667 12" stroke="#222222" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/> </svg> </button> </div> </div> </div> </div> <div class="error-message" data-default-message="Error! Please try again."> <span class="error-message-text bodyLargeRegular">Error! Please try again.</span> </div> <form method="POST" action="https://www.nescafe.com/sg/coffee-profiler/result" class="hide coffee-profiler-form"> <input name="type" value="" type="hidden"> <input name="intensity" value="" type="hidden"> <input name="format" value="" type="hidden"> <input name="features" value="" type="hidden"> <input name="exc-type" value="" type="hidden"> <input name="exc-intensity" value="" type="hidden"> <input name="exc-format" value="" type="hidden"> <input name="exc-features" value="" type="hidden"> </form> </section> <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="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js" defer crossorigin="anonymous" referrerpolicy="no-referrer" integrity="sha512-BNaRQnYJYiPSqHHDb58B0yaPfCu+Wgds8Gp/gU33kqBtgNS4tSPHuGibyoeqMV/TJlSKda6FXzoEyYGjTe+vXA=="></script> <script src="/sg/themes/custom/nescafe/UI/build/main.bundle.js?srwmwj" defer></script> <script src="/sg/sites/default/files/styles/js/js_QmUkttq8GOEiGGXa5PHCF0Z1pj362ZFh19WDGBVDsjU.js?scope=footer&delta=4&language=en-sg&theme=nescafe&include=eJyNj1FuxDAIRC8U18fofy9gEUJYb4ltAU6b22-ykdrdSq36A8MbsMaT9aTgubAlpTXTh8XJeqCVigdXwPfdGzjzBnHS3kBeD32S_RQs3uXbrgaulYWSA0fey8_5Ba7w-QyXQUrCDEucu8gegbP5EaiWw5nAQWAjjV_qGd9z2lAwNa1TR08NmGLBMHej1pcWsJZC6FX_txVycdr_7XmlPy8kjwq6HTtGoHiJZwsO41DIEGaKLHUECVf7Jgbtcb74IsFrQCgr2KNjqFXENTOTHsb5foKWE3SvWJcm5BR_4Teilbkw"></script> <script src="/sg/themes/custom/nescafe/js/nescafe-global.js?srwmwj" defer></script> <script src="/sg/sites/default/files/styles/js/js_rtq9uCGjeBBZQUbvRUxlL2QsnjyBAW5cwhmDm9_AIRo.js?scope=footer&delta=6&language=en-sg&theme=nescafe&include=eJyNj1FuxDAIRC8U18fofy9gEUJYb4ltAU6b22-ykdrdSq36A8MbsMaT9aTgubAlpTXTh8XJeqCVigdXwPfdGzjzBnHS3kBeD32S_RQs3uXbrgaulYWSA0fey8_5Ba7w-QyXQUrCDEucu8gegbP5EaiWw5nAQWAjjV_qGd9z2lAwNa1TR08NmGLBMHej1pcWsJZC6FX_txVycdr_7XmlPy8kjwq6HTtGoHiJZwsO41DIEGaKLHUECVf7Jgbtcb74IsFrQCgr2KNjqFXENTOTHsb5foKWE3SvWJcm5BR_4Teilbkw"></script> </body> </html>

CINXE.COM

Nescafé® Official Site | Nescafé Singapore