- スキャンID：
- 85d8b7ab-e1c3-4573-b63e-7202c43dc591終了
- 送信済みURL：
- https://henryw77.sg-host.com/
- レポート終了日：
リンク · 0件検出
ページから特定された発信リンク
JavaScript変数 · 12件検出
ページのウィンドウオブジェクトにロードされたグローバルのJavaScript変数は関数以外の場所で宣言された変数で、現在のスコープ内であればコードのどこからでもアクセス可能です
| 名前 | 規模 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| _wpemojiSettings | object |
| $ | undefined |
| jQuery | function |
| c | string |
| generic_banner_carousel_options | object |
| generic_carousel_options | object |
| our_latest_carousel_options | object |
コンソールログメッセージ · 1件検出
Webコンソールにログ記録されたメッセージ
| 規模 | 分類 | ログ |
|---|---|---|
| log | other |
|
HTML
未加工のHTMLページ本文
<!DOCTYPE html><html lang="en-US"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Metropolis</title>
<meta name="robots" content="noindex, nofollow">
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<script type="text/javascript">
/* <![CDATA[ */
window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/henryw77.sg-host.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}};
/*! This file is auto-generated */
!function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings);
/* ]]> */
</script>
<style id="wp-emoji-styles-inline-css" type="text/css">
img.wp-smiley, img.emoji {
display: inline !important;
border: none !important;
box-shadow: none !important;
height: 1em !important;
width: 1em !important;
margin: 0 0.07em !important;
vertical-align: -0.1em !important;
background: none !important;
padding: 0 !important;
}
</style>
<link rel="stylesheet" id="wp-block-library-css" href="https://henryw77.sg-host.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1" type="text/css" media="all">
<style id="classic-theme-styles-inline-css" type="text/css">
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
</style>
<style id="global-styles-inline-css" type="text/css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}
:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
</style>
<link rel="stylesheet" id="everest-forms-general-css" href="https://henryw77.sg-host.com/wp-content/plugins/everest-forms/assets/css/everest-forms.css?ver=3.0.3.1" type="text/css" media="all">
<link rel="stylesheet" id="jquery-intl-tel-input-css" href="https://henryw77.sg-host.com/wp-content/plugins/everest-forms/assets/css/intlTelInput.css?ver=3.0.3.1" type="text/css" media="all">
<link rel="stylesheet" id="main-css-css" href="https://henryw77.sg-host.com/wp-content/themes/metropolis/style.css?ver=6.7.1" type="text/css" media="all">
<script type="text/javascript" src="https://henryw77.sg-host.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://henryw77.sg-host.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<script type="text/javascript" src="https://henryw77.sg-host.com/wp-content/themes/metropolis/js/owl.carousel.min.js?ver=6.7.1" id="owl-carousel-js"></script>
<script type="text/javascript" src="https://henryw77.sg-host.com/wp-content/themes/metropolis/js/generic.js?ver=6.7.1" id="custom-script-js"></script>
<link rel="https://api.w.org/" href="https://henryw77.sg-host.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://henryw77.sg-host.com/wp-json/wp/v2/pages/2"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://henryw77.sg-host.com/xmlrpc.php?rsd">
<link rel="canonical" href="https://henryw77.sg-host.com/">
<link rel="shortlink" href="https://henryw77.sg-host.com/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://henryw77.sg-host.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhenryw77.sg-host.com%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://henryw77.sg-host.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhenryw77.sg-host.com%2F&format=xml">
<link rel="icon" href="https://henryw77.sg-host.com/wp-content/uploads/2024/12/metropolis_icon.png" sizes="32x32">
<link rel="icon" href="https://henryw77.sg-host.com/wp-content/uploads/2024/12/metropolis_icon.png" sizes="192x192">
<link rel="apple-touch-icon" href="https://henryw77.sg-host.com/wp-content/uploads/2024/12/metropolis_icon.png">
<meta name="msapplication-TileImage" content="https://henryw77.sg-host.com/wp-content/uploads/2024/12/metropolis_icon.png">
<script src="https://henryw77.sg-host.com/wp-includes/js/wp-emoji-release.min.js?ver=6.7.1" defer=""></script></head>
<body class="home page-template page-template-home page-template-home-php page page-id-2 everest-forms-js">
<div id="page" class="site ">
<header class="header">
<div class="header__inner">
<div class="header-top section--side-spacing hide-mobile">
<div class="header-top__inner max-width-content">
<div class="header-top__info header-top--left">
<div class="header-top__back-to-home">
<p>Different text for homepage...</p>
</div>
</div>
<div class="header-top__info header-top--right">
<nav class="header__top-nav">
<div class="menu"><ul id="Header Top Menu" class="nav-header-top"><li id="menu-item-702" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-702"><a href="#">Private Label & Co-Packing</a></li>
<li id="menu-item-703" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-703"><a href="#">Wholesale Resources</a></li>
</ul></div> </nav>
</div>
</div>
</div>
<div class="header__mobile hide-desktop"><!-- HEADER TOP -->
<div class="header__logo-wrapper header__logo-wrapper--mobile"> <!-- LOGO -->
<a href="https://henryw77.sg-host.com" class="heder__logo-link">
<img src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Metroplis_logo_black.png" alt="Metropolis Logo" class="header__logo-img header__logo-img--mobile">
</a>
</div>
<div class="header__mobile-toggle-holder hide-desktop"> <!-- FAV -->
<div class="header__mobile-toggle">
<span class="header__mobile-toggle-b">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11" fill="none">
<rect y="0.116211" width="16" height="1.30233" rx="0.651163" fill="#00413F"></rect>
<rect y="4.67432" width="16" height="1.30233" rx="0.651163" fill="#00413F"></rect>
<rect y="9.23267" width="16" height="1.30233" rx="0.651163" fill="#00413F"></rect>
</svg> </span>
<span class="header__mobile-toggle-x">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><rect y="20" width="27" height="2" rx="1" transform="rotate(-45 0 20)" fill="#000"></rect><rect width="27" height="2" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 20.5061 20)" fill="#000"></rect></svg> </span>
</div>
</div>
</div>
<div class="header__mobile-nav-wrapper hide-desktop">
<div class="header__mobile-nav-wrapper-inner">
<div class="header__mobile-action">
<div class="header__mobile-close">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="22" viewBox="0 0 21 22" fill="none"><rect y="20" width="27" height="2" rx="1" transform="rotate(-45 0 20)" fill="#000"></rect><rect width="27" height="2" rx="1" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 20.5061 20)" fill="#000"></rect></svg> </div>
<a href="https://henryw77.sg-host.com" class="header__logo-link">
<img src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/metropolis-mobile-logo.png" alt="Metropolis Logo" class="header__logo-img">
</a>
</div>
<nav class="header__mobile-nav">
<div class="menu"><ul id="Primary Desktop" class="mobile-nav__top"><li id="menu-item-885" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-885"><a href="https://henryw77.sg-host.com/wholesale/">Wholesale</a></li>
<li id="menu-item-887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-887"><a href="https://henryw77.sg-host.com/wholesale-services/">Wholesale Services</a></li>
<li id="menu-item-886" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-886"><a href="https://henryw77.sg-host.com/about-us/">About us</a></li>
<li id="menu-item-888" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-888"><a href="https://henryw77.sg-host.com/contact/">Contact</a></li>
</ul></div> </nav>
<div class="mobile__nav-socials">
<a target="_blank" href="#" class="header-top__social-icon socials__fb"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="28" viewBox="0 0 16 28" fill="none"><path d="M15.0629 0.200684V4.62033H12.4346C11.4747 4.62033 10.8274 4.82122 10.4926 5.22301C10.1578 5.62479 9.99037 6.22747 9.99037 7.03104V10.1951H14.8955L14.2426 15.1505H9.99037V27.8569H4.86761V15.1505H0.598633V10.1951H4.86761V6.54555C4.86761 4.46966 5.44796 2.85972 6.60868 1.71575C7.76939 0.571777 9.31515 -0.000207901 11.246 -0.000207901C12.8866 -0.000207901 14.1589 0.0667553 15.0629 0.200684Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="header-top__social-icon socials__insta"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M15.8901 16.0299C15.8901 16.0299 16.0994 15.8207 16.5179 15.4021C16.9365 14.9836 17.1457 14.1828 17.1457 12.9998C17.1457 11.8168 16.7272 10.8067 15.8901 9.96966C15.0531 9.1326 14.043 8.71408 12.86 8.71408C11.677 8.71408 10.6669 9.1326 9.82988 9.96966C8.99282 10.8067 8.5743 11.8168 8.5743 12.9998C8.5743 14.1828 8.99282 15.1929 9.82988 16.0299C10.6669 16.867 11.677 17.2855 12.86 17.2855C14.043 17.2855 15.0531 16.867 15.8901 16.0299ZM17.5308 8.32903C17.5308 8.32903 17.8516 8.6499 18.4934 9.29164C19.1351 9.93338 19.456 11.1694 19.456 12.9998C19.456 14.8301 18.8143 16.3871 17.5308 17.6706C16.2473 18.954 14.6904 19.5958 12.86 19.5958C11.0297 19.5958 9.47273 18.954 8.18925 17.6706C6.90577 16.3871 6.26403 14.8301 6.26403 12.9998C6.26403 11.1694 6.90577 9.61251 8.18925 8.32903C9.47273 7.04555 11.0297 6.40381 12.86 6.40381C14.6904 6.40381 16.2473 7.04555 17.5308 8.32903ZM20.812 5.04778C20.812 5.04778 20.8874 5.12312 21.038 5.27379C21.1887 5.42446 21.264 5.71185 21.264 6.13595C21.264 6.56006 21.1134 6.92278 20.812 7.22412C20.5107 7.52546 20.148 7.67613 19.7239 7.67613C19.2997 7.67613 18.937 7.52546 18.6357 7.22412C18.3343 6.92278 18.1837 6.56006 18.1837 6.13595C18.1837 5.71185 18.3343 5.34912 18.6357 5.04778C18.937 4.74644 19.2997 4.59577 19.7239 4.59577C20.148 4.59577 20.5107 4.74644 20.812 5.04778ZM14.1407 2.44455C14.1407 2.44455 13.9468 2.44594 13.559 2.44873C13.1711 2.45152 12.9381 2.45292 12.86 2.45292C12.7819 2.45292 12.355 2.45013 11.5793 2.44455C10.8036 2.43896 10.2149 2.43896 9.81314 2.44455C9.41135 2.45013 8.87285 2.46687 8.19762 2.49477C7.5224 2.52267 6.94762 2.57847 6.47329 2.66218C5.99896 2.74589 5.59997 2.84912 5.27631 2.97189C4.71827 3.1951 4.2272 3.51876 3.80309 3.94287C3.37898 4.36698 3.05532 4.85805 2.83211 5.41609C2.70934 5.73975 2.60611 6.13874 2.5224 6.61307C2.43869 7.0874 2.38289 7.66218 2.35499 8.3374C2.32709 9.01263 2.31035 9.55113 2.30477 9.95292C2.29919 10.3547 2.29919 10.9434 2.30477 11.7191C2.31035 12.4948 2.31314 12.9217 2.31314 12.9998C2.31314 13.0779 2.31035 13.5048 2.30477 14.2805C2.29919 15.0562 2.29919 15.6449 2.30477 16.0467C2.31035 16.4485 2.32709 16.987 2.35499 17.6622C2.38289 18.3374 2.43869 18.9122 2.5224 19.3865C2.60611 19.8608 2.70934 20.2598 2.83211 20.5835C3.05532 21.1415 3.37898 21.6326 3.80309 22.0567C4.2272 22.4808 4.71827 22.8045 5.27631 23.0277C5.59997 23.1505 5.99896 23.2537 6.47329 23.3374C6.94762 23.4211 7.5224 23.4769 8.19762 23.5048C8.87285 23.5327 9.41135 23.5495 9.81314 23.555C10.2149 23.5606 10.8036 23.5606 11.5793 23.555C12.355 23.5495 12.7819 23.5467 12.86 23.5467C12.9381 23.5467 13.365 23.5495 14.1407 23.555C14.9164 23.5606 15.5051 23.5606 15.9069 23.555C16.3087 23.5495 16.8472 23.5327 17.5224 23.5048C18.1976 23.4769 18.7724 23.4211 19.2467 23.3374C19.7211 23.2537 20.1201 23.1505 20.4437 23.0277C21.0018 22.8045 21.4928 22.4808 21.9169 22.0567C22.341 21.6326 22.6647 21.1415 22.8879 20.5835C23.0107 20.2598 23.1139 19.8608 23.1976 19.3865C23.2813 18.9122 23.3371 18.3374 23.365 17.6622C23.3929 16.987 23.4097 16.4485 23.4153 16.0467C23.4208 15.6449 23.4208 15.0562 23.4153 14.2805C23.4097 13.5048 23.4069 13.0779 23.4069 12.9998C23.4069 12.9217 23.4097 12.4948 23.4153 11.7191C23.4208 10.9434 23.4208 10.3547 23.4153 9.95292C23.4097 9.55113 23.3929 9.01263 23.365 8.3374C23.3371 7.66218 23.2813 7.0874 23.1976 6.61307C23.1139 6.13874 23.0107 5.73975 22.8879 5.41609C22.6647 4.85805 22.341 4.36698 21.9169 3.94287C21.4928 3.51876 21.0018 3.1951 20.4437 2.97189C20.1201 2.84912 19.7211 2.74589 19.2467 2.66218C18.7724 2.57847 18.1976 2.52267 17.5224 2.49477C16.8472 2.46687 16.3087 2.45013 15.9069 2.44455C15.5051 2.43896 14.9164 2.43896 14.1407 2.44455ZM25.6334 7.69287C25.6893 8.67501 25.7172 10.444 25.7172 12.9998C25.7172 15.5556 25.6893 17.3246 25.6334 18.3067C25.5218 20.6281 24.8299 22.425 23.5576 23.6973C22.2852 24.9697 20.4884 25.6616 18.1669 25.7732C17.1848 25.829 15.4158 25.8569 12.86 25.8569C10.3042 25.8569 8.53523 25.829 7.55309 25.7732C5.23166 25.6616 3.43479 24.9697 2.16247 23.6973C0.890145 22.425 0.198181 20.6281 0.086574 18.3067C0.0307704 17.3246 0.00286865 15.5556 0.00286865 12.9998C0.00286865 10.444 0.0307704 8.67501 0.086574 7.69287C0.198181 5.37144 0.890145 3.57457 2.16247 2.30225C3.43479 1.02993 5.23166 0.337961 7.55309 0.226355C8.53523 0.170551 10.3042 0.142649 12.86 0.142649C15.4158 0.142649 17.1848 0.170551 18.1669 0.226355C20.4884 0.337961 22.2852 1.02993 23.5576 2.30225C24.8299 3.57457 25.5218 5.37144 25.6334 7.69287Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="header-top__social-icon socials__yt"><svg xmlns="http://www.w3.org/2000/svg" width="31" height="22" viewBox="0 0 31 22" fill="none"><path d="M29.7913 1.88827C28.6725 0.547069 26.6062 0 22.6612 0H8.33875C4.30375 0 2.2025 0.582364 1.0875 2.01054C0 3.40343 0 5.45431 0 8.29428V13.7057C0 19.2067 1.29 22 8.33875 22H22.6612C26.0837 22 27.9788 21.5172 29.2063 20.3336C30.4638 19.1197 31 17.1369 31 13.7057V8.29428C31 5.29926 30.9163 3.23578 29.7913 1.88827ZM19.9025 11.7481L13.3988 15.1755C13.2525 15.2524 13.0938 15.2902 12.935 15.2902C12.755 15.2902 12.5762 15.241 12.4175 15.144C12.1187 14.9612 11.935 14.6335 11.935 14.2818V7.44846C11.935 7.09677 12.1175 6.76904 12.4163 6.58626C12.715 6.40348 13.0862 6.39088 13.3962 6.55349L19.9 9.95943C20.2313 10.1334 20.4387 10.4775 20.4387 10.8531C20.4387 11.2288 20.2325 11.5742 19.9025 11.7481Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="header-top__social-icon socials__linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 21 21" fill="none"><path d="M4.49219 21H0.314453V7.56836H4.49219V21ZM2.38086 5.77148C1.07812 5.77148 0 4.64844 0 3.30078C0 1.99805 1.07812 0.919922 2.38086 0.919922C3.72852 0.919922 4.80664 1.99805 4.80664 3.30078C4.80664 4.64844 3.72852 5.77148 2.38086 5.77148ZM20.0801 21H15.9473V14.4863C15.9473 12.9141 15.9023 10.9375 13.7461 10.9375C11.5898 10.9375 11.2754 12.5996 11.2754 14.3516V21H7.09766V7.56836H11.0957V9.41016H11.1406C11.7246 8.37695 13.0723 7.25391 15.0938 7.25391C19.3164 7.25391 20.125 10.0391 20.125 13.6328V21H20.0801Z" fill="white"></path></svg></a>
</div>
</div>
</div>
</div>
</header>
<div class="header__main hide-mobile header__main--sticky section--side-spacing">
<div class="header__main-inner max-width-content">
<div class="header__main-logo">
<a href="https://henryw77.sg-host.com" class="heder__logo-link">
<img src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Metroplis_logo_black.png" alt="Metropolis" class="header__logo-img">
</a>
</div>
<nav class="desktop__nav">
<div class="menu"><ul id="Primary Desktop" class="nav-desktop"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-885"><a href="https://henryw77.sg-host.com/wholesale/">Wholesale</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-887"><a href="https://henryw77.sg-host.com/wholesale-services/">Wholesale Services</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-886"><a href="https://henryw77.sg-host.com/about-us/">About us</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-888"><a href="https://henryw77.sg-host.com/contact/">Contact</a></li>
</ul></div> </nav>
</div>
</div>
<!-- Generic content elements START -->
<main id="main" class="site-main">
<div id="content" class="site-content">
<style>
/* @media (max-width: 767.98px) { */
@media (max-width: 768px) {
.generic-banner--gradient-enabled .generic-banner__gradient {
background: linear-gradient(181deg, #449393 -87.71%, #1A403F 73.19%); }
}
</style>
<div id="generic-banner" class="section generic-banner generic-banner--gradient-enabled">
<div class="generic-banner__inner generic-banner__inner--justify-center generic-banner--carousel">
<div class="generic-banner__content--carousel">
<div class="generic-banner__carousel-items owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transition: all 0s ease 0s; width: 4740px; transform: translate3d(-1580px, 0px, 0px);"><div class="owl-item cloned" style="width: 790px;"><div class="generic-banner__carousel-item">
<img fetchpriority="high" decoding="async" width="1512" height="681" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png 1512w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-300x135.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-1024x461.png 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-768x346.png 768w" sizes="(max-width: 1512px) 100vw, 1512px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">1 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">1 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">1 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">1 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">1 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="generic-banner__carousel-item">
<img decoding="async" width="1920" height="845" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg 1920w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-300x132.jpg 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1024x451.jpg 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-768x338.jpg 768w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1536x676.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">2 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">2 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">2 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">2 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">2 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div><div class="owl-item active center" style="width: 790px;"><div class="generic-banner__carousel-item">
<img fetchpriority="high" decoding="async" width="1512" height="681" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png 1512w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-300x135.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-1024x461.png 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-768x346.png 768w" sizes="(max-width: 1512px) 100vw, 1512px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">1 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">1 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">1 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">1 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">1 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div><div class="owl-item" style="width: 790px;"><div class="generic-banner__carousel-item">
<img decoding="async" width="1920" height="845" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg 1920w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-300x132.jpg 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1024x451.jpg 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-768x338.jpg 768w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1536x676.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">2 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">2 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">2 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">2 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">2 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="generic-banner__carousel-item">
<img fetchpriority="high" decoding="async" width="1512" height="681" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1.png 1512w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-300x135.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-1024x461.png 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Banner-1-768x346.png 768w" sizes="(max-width: 1512px) 100vw, 1512px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">1 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">1 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">1 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">1 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">1 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div><div class="owl-item cloned" style="width: 790px;"><div class="generic-banner__carousel-item">
<img decoding="async" width="1920" height="845" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg" class="img-cover-absolute generic-banner__img generic-banner__img--desktop" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min.jpg 1920w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-300x132.jpg 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1024x451.jpg 1024w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-768x338.jpg 768w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/background-about-min-1536x676.jpg 1536w" sizes="(max-width: 1920px) 100vw, 1920px">
<div class="generic-banner__top">
<div class="generic-banner__content">
<div class="generic-banner__content--left">
<div class="generic-banner__title">
<h1 class="hide-mobile">2 YOUR HOME FOR <br> GREAT COFFEE.</h1>
<h1 class="hide-desktop">2 YOUR HOME FOR GREAT COFFEE.</h1>
</div>
<div class="generic-banner__text banner__text">
<p class="hide-mobile">2 Discover Our Wholesale Services & Find <br> the one that best fits your needs</p>
<p class="hide-desktop">2 Discover Our Wholesale Services & Find the one that best fits your needs</p>
</div>
<div class="generic-banner__button">
<a href="#" aria-label="" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">2 Shop now</a>
</div>
<img decoding="async" width="381" height="409" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png" class="generic-banner__img generic-banner__img--mobile" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile.png 381w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/img_mobile-279x300.png 279w" sizes="(max-width: 381px) 100vw, 381px"> </div>
<div class="generic-banner__content--right"></div>
</div>
</div>
<div class="generic-banner__gradient"></div>
</div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" fill="none"><circle cx="31.5" cy="31.5" r="31.5" transform="rotate(180 31.5 31.5)" fill="#F3F9F1"></circle><circle cx="31.5" cy="31.5" r="28.5" transform="rotate(180 31.5 31.5)" fill="#DFECDA"></circle><path d="M36 21L46 31.5L36 42" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 30.5C19.4477 30.5 19 30.9477 19 31.5C19 32.0523 19.4477 32.5 20 32.5L20 30.5ZM45 30.5L20 30.5L20 32.5L45 32.5L45 30.5Z" fill="#fff"></path></svg></button><button type="button" role="presentation" class="owl-next"><svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" fill="none"><circle cx="31.5" cy="31.5" r="31.5" transform="rotate(180 31.5 31.5)" fill="#F3F9F1"></circle><circle cx="31.5" cy="31.5" r="28.5" transform="rotate(180 31.5 31.5)" fill="#DFECDA"></circle><path d="M36 21L46 31.5L36 42" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 30.5C19.4477 30.5 19 30.9477 19 31.5C19 32.0523 19.4477 32.5 20 32.5L20 30.5ZM45 30.5L20 30.5L20 32.5L45 32.5L45 30.5Z" fill="#fff"></path></svg></button></div><div class="owl-dots disabled"></div></div>
</div>
</div>
</div>
<div id="section-welcome" class="section section-welcome">
<div class="section section-welcome__inner max-width-content">
<div class="section__title-wrapper section-welcome__title-wrapper section--side-spacing">
<h2 class="section__title">WELCOME TO METROPOLIS</h2>
<div class="section__intro section-welcome__intro">
<p>For over 20 years, we’ve been connecting communities and uplifting neighbors through stimulating coffee. <br>Through our coffeeshops, Wholesale, and Workshop co-packing, our mission is to provide great coffee for <br> everyone involved in providing coffee to people.</p>
</div>
</div>
<div class="section-welcome__items">
<div class="section-welcome__items-inner">
<div class="section-welcome__item">
<div class="section-welcome__item-inner">
<a href="#" class="section-welcome__item-arrow-link hide-desktop-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none">
<circle cx="24.0416" cy="24.0415" r="16.5" transform="rotate(135 24.0416 24.0415)" fill="#B2D234" stroke="#B2D234"></circle>
<path d="M21.1573 18.0684L29.8039 18.2793L30.0148 26.9258" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.1305 28.5386C17.74 28.9292 17.74 29.5623 18.1305 29.9529C18.521 30.3434 19.1542 30.3434 19.5447 29.9529L18.1305 28.5386ZM28.6751 17.9941L18.1305 28.5386L19.5447 29.9529L30.0893 19.4083L28.6751 17.9941Z" fill="#00413F"></path>
</svg>
</a>
<!-- <div class="section-welcome__item-img-wrapper"> -->
<img decoding="async" width="614" height="613" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_03.png" class="img-cover-absolute <?=section-welcome?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_03.png 614w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_03-300x300.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_03-150x150.png 150w" sizes="(max-width: 614px) 100vw, 614px"> <!-- </div> -->
<div class="section-welcome__item-content">
<h3>SHOP</h3>
<p>Shop great coffee</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9">Shop great coffee</a>
</div>
</div>
</div>
<div class="section-welcome__item">
<div class="section-welcome__item-inner">
<a href="#" class="section-welcome__item-arrow-link hide-desktop-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none">
<circle cx="24.0416" cy="24.0415" r="16.5" transform="rotate(135 24.0416 24.0415)" fill="#B2D234" stroke="#B2D234"></circle>
<path d="M21.1573 18.0684L29.8039 18.2793L30.0148 26.9258" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.1305 28.5386C17.74 28.9292 17.74 29.5623 18.1305 29.9529C18.521 30.3434 19.1542 30.3434 19.5447 29.9529L18.1305 28.5386ZM28.6751 17.9941L18.1305 28.5386L19.5447 29.9529L30.0893 19.4083L28.6751 17.9941Z" fill="#00413F"></path>
</svg>
</a>
<!-- <div class="section-welcome__item-img-wrapper"> -->
<img decoding="async" width="613" height="613" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_12.png" class="img-cover-absolute <?=section-welcome?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_12.png 613w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_12-300x300.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_12-150x150.png 150w" sizes="(max-width: 613px) 100vw, 613px"> <!-- </div> -->
<div class="section-welcome__item-content">
<h3>WHOLESALE</h3>
<p>Explore the Metropolis wholesale community</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9">Learn more</a>
</div>
</div>
</div>
<div class="section-welcome__item">
<div class="section-welcome__item-inner">
<a href="#" class="section-welcome__item-arrow-link hide-desktop-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none">
<circle cx="24.0416" cy="24.0415" r="16.5" transform="rotate(135 24.0416 24.0415)" fill="#B2D234" stroke="#B2D234"></circle>
<path d="M21.1573 18.0684L29.8039 18.2793L30.0148 26.9258" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.1305 28.5386C17.74 28.9292 17.74 29.5623 18.1305 29.9529C18.521 30.3434 19.1542 30.3434 19.5447 29.9529L18.1305 28.5386ZM28.6751 17.9941L18.1305 28.5386L19.5447 29.9529L30.0893 19.4083L28.6751 17.9941Z" fill="#00413F"></path>
</svg>
</a>
<!-- <div class="section-welcome__item-img-wrapper"> -->
<img decoding="async" width="612" height="613" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_10.png" class="img-cover-absolute <?=section-welcome?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_10.png 612w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_10-300x300.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_10-150x150.png 150w" sizes="(max-width: 612px) 100vw, 612px"> <!-- </div> -->
<div class="section-welcome__item-content">
<h3>WORKSHOP</h3>
<p>Learn about private label and co-packing</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9">Learn more</a>
</div>
</div>
</div>
<div class="section-welcome__item">
<div class="section-welcome__item-inner">
<a href="#" class="section-welcome__item-arrow-link hide-desktop-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="49" height="49" viewBox="0 0 49 49" fill="none">
<circle cx="24.0416" cy="24.0415" r="16.5" transform="rotate(135 24.0416 24.0415)" fill="#B2D234" stroke="#B2D234"></circle>
<path d="M21.1573 18.0684L29.8039 18.2793L30.0148 26.9258" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M18.1305 28.5386C17.74 28.9292 17.74 29.5623 18.1305 29.9529C18.521 30.3434 19.1542 30.3434 19.5447 29.9529L18.1305 28.5386ZM28.6751 17.9941L18.1305 28.5386L19.5447 29.9529L30.0893 19.4083L28.6751 17.9941Z" fill="#00413F"></path>
</svg>
</a>
<!-- <div class="section-welcome__item-img-wrapper"> -->
<img decoding="async" width="613" height="613" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_05.png" class="img-cover-absolute <?=section-welcome?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_05.png 613w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_05-300x300.png 300w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/Card-Image-1_05-150x150.png 150w" sizes="(max-width: 613px) 100vw, 613px"> <!-- </div> -->
<div class="section-welcome__item-content">
<h3>WHOLESALE Resources</h3>
<p>Toolbox for our business partners</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9">Gear up</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="our-latest" class="section our-latest">
<div class="section our-latest__inner max-width-content">
<div class="section__title-wrapper our-latest__title-wrapper section--side-spacing">
<h2 class="section__title our-latest__title">OUR LATEST</h2>
</div>
<div class="our-latest__items">
<div class="our-latest__items-inner our-latest--mobile-carousel owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transform: translate3d(-790px, 0px, 0px); transition: all 0s ease 0s; width: 2765px;"><div class="owl-item cloned" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item active" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item active" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 395px;"><div class="our-latest__item">
<div class="our-latest__item-inner">
<div class="our-latest__item--left our-latest__item-content">
<h3>hullabaloo is finally here.</h3>
<p>Our limited edition roast is now available for the holiday season.</p>
<a href="" class="btn--link">Read More</a>
</div>
<div class="our-latest__item--right our-latest__item-image-wrapper section__image-wrapper--absolute-img">
<img decoding="async" width="168" height="211" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-18.png" class="img-cover-absolute our-latest__img" alt=""> </div>
</div>
</div></div></div></div><div class="owl-nav disabled"><button type="button" role="presentation" class="owl-prev"><span aria-label="Previous">‹</span></button><button type="button" role="presentation" class="owl-next"><span aria-label="Next">›</span></button></div><div class="owl-dots"><button role="button" class="owl-dot active"><span></span></button><button role="button" class="owl-dot"><span></span></button></div></div>
</div>
</div>
</div>
<div id="generic-carousel" class="section generic-carousel">
<div class="generic-carousel__inner max-width-150-centered section--side-spacing">
<div class="section__title-wrapper generic-carousel__title-wrapper">
</div>
<div class="generic-carousel__items generic-carousel__items--carousel owl-theme max-width-content owl-loaded owl-drag">
<div class="owl-stage-outer"><div class="owl-stage" style="transition: all 0s ease 0s; width: 5157px; transform: translate3d(-1473px, 0px, 0px);"><div class="owl-item cloned" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 33</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item active center" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 33</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 1</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-1-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div><div class="owl-item cloned" style="width: 736.625px;"><div class="generic-carousel__item">
<div class="generic-carousel__item-inner">
<div class="generic-carousel--left generic-carousel__content">
<h3>ROASTERY 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
<a href="#" class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 btn--wide-mobile">Visit Us</a>
</div>
<div class="generic-carousel--right generic-carousel__image">
<img decoding="async" width="348" height="294" src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png" class="img-cover-absolute <?=generic-carousel?>__img" alt="" srcset="https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16.png 348w, https://henryw77.sg-host.com/wp-content/uploads/2024/12/image-16-300x253.png 300w" sizes="(max-width: 348px) 100vw, 348px"> </div>
</div>
</div></div></div></div><div class="owl-nav"><button type="button" role="presentation" class="owl-prev"><svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" fill="none"><circle cx="31.5" cy="31.5" r="31.5" transform="rotate(180 31.5 31.5)" fill="#F3F9F1"></circle><circle cx="31.5" cy="31.5" r="28.5" transform="rotate(180 31.5 31.5)" fill="#DFECDA"></circle><path d="M36 21L46 31.5L36 42" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 30.5C19.4477 30.5 19 30.9477 19 31.5C19 32.0523 19.4477 32.5 20 32.5L20 30.5ZM45 30.5L20 30.5L20 32.5L45 32.5L45 30.5Z" fill="#00413F"></path></svg></button><button type="button" role="presentation" class="owl-next"><svg xmlns="http://www.w3.org/2000/svg" width="63" height="63" viewBox="0 0 63 63" fill="none"><circle cx="31.5" cy="31.5" r="31.5" transform="rotate(180 31.5 31.5)" fill="#F3F9F1"></circle><circle cx="31.5" cy="31.5" r="28.5" transform="rotate(180 31.5 31.5)" fill="#DFECDA"></circle><path d="M36 21L46 31.5L36 42" stroke="#00413F" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path><path d="M20 30.5C19.4477 30.5 19 30.9477 19 31.5C19 32.0523 19.4477 32.5 20 32.5L20 30.5ZM45 30.5L20 30.5L20 32.5L45 32.5L45 30.5Z" fill="#00413F"></path></svg></button></div><div class="owl-dots disabled"></div></div>
<!-- <div id="genericCarouselCustomDots" class="owl-dots"></div> -->
</div>
</div>
<div class="footer">
<div class="footer__wrapper max-width-content">
<div class="footer__inner">
<div class="footer__item footer__item--brand">
<a href="https://henryw77.sg-host.com" class="footer__logo-link">
<img src="https://henryw77.sg-host.com/wp-content/uploads/2024/12/Metroplis_logo_footer_white.png" alt="Metropolis logo">
</a>
</div>
<div class="footer__item footer__item--connect hide-desktop">
<div class="footer__social footer__social--mobile">
<div class="footer__social-icons" style="display: flex;align-items: center;">
<a target="_blank" href="#" class="footer__social-icon footer__social--fb"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 21 21" fill="none"><path d="M4.49219 21H0.314453V7.56836H4.49219V21ZM2.38086 5.77148C1.07812 5.77148 0 4.64844 0 3.30078C0 1.99805 1.07812 0.919922 2.38086 0.919922C3.72852 0.919922 4.80664 1.99805 4.80664 3.30078C4.80664 4.64844 3.72852 5.77148 2.38086 5.77148ZM20.0801 21H15.9473V14.4863C15.9473 12.9141 15.9023 10.9375 13.7461 10.9375C11.5898 10.9375 11.2754 12.5996 11.2754 14.3516V21H7.09766V7.56836H11.0957V9.41016H11.1406C11.7246 8.37695 13.0723 7.25391 15.0938 7.25391C19.3164 7.25391 20.125 10.0391 20.125 13.6328V21H20.0801Z" fill="white"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--insta"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M15.8901 16.0299C15.8901 16.0299 16.0994 15.8207 16.5179 15.4021C16.9365 14.9836 17.1457 14.1828 17.1457 12.9998C17.1457 11.8168 16.7272 10.8067 15.8901 9.96966C15.0531 9.1326 14.043 8.71408 12.86 8.71408C11.677 8.71408 10.6669 9.1326 9.82988 9.96966C8.99282 10.8067 8.5743 11.8168 8.5743 12.9998C8.5743 14.1828 8.99282 15.1929 9.82988 16.0299C10.6669 16.867 11.677 17.2855 12.86 17.2855C14.043 17.2855 15.0531 16.867 15.8901 16.0299ZM17.5308 8.32903C17.5308 8.32903 17.8516 8.6499 18.4934 9.29164C19.1351 9.93338 19.456 11.1694 19.456 12.9998C19.456 14.8301 18.8143 16.3871 17.5308 17.6706C16.2473 18.954 14.6904 19.5958 12.86 19.5958C11.0297 19.5958 9.47273 18.954 8.18925 17.6706C6.90577 16.3871 6.26403 14.8301 6.26403 12.9998C6.26403 11.1694 6.90577 9.61251 8.18925 8.32903C9.47273 7.04555 11.0297 6.40381 12.86 6.40381C14.6904 6.40381 16.2473 7.04555 17.5308 8.32903ZM20.812 5.04778C20.812 5.04778 20.8874 5.12312 21.038 5.27379C21.1887 5.42446 21.264 5.71185 21.264 6.13595C21.264 6.56006 21.1134 6.92278 20.812 7.22412C20.5107 7.52546 20.148 7.67613 19.7239 7.67613C19.2997 7.67613 18.937 7.52546 18.6357 7.22412C18.3343 6.92278 18.1837 6.56006 18.1837 6.13595C18.1837 5.71185 18.3343 5.34912 18.6357 5.04778C18.937 4.74644 19.2997 4.59577 19.7239 4.59577C20.148 4.59577 20.5107 4.74644 20.812 5.04778ZM14.1407 2.44455C14.1407 2.44455 13.9468 2.44594 13.559 2.44873C13.1711 2.45152 12.9381 2.45292 12.86 2.45292C12.7819 2.45292 12.355 2.45013 11.5793 2.44455C10.8036 2.43896 10.2149 2.43896 9.81314 2.44455C9.41135 2.45013 8.87285 2.46687 8.19762 2.49477C7.5224 2.52267 6.94762 2.57847 6.47329 2.66218C5.99896 2.74589 5.59997 2.84912 5.27631 2.97189C4.71827 3.1951 4.2272 3.51876 3.80309 3.94287C3.37898 4.36698 3.05532 4.85805 2.83211 5.41609C2.70934 5.73975 2.60611 6.13874 2.5224 6.61307C2.43869 7.0874 2.38289 7.66218 2.35499 8.3374C2.32709 9.01263 2.31035 9.55113 2.30477 9.95292C2.29919 10.3547 2.29919 10.9434 2.30477 11.7191C2.31035 12.4948 2.31314 12.9217 2.31314 12.9998C2.31314 13.0779 2.31035 13.5048 2.30477 14.2805C2.29919 15.0562 2.29919 15.6449 2.30477 16.0467C2.31035 16.4485 2.32709 16.987 2.35499 17.6622C2.38289 18.3374 2.43869 18.9122 2.5224 19.3865C2.60611 19.8608 2.70934 20.2598 2.83211 20.5835C3.05532 21.1415 3.37898 21.6326 3.80309 22.0567C4.2272 22.4808 4.71827 22.8045 5.27631 23.0277C5.59997 23.1505 5.99896 23.2537 6.47329 23.3374C6.94762 23.4211 7.5224 23.4769 8.19762 23.5048C8.87285 23.5327 9.41135 23.5495 9.81314 23.555C10.2149 23.5606 10.8036 23.5606 11.5793 23.555C12.355 23.5495 12.7819 23.5467 12.86 23.5467C12.9381 23.5467 13.365 23.5495 14.1407 23.555C14.9164 23.5606 15.5051 23.5606 15.9069 23.555C16.3087 23.5495 16.8472 23.5327 17.5224 23.5048C18.1976 23.4769 18.7724 23.4211 19.2467 23.3374C19.7211 23.2537 20.1201 23.1505 20.4437 23.0277C21.0018 22.8045 21.4928 22.4808 21.9169 22.0567C22.341 21.6326 22.6647 21.1415 22.8879 20.5835C23.0107 20.2598 23.1139 19.8608 23.1976 19.3865C23.2813 18.9122 23.3371 18.3374 23.365 17.6622C23.3929 16.987 23.4097 16.4485 23.4153 16.0467C23.4208 15.6449 23.4208 15.0562 23.4153 14.2805C23.4097 13.5048 23.4069 13.0779 23.4069 12.9998C23.4069 12.9217 23.4097 12.4948 23.4153 11.7191C23.4208 10.9434 23.4208 10.3547 23.4153 9.95292C23.4097 9.55113 23.3929 9.01263 23.365 8.3374C23.3371 7.66218 23.2813 7.0874 23.1976 6.61307C23.1139 6.13874 23.0107 5.73975 22.8879 5.41609C22.6647 4.85805 22.341 4.36698 21.9169 3.94287C21.4928 3.51876 21.0018 3.1951 20.4437 2.97189C20.1201 2.84912 19.7211 2.74589 19.2467 2.66218C18.7724 2.57847 18.1976 2.52267 17.5224 2.49477C16.8472 2.46687 16.3087 2.45013 15.9069 2.44455C15.5051 2.43896 14.9164 2.43896 14.1407 2.44455ZM25.6334 7.69287C25.6893 8.67501 25.7172 10.444 25.7172 12.9998C25.7172 15.5556 25.6893 17.3246 25.6334 18.3067C25.5218 20.6281 24.8299 22.425 23.5576 23.6973C22.2852 24.9697 20.4884 25.6616 18.1669 25.7732C17.1848 25.829 15.4158 25.8569 12.86 25.8569C10.3042 25.8569 8.53523 25.829 7.55309 25.7732C5.23166 25.6616 3.43479 24.9697 2.16247 23.6973C0.890145 22.425 0.198181 20.6281 0.086574 18.3067C0.0307704 17.3246 0.00286865 15.5556 0.00286865 12.9998C0.00286865 10.444 0.0307704 8.67501 0.086574 7.69287C0.198181 5.37144 0.890145 3.57457 2.16247 2.30225C3.43479 1.02993 5.23166 0.337961 7.55309 0.226355C8.53523 0.170551 10.3042 0.142649 12.86 0.142649C15.4158 0.142649 17.1848 0.170551 18.1669 0.226355C20.4884 0.337961 22.2852 1.02993 23.5576 2.30225C24.8299 3.57457 25.5218 5.37144 25.6334 7.69287Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--yt"><svg xmlns="http://www.w3.org/2000/svg" width="31" height="22" viewBox="0 0 31 22" fill="none"><path d="M29.7913 1.88827C28.6725 0.547069 26.6062 0 22.6612 0H8.33875C4.30375 0 2.2025 0.582364 1.0875 2.01054C0 3.40343 0 5.45431 0 8.29428V13.7057C0 19.2067 1.29 22 8.33875 22H22.6612C26.0837 22 27.9788 21.5172 29.2063 20.3336C30.4638 19.1197 31 17.1369 31 13.7057V8.29428C31 5.29926 30.9163 3.23578 29.7913 1.88827ZM19.9025 11.7481L13.3988 15.1755C13.2525 15.2524 13.0938 15.2902 12.935 15.2902C12.755 15.2902 12.5762 15.241 12.4175 15.144C12.1187 14.9612 11.935 14.6335 11.935 14.2818V7.44846C11.935 7.09677 12.1175 6.76904 12.4163 6.58626C12.715 6.40348 13.0862 6.39088 13.3962 6.55349L19.9 9.95943C20.2313 10.1334 20.4387 10.4775 20.4387 10.8531C20.4387 11.2288 20.2325 11.5742 19.9025 11.7481Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 21 21" fill="none"><path d="M4.49219 21H0.314453V7.56836H4.49219V21ZM2.38086 5.77148C1.07812 5.77148 0 4.64844 0 3.30078C0 1.99805 1.07812 0.919922 2.38086 0.919922C3.72852 0.919922 4.80664 1.99805 4.80664 3.30078C4.80664 4.64844 3.72852 5.77148 2.38086 5.77148ZM20.0801 21H15.9473V14.4863C15.9473 12.9141 15.9023 10.9375 13.7461 10.9375C11.5898 10.9375 11.2754 12.5996 11.2754 14.3516V21H7.09766V7.56836H11.0957V9.41016H11.1406C11.7246 8.37695 13.0723 7.25391 15.0938 7.25391C19.3164 7.25391 20.125 10.0391 20.125 13.6328V21H20.0801Z" fill="white"></path></svg></a>
</div>
</div>
<div class="footer__subscribe footer__subscribe--mobile hide-desktop">
<h5 class="footer__nav-title footer__subscribe-title">Join Our Newsletter</h5>
<a class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 footer__subscribe-btn" target="_blank" href="">
Sign me up </a>
</div>
</div>
<div class="footer__item footer__item--navs">
<div class="footer__navs-inner">
<div class="footer__nav-wrapper">
<nav class="footer__nav">
<div class="menu"><ul id="Footer Navigation" class="footer-nav-menu"><li id="menu-item-814" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-814"><a href="https://henryw77.sg-host.com/about-us/">About us</a></li>
<li id="menu-item-815" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-815"><a href="https://henryw77.sg-host.com/wholesale-services/">Wholesale Services</a></li>
<li id="menu-item-816" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-816"><a href="https://henryw77.sg-host.com/contact/">Contact</a></li>
<li id="menu-item-817" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-817"><a href="#">Wholesale Resources</a></li>
</ul></div> </nav>
</div>
</div>
</div>
<div class="footer__item footer__item--connect hide-mobile">
<div class="footer__subscribe">
<h5 class="footer__nav-title footer__subscribe-title">Join Our Newsletter</h5>
<a class="btn btn--bg-chartreuse btn--txt-text btn--b-radius-9 footer__subscribe-btn" target="_blank" href="">
Sign me up </a>
</div>
<div class="footer__social">
<div class="footer__social-icons" style="display: flex;align-items: center;">
<a target="_blank" href="#" class="footer__social-icon footer__social--fb"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 21 21" fill="none"><path d="M4.49219 21H0.314453V7.56836H4.49219V21ZM2.38086 5.77148C1.07812 5.77148 0 4.64844 0 3.30078C0 1.99805 1.07812 0.919922 2.38086 0.919922C3.72852 0.919922 4.80664 1.99805 4.80664 3.30078C4.80664 4.64844 3.72852 5.77148 2.38086 5.77148ZM20.0801 21H15.9473V14.4863C15.9473 12.9141 15.9023 10.9375 13.7461 10.9375C11.5898 10.9375 11.2754 12.5996 11.2754 14.3516V21H7.09766V7.56836H11.0957V9.41016H11.1406C11.7246 8.37695 13.0723 7.25391 15.0938 7.25391C19.3164 7.25391 20.125 10.0391 20.125 13.6328V21H20.0801Z" fill="white"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--insta"><svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M15.8901 16.0299C15.8901 16.0299 16.0994 15.8207 16.5179 15.4021C16.9365 14.9836 17.1457 14.1828 17.1457 12.9998C17.1457 11.8168 16.7272 10.8067 15.8901 9.96966C15.0531 9.1326 14.043 8.71408 12.86 8.71408C11.677 8.71408 10.6669 9.1326 9.82988 9.96966C8.99282 10.8067 8.5743 11.8168 8.5743 12.9998C8.5743 14.1828 8.99282 15.1929 9.82988 16.0299C10.6669 16.867 11.677 17.2855 12.86 17.2855C14.043 17.2855 15.0531 16.867 15.8901 16.0299ZM17.5308 8.32903C17.5308 8.32903 17.8516 8.6499 18.4934 9.29164C19.1351 9.93338 19.456 11.1694 19.456 12.9998C19.456 14.8301 18.8143 16.3871 17.5308 17.6706C16.2473 18.954 14.6904 19.5958 12.86 19.5958C11.0297 19.5958 9.47273 18.954 8.18925 17.6706C6.90577 16.3871 6.26403 14.8301 6.26403 12.9998C6.26403 11.1694 6.90577 9.61251 8.18925 8.32903C9.47273 7.04555 11.0297 6.40381 12.86 6.40381C14.6904 6.40381 16.2473 7.04555 17.5308 8.32903ZM20.812 5.04778C20.812 5.04778 20.8874 5.12312 21.038 5.27379C21.1887 5.42446 21.264 5.71185 21.264 6.13595C21.264 6.56006 21.1134 6.92278 20.812 7.22412C20.5107 7.52546 20.148 7.67613 19.7239 7.67613C19.2997 7.67613 18.937 7.52546 18.6357 7.22412C18.3343 6.92278 18.1837 6.56006 18.1837 6.13595C18.1837 5.71185 18.3343 5.34912 18.6357 5.04778C18.937 4.74644 19.2997 4.59577 19.7239 4.59577C20.148 4.59577 20.5107 4.74644 20.812 5.04778ZM14.1407 2.44455C14.1407 2.44455 13.9468 2.44594 13.559 2.44873C13.1711 2.45152 12.9381 2.45292 12.86 2.45292C12.7819 2.45292 12.355 2.45013 11.5793 2.44455C10.8036 2.43896 10.2149 2.43896 9.81314 2.44455C9.41135 2.45013 8.87285 2.46687 8.19762 2.49477C7.5224 2.52267 6.94762 2.57847 6.47329 2.66218C5.99896 2.74589 5.59997 2.84912 5.27631 2.97189C4.71827 3.1951 4.2272 3.51876 3.80309 3.94287C3.37898 4.36698 3.05532 4.85805 2.83211 5.41609C2.70934 5.73975 2.60611 6.13874 2.5224 6.61307C2.43869 7.0874 2.38289 7.66218 2.35499 8.3374C2.32709 9.01263 2.31035 9.55113 2.30477 9.95292C2.29919 10.3547 2.29919 10.9434 2.30477 11.7191C2.31035 12.4948 2.31314 12.9217 2.31314 12.9998C2.31314 13.0779 2.31035 13.5048 2.30477 14.2805C2.29919 15.0562 2.29919 15.6449 2.30477 16.0467C2.31035 16.4485 2.32709 16.987 2.35499 17.6622C2.38289 18.3374 2.43869 18.9122 2.5224 19.3865C2.60611 19.8608 2.70934 20.2598 2.83211 20.5835C3.05532 21.1415 3.37898 21.6326 3.80309 22.0567C4.2272 22.4808 4.71827 22.8045 5.27631 23.0277C5.59997 23.1505 5.99896 23.2537 6.47329 23.3374C6.94762 23.4211 7.5224 23.4769 8.19762 23.5048C8.87285 23.5327 9.41135 23.5495 9.81314 23.555C10.2149 23.5606 10.8036 23.5606 11.5793 23.555C12.355 23.5495 12.7819 23.5467 12.86 23.5467C12.9381 23.5467 13.365 23.5495 14.1407 23.555C14.9164 23.5606 15.5051 23.5606 15.9069 23.555C16.3087 23.5495 16.8472 23.5327 17.5224 23.5048C18.1976 23.4769 18.7724 23.4211 19.2467 23.3374C19.7211 23.2537 20.1201 23.1505 20.4437 23.0277C21.0018 22.8045 21.4928 22.4808 21.9169 22.0567C22.341 21.6326 22.6647 21.1415 22.8879 20.5835C23.0107 20.2598 23.1139 19.8608 23.1976 19.3865C23.2813 18.9122 23.3371 18.3374 23.365 17.6622C23.3929 16.987 23.4097 16.4485 23.4153 16.0467C23.4208 15.6449 23.4208 15.0562 23.4153 14.2805C23.4097 13.5048 23.4069 13.0779 23.4069 12.9998C23.4069 12.9217 23.4097 12.4948 23.4153 11.7191C23.4208 10.9434 23.4208 10.3547 23.4153 9.95292C23.4097 9.55113 23.3929 9.01263 23.365 8.3374C23.3371 7.66218 23.2813 7.0874 23.1976 6.61307C23.1139 6.13874 23.0107 5.73975 22.8879 5.41609C22.6647 4.85805 22.341 4.36698 21.9169 3.94287C21.4928 3.51876 21.0018 3.1951 20.4437 2.97189C20.1201 2.84912 19.7211 2.74589 19.2467 2.66218C18.7724 2.57847 18.1976 2.52267 17.5224 2.49477C16.8472 2.46687 16.3087 2.45013 15.9069 2.44455C15.5051 2.43896 14.9164 2.43896 14.1407 2.44455ZM25.6334 7.69287C25.6893 8.67501 25.7172 10.444 25.7172 12.9998C25.7172 15.5556 25.6893 17.3246 25.6334 18.3067C25.5218 20.6281 24.8299 22.425 23.5576 23.6973C22.2852 24.9697 20.4884 25.6616 18.1669 25.7732C17.1848 25.829 15.4158 25.8569 12.86 25.8569C10.3042 25.8569 8.53523 25.829 7.55309 25.7732C5.23166 25.6616 3.43479 24.9697 2.16247 23.6973C0.890145 22.425 0.198181 20.6281 0.086574 18.3067C0.0307704 17.3246 0.00286865 15.5556 0.00286865 12.9998C0.00286865 10.444 0.0307704 8.67501 0.086574 7.69287C0.198181 5.37144 0.890145 3.57457 2.16247 2.30225C3.43479 1.02993 5.23166 0.337961 7.55309 0.226355C8.53523 0.170551 10.3042 0.142649 12.86 0.142649C15.4158 0.142649 17.1848 0.170551 18.1669 0.226355C20.4884 0.337961 22.2852 1.02993 23.5576 2.30225C24.8299 3.57457 25.5218 5.37144 25.6334 7.69287Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--yt"><svg xmlns="http://www.w3.org/2000/svg" width="31" height="22" viewBox="0 0 31 22" fill="none"><path d="M29.7913 1.88827C28.6725 0.547069 26.6062 0 22.6612 0H8.33875C4.30375 0 2.2025 0.582364 1.0875 2.01054C0 3.40343 0 5.45431 0 8.29428V13.7057C0 19.2067 1.29 22 8.33875 22H22.6612C26.0837 22 27.9788 21.5172 29.2063 20.3336C30.4638 19.1197 31 17.1369 31 13.7057V8.29428C31 5.29926 30.9163 3.23578 29.7913 1.88827ZM19.9025 11.7481L13.3988 15.1755C13.2525 15.2524 13.0938 15.2902 12.935 15.2902C12.755 15.2902 12.5762 15.241 12.4175 15.144C12.1187 14.9612 11.935 14.6335 11.935 14.2818V7.44846C11.935 7.09677 12.1175 6.76904 12.4163 6.58626C12.715 6.40348 13.0862 6.39088 13.3962 6.55349L19.9 9.95943C20.2313 10.1334 20.4387 10.4775 20.4387 10.8531C20.4387 11.2288 20.2325 11.5742 19.9025 11.7481Z" fill="#F2F9F2"></path></svg></a>
<a target="_blank" href="#" class="footer__social-icon footer__social--linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 21 21" fill="none"><path d="M4.49219 21H0.314453V7.56836H4.49219V21ZM2.38086 5.77148C1.07812 5.77148 0 4.64844 0 3.30078C0 1.99805 1.07812 0.919922 2.38086 0.919922C3.72852 0.919922 4.80664 1.99805 4.80664 3.30078C4.80664 4.64844 3.72852 5.77148 2.38086 5.77148ZM20.0801 21H15.9473V14.4863C15.9473 12.9141 15.9023 10.9375 13.7461 10.9375C11.5898 10.9375 11.2754 12.5996 11.2754 14.3516V21H7.09766V7.56836H11.0957V9.41016H11.1406C11.7246 8.37695 13.0723 7.25391 15.0938 7.25391C19.3164 7.25391 20.125 10.0391 20.125 13.6328V21H20.0801Z" fill="white"></path></svg></a>
</div>
</div>
</div>
</div>
<div class="footer__info max-width-content">
<div class="footer__info-copy">
<div class="footer__copyright">
<p>© Metropolis Coffee Company 2024 BPI Company ID# 10529589</p>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
var c = document.body.className;
c = c.replace( /everest-forms-no-js/, 'everest-forms-js' );
document.body.className = c;
</script>
<div class="back-to-top" style="display: none;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#000000" height="800px" width="800px" version="1.1" id="Layer_1" viewBox="0 0 407.436 407.436" xml:space="preserve"><polygon points="203.718,91.567 0,294.621 21.179,315.869 203.718,133.924 386.258,315.869 407.436,294.621 "></polygon></svg></div>
<style>
.back-to-top {
background-color:#039592;
cursor: pointer;
position: fixed;
bottom: 6rem;
right: 1rem;
margin: 0.5rem;
padding: 0.8rem;
/* border: 2px solid #000; */
border-radius: 50%;
width: 3.5rem;
height: 3.5rem;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index:50;
}
.back-to-top svg{
width: 3rem;
height: 3rem;
fill:#fff;
}
</style>
<script>
(function( $ ) {
jQuery(document).ready(function () {
var $backToTop = $(".back-to-top");
$backToTop.hide();
$(window).on('scroll', function() {
if ($(this).scrollTop() > 200) {
$backToTop.fadeIn();
} else {
$backToTop.fadeOut();
}
});
$backToTop.on('click', function(e) {
$("html, body").animate({scrollTop: 0}, 500);
});
});
})( jQuery );
</script>
</div><!-- <div id="content" class="site-content"> -->
</main><!-- <main id="main" class="site-main"> -->
</div><!-- <div id="page" class="site"> -->
<!-- Generic content elements END -->
</body></html>