CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"/> <link rel="profile" href="https://gmpg.org/xfn/11" /> <link rel="pingback" href="https://metro.agency/xmlrpc.php"> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <title>Metro.Agency – identity + strategy + design</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Metro.Agency » Feed" href="https://metro.agency/feed/" /> <link rel="alternate" type="application/rss+xml" title="Metro.Agency » Comments Feed" href="https://metro.agency/comments/feed/" /> <link rel="alternate" type="application/rss+xml" title="Metro.Agency » Welcome to The Portfolio Comments Feed" href="https://metro.agency/home-pinterest/feed/" /> <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:\/\/metro.agency\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.2"}}; /*! 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> <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='megamenu-css' href='https://metro.agency/wp-content/uploads/maxmegamenu/style.css?ver=a42a5c' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://metro.agency/wp-includes/css/dashicons.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='mediaelement-css' href='https://metro.agency/wp-includes/js/mediaelement/mediaelementplayer-legacy.min.css?ver=4.2.17' type='text/css' media='all' /> <link rel='stylesheet' id='wp-mediaelement-css' href='https://metro.agency/wp-includes/js/mediaelement/wp-mediaelement.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-default-style-css' href='https://metro.agency/wp-content/themes/stockholm/style.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-font-awesome-css' href='https://metro.agency/wp-content/themes/stockholm/framework/modules/icons/font-awesome/css/font-awesome.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='elegant-icons-css' href='https://metro.agency/wp-content/themes/stockholm/framework/modules/icons/elegant-icons/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='linear-icons-css' href='https://metro.agency/wp-content/themes/stockholm/framework/modules/icons/linear-icons/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='linea-icons-css' href='https://metro.agency/wp-content/themes/stockholm/framework/modules/icons/linea-icons/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='ion-icons-css' href='https://metro.agency/wp-content/themes/stockholm/framework/modules/icons/ion-icons/style.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-stylesheet-css' href='https://metro.agency/wp-content/themes/stockholm/css/stylesheet.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-style-dynamic-css' href='https://metro.agency/wp-content/themes/stockholm/css/style_dynamic.css?ver=1711685152' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-responsive-css' href='https://metro.agency/wp-content/themes/stockholm/css/responsive.min.css?ver=6.7.2' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-style-dynamic-responsive-css' href='https://metro.agency/wp-content/themes/stockholm/css/style_dynamic_responsive.css?ver=1711685152' type='text/css' media='all' /> <link rel='stylesheet' id='stockholm-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CCrete+Round%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CRoboto%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7COpen+Sans%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i%7CRoboto+Condensed%3A100%2C100i%2C200%2C200i%2C300%2C300i%2C400%2C400i%2C500%2C500i%2C600%2C600i%2C700%2C700i%2C800%2C800i%2C900%2C900i&subset=latin%2Clatin-ext&ver=1.0.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-icons-css' href='https://metro.agency/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.36.0' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-frontend-css' href='https://metro.agency/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=3.28.1' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-21627-css' href='https://metro.agency/wp-content/uploads/elementor/css/post-21627.css?ver=1740691589' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-5-all-css' href='https://metro.agency/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=3.28.1' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-4-shim-css' href='https://metro.agency/wp-content/plugins/elementor/assets/lib/font-awesome/css/v4-shims.min.css?ver=3.28.1' type='text/css' media='all' /> <link rel='stylesheet' id='widget-heading-css' href='https://metro.agency/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=3.28.1' type='text/css' media='all' /> <link rel='stylesheet' id='widget-text-editor-css' href='https://metro.agency/wp-content/plugins/elementor/assets/css/widget-text-editor.min.css?ver=3.28.1' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-21137-css' href='https://metro.agency/wp-content/uploads/elementor/css/post-21137.css?ver=1740691590' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-gf-local-raleway-css' href='https://metro.agency/wp-content/uploads/elementor/google-fonts/css/raleway.css?ver=1742859986' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-gf-local-roboto-css' href='https://metro.agency/wp-content/uploads/elementor/google-fonts/css/roboto.css?ver=1742860028' type='text/css' media='all' /> <script type="text/javascript"> window._nslDOMReady = function (callback) { if ( document.readyState === "complete" || document.readyState === "interactive" ) { callback(); } else { document.addEventListener( "DOMContentLoaded", callback ); } }; </script><script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/hammer.min.js?ver=1" id="hammer-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/virtual-scroll.min.js?ver=1" id="virtual-scroll-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/html5.js?ver=6.7.2" id="html5-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/plugins/elementor/assets/lib/font-awesome/js/v4-shims.min.js?ver=3.28.1" id="font-awesome-4-shim-js"></script> <link rel="https://api.w.org/" href="https://metro.agency/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://metro.agency/wp-json/wp/v2/pages/21137" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metro.agency/xmlrpc.php?rsd" /> <link rel="canonical" href="https://metro.agency/" /> <link rel='shortlink' href='https://metro.agency/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://metro.agency/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetro.agency%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://metro.agency/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetro.agency%2F&format=xml" /> <meta name="generator" content="Elementor 3.28.1; features: additional_custom_breakpoints, e_local_google_fonts; settings: css_print_method-external, google_font-enabled, font_display-auto"> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <link rel="icon" href="https://metro.agency/wp-content/uploads/2022/05/cropped-MA-logo-2022-header-32x32.png" sizes="32x32" /> <link rel="icon" href="https://metro.agency/wp-content/uploads/2022/05/cropped-MA-logo-2022-header-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://metro.agency/wp-content/uploads/2022/05/cropped-MA-logo-2022-header-180x180.png" /> <meta name="msapplication-TileImage" content="https://metro.agency/wp-content/uploads/2022/05/cropped-MA-logo-2022-header-270x270.png" /> <style type="text/css">div.nsl-container[data-align="left"] { text-align: left; } div.nsl-container[data-align="center"] { text-align: center; } div.nsl-container[data-align="right"] { text-align: right; } div.nsl-container div.nsl-container-buttons a[data-plugin="nsl"] { text-decoration: none; box-shadow: none; border: 0; } div.nsl-container .nsl-container-buttons { display: flex; padding: 5px 0; } div.nsl-container.nsl-container-block .nsl-container-buttons { display: inline-grid; grid-template-columns: minmax(145px, auto); } div.nsl-container-block-fullwidth .nsl-container-buttons { flex-flow: column; align-items: center; } div.nsl-container-block-fullwidth .nsl-container-buttons a, div.nsl-container-block .nsl-container-buttons a { flex: 1 1 auto; display: block; margin: 5px 0; width: 100%; } div.nsl-container-inline { margin: -5px; text-align: left; } div.nsl-container-inline .nsl-container-buttons { justify-content: center; flex-wrap: wrap; } div.nsl-container-inline .nsl-container-buttons a { margin: 5px; display: inline-block; } div.nsl-container-grid .nsl-container-buttons { flex-flow: row; align-items: center; flex-wrap: wrap; } div.nsl-container-grid .nsl-container-buttons a { flex: 1 1 auto; display: block; margin: 5px; max-width: 280px; width: 100%; } @media only screen and (min-width: 650px) { div.nsl-container-grid .nsl-container-buttons a { width: auto; } } div.nsl-container .nsl-button { cursor: pointer; vertical-align: top; border-radius: 4px; } div.nsl-container .nsl-button-default { color: #fff; display: flex; } div.nsl-container .nsl-button-icon { display: inline-block; } div.nsl-container .nsl-button-svg-container { flex: 0 0 auto; padding: 8px; display: flex; align-items: center; } div.nsl-container svg { height: 24px; width: 24px; vertical-align: top; } div.nsl-container .nsl-button-default div.nsl-button-label-container { margin: 0 24px 0 12px; padding: 10px 0; font-family: Helvetica, Arial, sans-serif; font-size: 16px; line-height: 20px; letter-spacing: .25px; overflow: hidden; text-align: center; text-overflow: clip; white-space: nowrap; flex: 1 1 auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-transform: none; display: inline-block; } div.nsl-container .nsl-button-google[data-skin="dark"] .nsl-button-svg-container { margin: 1px; padding: 7px; border-radius: 3px; background: #fff; } div.nsl-container .nsl-button-google[data-skin="light"] { border-radius: 1px; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .25); color: RGBA(0, 0, 0, 0.54); } div.nsl-container .nsl-button-apple .nsl-button-svg-container { padding: 0 6px; } div.nsl-container .nsl-button-apple .nsl-button-svg-container svg { height: 40px; width: auto; } div.nsl-container .nsl-button-apple[data-skin="light"] { color: #000; box-shadow: 0 0 0 1px #000; } div.nsl-container .nsl-button-facebook[data-skin="white"] { color: #000; box-shadow: inset 0 0 0 1px #000; } div.nsl-container .nsl-button-facebook[data-skin="light"] { color: #1877F2; box-shadow: inset 0 0 0 1px #1877F2; } div.nsl-container .nsl-button-spotify[data-skin="white"] { color: #191414; box-shadow: inset 0 0 0 1px #191414; } div.nsl-container .nsl-button-apple div.nsl-button-label-container { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } div.nsl-container .nsl-button-slack div.nsl-button-label-container { font-size: 17px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } div.nsl-container .nsl-button-slack[data-skin="light"] { color: #000000; box-shadow: inset 0 0 0 1px #DDDDDD; } div.nsl-container .nsl-button-tiktok[data-skin="light"] { color: #161823; box-shadow: 0 0 0 1px rgba(22, 24, 35, 0.12); } div.nsl-container .nsl-button-kakao { color: rgba(0, 0, 0, 0.85); } .nsl-clear { clear: both; } .nsl-container { clear: both; } .nsl-disabled-provider .nsl-button { filter: grayscale(1); opacity: 0.8; } /*Button align start*/ div.nsl-container-inline[data-align="left"] .nsl-container-buttons { justify-content: flex-start; } div.nsl-container-inline[data-align="center"] .nsl-container-buttons { justify-content: center; } div.nsl-container-inline[data-align="right"] .nsl-container-buttons { justify-content: flex-end; } div.nsl-container-grid[data-align="left"] .nsl-container-buttons { justify-content: flex-start; } div.nsl-container-grid[data-align="center"] .nsl-container-buttons { justify-content: center; } div.nsl-container-grid[data-align="right"] .nsl-container-buttons { justify-content: flex-end; } div.nsl-container-grid[data-align="space-around"] .nsl-container-buttons { justify-content: space-around; } div.nsl-container-grid[data-align="space-between"] .nsl-container-buttons { justify-content: space-between; } /* Button align end*/ /* Redirect */ #nsl-redirect-overlay { display: flex; flex-direction: column; justify-content: center; align-items: center; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(1px); background-color: RGBA(0, 0, 0, .32);; } #nsl-redirect-overlay-container { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: white; padding: 30px; border-radius: 10px; } #nsl-redirect-overlay-spinner { content: ''; display: block; margin: 20px; border: 9px solid RGBA(0, 0, 0, .6); border-top: 9px solid #fff; border-radius: 50%; box-shadow: inset 0 0 0 1px RGBA(0, 0, 0, .6), 0 0 0 1px RGBA(0, 0, 0, .6); width: 40px; height: 40px; animation: nsl-loader-spin 2s linear infinite; } @keyframes nsl-loader-spin { 0% { transform: rotate(0deg) } to { transform: rotate(360deg) } } #nsl-redirect-overlay-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 18px; font-weight: bold; color: #3C434A; } #nsl-redirect-overlay-text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; text-align: center; font-size: 14px; color: #3C434A; } /* Redirect END*/</style><style type="text/css">/* Notice fallback */ #nsl-notices-fallback { position: fixed; right: 10px; top: 10px; z-index: 10000; } .admin-bar #nsl-notices-fallback { top: 42px; } #nsl-notices-fallback > div { position: relative; background: #fff; border-left: 4px solid #fff; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .1); margin: 5px 15px 2px; padding: 1px 20px; } #nsl-notices-fallback > div.error { display: block; border-left-color: #dc3232; } #nsl-notices-fallback > div.updated { display: block; border-left-color: #46b450; } #nsl-notices-fallback p { margin: .5em 0; padding: 2px; } #nsl-notices-fallback > div:after { position: absolute; right: 5px; top: 5px; content: '\00d7'; display: block; height: 16px; width: 16px; line-height: 16px; text-align: center; font-size: 20px; cursor: pointer; }</style> <style type="text/css" id="wp-custom-css"> .projects_holder article .portfolio_shader, .projects_masonry_holder article .portfolio_shader, .portfolio_slides .portfolio_shader { background-color: #00000082 !important; background-image: url('https://metro.agency/wp-content/uploads/2022/05/Metro-Agency-logo.png') !important; background-repeat: no-repeat !important; background-position: center !important; } .page-id-22224 .container_inner {padding-top:0 !important;} .content a, .content pa, .content .elementor a { color: #ee1b24 !important; } .content a:hover, .content pa:hover, .content .elementor a:hover { color: #e6ae48 !important; } @media (min-width: 1001px) { .anchor {scroll-margin-top: 70px;} } .drop_down .second, .header_bottom .qode-login-register-widget.qode-user-logged-in .qode-login-dropdown {border-color:#f2342e} .drop_down .narrow .second .inner ul li ul {border-top: 5px solid #f2342e;} .drop_down .second .inner ul li.sub ul li a:hover, .drop_down .second .inner > ul > li > a:hover {color:#f2342e;} .drop_down .second .inner ul li a, .drop_down .second .inner ul li h4 {line-height: 17px;color: #000 !important;} nav.main_menu ul li {margin-bottom:20px !important;} .drop_down .second .inner > ul, li.narrow .second .inner ul {background-color: #fafafa;} /* Blog */ @media only screen and (min-width: 600px) { .blog_holder article .post_image { display: block; width: 35% !important; float: left !important; margin: 0 24px 24px 0 !important; } } .post_text, .post_text_inner, .post_info { clear: none !important; padding-top: 0 !important; } .blog_holder article .post_info { width: 60% !important; } div.post_social { display: none !important; } /* Form Styles */ .nf-form-content label, .nf-field-label {text-transform: uppercase;} .nf-before-form-content {margin-bottom:20px; font-style:italic;} .nf-response-msg {padding: 20px 20px; border: 1px solid #ccc; margin-bottom: 100px;} /* Flexbox styles */ div#flex { display: flex; flex-wrap: flex; justify-content: space-between; } div#flex figure { width: 30%; max-width: 300px; } /* Mega Menu */ #mega-menu-wrap-top-navigation #mega-menu-top-navigation > li.mega-menu-item > a.mega-menu-link {font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight: var( --e-global-typography-primary-font-weight );} @media (max-width: 1000px) { .mobile_menu_button .fa-bars {display: none !important;} .header_bottom {padding: 0 10px !important;} } </style> <style type="text/css">/** Mega Menu CSS: fs **/</style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-5S5T44QXXQ"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-5S5T44QXXQ'); </script> </head> <body class="home page-template page-template-full_width page-template-full_width-php page page-id-21137 stockholm-core-2.3.2 mega-menu-top-navigation select-child-theme-ver-3.1.1461722540 select-theme-ver-9.0 popup-menu-fade qode_menu_ elementor-default elementor-kit-21627 elementor-page elementor-page-21137"> <div class="wrapper"> <div class="wrapper_inner"> <a id='back_to_top' href='#'> <span class="fa-stack"> <i class="fa fa-angle-up"></i> </span> </a> <header class="page_header scrolled_not_transparent has_header_fixed_right fixed"> <div class="header_inner clearfix"> <div class="header_top_bottom_holder"> <div class="header_bottom clearfix" > <div class="header_inner_left"> <div class="mobile_menu_button"><span><i class="fa fa-bars"></i></span></div> <div class="logo_wrapper"> <div class="q_logo"> <a href="https://metro.agency/"> <img class="normal" src="https://metro.agency/wp-content/uploads/2022/05/Metro-Agency-logo-home.png" alt="Logo"/> <img class="light" src="https://metro.agency/wp-content/uploads/2022/05/Metro-Agency-logo-home.png" alt="Logo"/> <img class="dark" src="https://metro.agency/wp-content/uploads/2022/05/Metro-Agency-logo-home.png" alt="Logo"/> <img class="sticky" src="https://metro.agency/wp-content/uploads/2022/05/Metro-Agency-logo-home.png" alt="Logo"/> </a> </div> </div> </div> <div class="header_inner_right"> <div class="side_menu_button_wrapper right"> <div class="side_menu_button"> </div> </div> </div> <nav class="main_menu drop_down right"> <div id="mega-menu-wrap-top-navigation" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-1' id='mega-toggle-block-1'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div></div></div><ul id="mega-menu-top-navigation" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover_intent" data-effect="fade" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="1000" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-21211' id='mega-menu-item-21211'><a class="mega-menu-link" href="https://metro.agency/about-us/" tabindex="0">Our Story</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-item-align-float-left mega-menu-item-21197' id='mega-menu-item-21197'><a class="mega-menu-link" href="https://metro.agency/services/" aria-expanded="false" tabindex="0">Services<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-columns-3-of-6 mega-menu-item-22482' id='mega-menu-item-22482'><a class="dashicons-media-document mega-menu-link" href="https://metro.agency/services-graphics#bgd">Branding and Graphic Design<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22485' id='mega-menu-item-22485'><a class="mega-menu-link" href="https://metro.agency/services-graphics#isd">Identity System Design</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22488' id='mega-menu-item-22488'><a class="mega-menu-link" href="https://metro.agency/services-graphics#fcbp">Full Corporate Branding Packages</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22491' id='mega-menu-item-22491'><a class="mega-menu-link" href="https://metro.agency/services-graphics#bcd">Business Card Design</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22494' id='mega-menu-item-22494'><a class="mega-menu-link" href="https://metro.agency/services-graphics#bcc">Brochures and Company Collateral</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22497' id='mega-menu-item-22497'><a class="mega-menu-link" href="https://metro.agency/services-graphics#pa">Print Ads</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22500' id='mega-menu-item-22500'><a class="mega-menu-link" href="https://metro.agency/services-graphics#sbtsd">Signs, Banners, Trade Show Displays</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22503' id='mega-menu-item-22503'><a class="mega-menu-link" href="https://metro.agency/services-graphics#ps">Print Services</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22506' id='mega-menu-item-22506'><a class="mega-menu-link" href="https://metro.agency/services-graphics#cw">Copywriting</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22509' id='mega-menu-item-22509'><a class="mega-menu-link" href="https://metro.agency/services-graphics#additional">Additional Design Services</a></li> </ul> </li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-columns-3-of-6 mega-menu-item-22512' id='mega-menu-item-22512'><a class="dashicons-desktop mega-menu-link" href="https://metro.agency/services-web#wis">Web and Internet Services<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22515' id='mega-menu-item-22515'><a class="mega-menu-link" href="https://metro.agency/services-web#di">Design and Implementation</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22518' id='mega-menu-item-22518'><a class="mega-menu-link" href="https://metro.agency/services-web#wdip">Website Design and Implementation Package</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22521' id='mega-menu-item-22521'><a class="mega-menu-link" href="https://metro.agency/services-web#wh">Website Hosting</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22524' id='mega-menu-item-22524'><a class="mega-menu-link" href="https://metro.agency/services-web#wm">Website Maintenance</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22527' id='mega-menu-item-22527'><a class="mega-menu-link" href="https://metro.agency/services-web#ccpa">(CCPA) Compliance</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22530' id='mega-menu-item-22530'><a class="mega-menu-link" href="https://metro.agency/services-web#seo">Search Engine Optimization</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-23701' id='mega-menu-item-23701'><a class="mega-menu-link" href="/services-web/#em">Email Management</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22533' id='mega-menu-item-22533'><a class="mega-menu-link" href="https://metro.agency/services-web#smm">Social Media Marketing</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22536' id='mega-menu-item-22536'><a class="mega-menu-link" href="https://metro.agency/services-web#ia">Internet Advertising</a></li> </ul> </li></ul> </li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-841' id='mega-menu-item-841'><a class="mega-menu-link" href="https://metro.agency/work/" tabindex="0">Work</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-23802' id='mega-menu-item-23802'><a class="mega-menu-link" href="https://metro.agency/articles/" aria-expanded="false" tabindex="0">Articles<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23804' id='mega-menu-item-23804'><a class="mega-menu-link" href="https://metro.agency/website-accessibility/">Website Accessibility</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23805' id='mega-menu-item-23805'><a class="mega-menu-link" href="https://metro.agency/ccpa-compliance/">CCPA & Privacy Compliance</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23803' id='mega-menu-item-23803'><a class="mega-menu-link" href="https://metro.agency/understanding-web-services/">Understanding Web Services</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23806' id='mega-menu-item-23806'><a class="mega-menu-link" href="https://metro.agency/do-it-yourself-link-building/">Do-It-Yourself Link Building</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23862' id='mega-menu-item-23862'><a class="mega-menu-link" href="https://metro.agency/competitive-seo/">Competitive SEO</a></li></ul> </li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-21204' id='mega-menu-item-21204'><a class="mega-menu-link" href="https://metro.agency/connect/" tabindex="0">Connect</a></li></ul></div> </nav> <nav class="mobile_menu"> <div id="mega-menu-wrap-top-navigation" class="mega-menu-wrap"><div class="mega-menu-toggle"><div class="mega-toggle-blocks-left"></div><div class="mega-toggle-blocks-center"></div><div class="mega-toggle-blocks-right"><div class='mega-toggle-block mega-menu-toggle-animated-block mega-toggle-block-1' id='mega-toggle-block-1'><button aria-label="Toggle Menu" class="mega-toggle-animated mega-toggle-animated-slider" type="button" aria-expanded="false"> <span class="mega-toggle-animated-box"> <span class="mega-toggle-animated-inner"></span> </span> </button></div></div></div><ul id="mega-menu-top-navigation" class="mega-menu max-mega-menu mega-menu-horizontal mega-no-js" data-event="hover_intent" data-effect="fade" data-effect-speed="200" data-effect-mobile="disabled" data-effect-speed-mobile="0" data-mobile-force-width="false" data-second-click="go" data-document-click="collapse" data-vertical-behaviour="standard" data-breakpoint="1000" data-unbind="true" data-mobile-state="collapse_all" data-mobile-direction="vertical" data-hover-intent-timeout="300" data-hover-intent-interval="100"><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-21211' id='mega-menu-item-21211'><a class="mega-menu-link" href="https://metro.agency/about-us/" tabindex="0">Our Story</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-menu-megamenu mega-align-bottom-left mega-menu-megamenu mega-item-align-float-left mega-menu-item-21197' id='mega-menu-item-21197'><a class="mega-menu-link" href="https://metro.agency/services/" aria-expanded="false" tabindex="0">Services<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-columns-3-of-6 mega-menu-item-22482' id='mega-menu-item-22482'><a class="dashicons-media-document mega-menu-link" href="https://metro.agency/services-graphics#bgd">Branding and Graphic Design<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22485' id='mega-menu-item-22485'><a class="mega-menu-link" href="https://metro.agency/services-graphics#isd">Identity System Design</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22488' id='mega-menu-item-22488'><a class="mega-menu-link" href="https://metro.agency/services-graphics#fcbp">Full Corporate Branding Packages</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22491' id='mega-menu-item-22491'><a class="mega-menu-link" href="https://metro.agency/services-graphics#bcd">Business Card Design</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22494' id='mega-menu-item-22494'><a class="mega-menu-link" href="https://metro.agency/services-graphics#bcc">Brochures and Company Collateral</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22497' id='mega-menu-item-22497'><a class="mega-menu-link" href="https://metro.agency/services-graphics#pa">Print Ads</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22500' id='mega-menu-item-22500'><a class="mega-menu-link" href="https://metro.agency/services-graphics#sbtsd">Signs, Banners, Trade Show Displays</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22503' id='mega-menu-item-22503'><a class="mega-menu-link" href="https://metro.agency/services-graphics#ps">Print Services</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22506' id='mega-menu-item-22506'><a class="mega-menu-link" href="https://metro.agency/services-graphics#cw">Copywriting</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22509' id='mega-menu-item-22509'><a class="mega-menu-link" href="https://metro.agency/services-graphics#additional">Additional Design Services</a></li> </ul> </li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-has-children mega-has-icon mega-icon-left mega-menu-columns-3-of-6 mega-menu-item-22512' id='mega-menu-item-22512'><a class="dashicons-desktop mega-menu-link" href="https://metro.agency/services-web#wis">Web and Internet Services<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22515' id='mega-menu-item-22515'><a class="mega-menu-link" href="https://metro.agency/services-web#di">Design and Implementation</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22518' id='mega-menu-item-22518'><a class="mega-menu-link" href="https://metro.agency/services-web#wdip">Website Design and Implementation Package</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22521' id='mega-menu-item-22521'><a class="mega-menu-link" href="https://metro.agency/services-web#wh">Website Hosting</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22524' id='mega-menu-item-22524'><a class="mega-menu-link" href="https://metro.agency/services-web#wm">Website Maintenance</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22527' id='mega-menu-item-22527'><a class="mega-menu-link" href="https://metro.agency/services-web#ccpa">(CCPA) Compliance</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22530' id='mega-menu-item-22530'><a class="mega-menu-link" href="https://metro.agency/services-web#seo">Search Engine Optimization</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-23701' id='mega-menu-item-23701'><a class="mega-menu-link" href="/services-web/#em">Email Management</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22533' id='mega-menu-item-22533'><a class="mega-menu-link" href="https://metro.agency/services-web#smm">Social Media Marketing</a></li><li class='mega-menu-item mega-menu-item-type-custom mega-menu-item-object-custom mega-menu-item-22536' id='mega-menu-item-22536'><a class="mega-menu-link" href="https://metro.agency/services-web#ia">Internet Advertising</a></li> </ul> </li></ul> </li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-841' id='mega-menu-item-841'><a class="mega-menu-link" href="https://metro.agency/work/" tabindex="0">Work</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-menu-item-has-children mega-align-bottom-left mega-menu-flyout mega-menu-item-23802' id='mega-menu-item-23802'><a class="mega-menu-link" href="https://metro.agency/articles/" aria-expanded="false" tabindex="0">Articles<span class="mega-indicator"></span></a> <ul class="mega-sub-menu"> <li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23804' id='mega-menu-item-23804'><a class="mega-menu-link" href="https://metro.agency/website-accessibility/">Website Accessibility</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23805' id='mega-menu-item-23805'><a class="mega-menu-link" href="https://metro.agency/ccpa-compliance/">CCPA & Privacy Compliance</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23803' id='mega-menu-item-23803'><a class="mega-menu-link" href="https://metro.agency/understanding-web-services/">Understanding Web Services</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23806' id='mega-menu-item-23806'><a class="mega-menu-link" href="https://metro.agency/do-it-yourself-link-building/">Do-It-Yourself Link Building</a></li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-post mega-menu-item-23862' id='mega-menu-item-23862'><a class="mega-menu-link" href="https://metro.agency/competitive-seo/">Competitive SEO</a></li></ul> </li><li class='mega-menu-item mega-menu-item-type-post_type mega-menu-item-object-page mega-align-bottom-left mega-menu-flyout mega-menu-item-21204' id='mega-menu-item-21204'><a class="mega-menu-link" href="https://metro.agency/connect/" tabindex="0">Connect</a></li></ul></div></nav> </div> </div> </div> </header> <div class="content "> <div class="content_inner"> <div class="full_width" > <div class="full_width_inner" > <div data-elementor-type="wp-page" data-elementor-id="21137" class="elementor elementor-21137"> <section class="elementor-section elementor-top-section elementor-element elementor-element-57e97461 elementor-section-boxed elementor-section-height-default elementor-section-height-default parallax_section_no qode_elementor_container_no qode-content-aligment-left" data-id="57e97461" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e488fb" data-id="7e488fb" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-3b1f8a0 elementor-widget elementor-widget-heading" data-id="3b1f8a0" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">BRANDING SILICON VALLEY SINCE 1990</h2> </div> </div> <div class="elementor-element elementor-element-1d316ae5 elementor-widget elementor-widget-text-editor" data-id="1d316ae5" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>BRANDING + MARKETING + STRATEGY + DESIGN</p> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-5cc3857 elementor-section-boxed elementor-section-height-default elementor-section-height-default parallax_section_no qode_elementor_container_no qode-content-aligment-left" data-id="5cc3857" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1d3ed71" data-id="1d3ed71" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-cced86d elementor-widget elementor-widget-text-editor" data-id="cced86d" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <div class="elementor-element elementor-element-653bb213 elementor-widget elementor-widget-text-editor" data-id="653bb213" data-element_type="widget" data-widget_type="text-editor.default"><div class="elementor-widget-container"><p>Metro.Agency is a premier full service creative services agency located in the heart of Silicon Valley鈥檚 SoFA District. We understand media, branding and digital strategy because we do it every week for hundreds of clients. It鈥檚 in our DNA.</p><p>Let Metro.Agency help you with your next rebranding, product launch, media campaign, digital initiative or image refresh.</p></div></div> </div> </div> <div class="elementor-element elementor-element-9c324a5 elementor-widget elementor-widget-heading" data-id="9c324a5" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">OUR WORK</h3> </div> </div> <div class="elementor-element elementor-element-3d27a52 elementor-widget elementor-widget-portfolio_list" data-id="3d27a52" data-element_type="widget" data-widget_type="portfolio_list.default"> <div class="elementor-widget-container"> <div class='projects_holder_outer v3 portfolio_with_space portfolio_standard qode-filter-position-top'> <div class='projects_holder clearfix v3 standard portfolio_default_image '> <article class="mix portfolio_category_72"> <div class='image_holder '> <span class='image'><img fetchpriority="high" decoding="async" width="550" height="498" src="https://metro.agency/wp-content/uploads/2022/07/ft_work_San-Jose-Chamber-of-Commerce-550x498.jpg" class="attachment-portfolio-default size-portfolio-default wp-post-image" alt="Project: San Jose Chamber of Commerce Branding/Logo" srcset="https://metro.agency/wp-content/uploads/2022/07/ft_work_San-Jose-Chamber-of-Commerce-550x498.jpg 550w, https://metro.agency/wp-content/uploads/2022/07/ft_work_San-Jose-Chamber-of-Commerce-480x434.jpg 480w, https://metro.agency/wp-content/uploads/2022/07/ft_work_San-Jose-Chamber-of-Commerce-125x112.jpg 125w" sizes="(max-width: 550px) 100vw, 550px" /></span> <a class='portfolio_link_class' href='https://metro.agency/portfolio_page/san-jose-chamber-of-commerce/' target='_self'></a> <div class="portfolio_shader"></div> <div class="icons_holder"> <div class="icons_holder_inner"> </div> </div> </div> <div class='portfolio_description text_align_left' > <h3 class="portfolio_title" ><a href="https://metro.agency/portfolio_page/san-jose-chamber-of-commerce/" target="_self"> San Jose Chamber of Commerce</a></h3> <h6 class="portfolio_subtitle"> </h6> <span class="project_category"> <span> In </span> Branding </span> </div> </article> <article class="mix portfolio_category_77 portfolio_category_72"> <div class='image_holder '> <span class='image'><img decoding="async" width="550" height="498" src="https://metro.agency/wp-content/uploads/2013/10/WorkSamplesSCGivesPortfolio-550x498.jpg" class="attachment-portfolio-default size-portfolio-default wp-post-image" alt="" srcset="https://metro.agency/wp-content/uploads/2013/10/WorkSamplesSCGivesPortfolio-550x498.jpg 550w, https://metro.agency/wp-content/uploads/2013/10/WorkSamplesSCGivesPortfolio-480x434.jpg 480w, https://metro.agency/wp-content/uploads/2013/10/WorkSamplesSCGivesPortfolio-125x112.jpg 125w" sizes="(max-width: 550px) 100vw, 550px" /></span> <a class='portfolio_link_class' href='https://metro.agency/portfolio_page/santa-cruz-gives/' target='_self'></a> <div class="portfolio_shader"></div> <div class="icons_holder"> <div class="icons_holder_inner"> </div> </div> </div> <div class='portfolio_description text_align_left' > <h3 class="portfolio_title" ><a href="https://metro.agency/portfolio_page/santa-cruz-gives/" target="_self"> Santa Cruz Gives</a></h3> <h6 class="portfolio_subtitle"> </h6> <span class="project_category"> <span> In </span> Advertising / Branding </span> </div> </article> <article class="mix portfolio_category_114"> <div class='image_holder '> <span class='image'><img decoding="async" width="550" height="498" src="https://metro.agency/wp-content/uploads/2024/12/Tonys-Pizza-Napoletana-website-550x498.jpg" class="attachment-portfolio-default size-portfolio-default wp-post-image" alt="" srcset="https://metro.agency/wp-content/uploads/2024/12/Tonys-Pizza-Napoletana-website-550x498.jpg 550w, https://metro.agency/wp-content/uploads/2024/12/Tonys-Pizza-Napoletana-website-480x434.jpg 480w, https://metro.agency/wp-content/uploads/2024/12/Tonys-Pizza-Napoletana-website-125x112.jpg 125w" sizes="(max-width: 550px) 100vw, 550px" /></span> <a class='portfolio_link_class' href='https://metro.agency/portfolio_page/tonys-pizza-napoletana/' target='_self'></a> <div class="portfolio_shader"></div> <div class="icons_holder"> <div class="icons_holder_inner"> </div> </div> </div> <div class='portfolio_description text_align_left' > <h3 class="portfolio_title" ><a href="https://metro.agency/portfolio_page/tonys-pizza-napoletana/" target="_self"> Tony’s Pizza Napoletana</a></h3> <h6 class="portfolio_subtitle"> </h6> <span class="project_category"> <span> In </span> Web Design </span> </div> </article> <article class="mix portfolio_category_114"> <div class='image_holder '> <span class='image'><img loading="lazy" decoding="async" width="550" height="498" src="https://metro.agency/wp-content/uploads/2024/01/RMFE-Website-550x498.jpg" class="attachment-portfolio-default size-portfolio-default wp-post-image" alt="" srcset="https://metro.agency/wp-content/uploads/2024/01/RMFE-Website-550x498.jpg 550w, https://metro.agency/wp-content/uploads/2024/01/RMFE-Website-480x434.jpg 480w, https://metro.agency/wp-content/uploads/2024/01/RMFE-Website-125x112.jpg 125w" sizes="(max-width: 550px) 100vw, 550px" /></span> <a class='portfolio_link_class' href='https://metro.agency/portfolio_page/rate-my-freshman-experience/' target='_self'></a> <div class="portfolio_shader"></div> <div class="icons_holder"> <div class="icons_holder_inner"> </div> </div> </div> <div class='portfolio_description text_align_left' > <h3 class="portfolio_title" ><a href="https://metro.agency/portfolio_page/rate-my-freshman-experience/" target="_self"> Rate My Freshman Experience</a></h3> <h6 class="portfolio_subtitle"> </h6> <span class="project_category"> <span> In </span> Web Design </span> </div> </article> <article class="mix portfolio_category_114"> <div class='image_holder '> <span class='image'><img loading="lazy" decoding="async" width="550" height="498" src="https://metro.agency/wp-content/uploads/2024/12/Alisto-website-550x498.jpg" class="attachment-portfolio-default size-portfolio-default wp-post-image" alt="" srcset="https://metro.agency/wp-content/uploads/2024/12/Alisto-website-550x498.jpg 550w, https://metro.agency/wp-content/uploads/2024/12/Alisto-website-480x434.jpg 480w, https://metro.agency/wp-content/uploads/2024/12/Alisto-website-125x112.jpg 125w" sizes="(max-width: 550px) 100vw, 550px" /></span> <a class='portfolio_link_class' href='https://metro.agency/portfolio_page/23782/' target='_self'></a> <div class="portfolio_shader"></div> <div class="icons_holder"> <div class="icons_holder_inner"> </div> </div> </div> <div class='portfolio_description text_align_left' > <h3 class="portfolio_title" ><a href="https://metro.agency/portfolio_page/23782/" target="_self"> Alisto</a></h3> <h6 class="portfolio_subtitle"> </h6> <span class="project_category"> <span> In </span> Web Design </span> </div> </article> <div class='filler'></div> <div class='filler'></div> <div class='filler'></div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="elementor-section elementor-top-section elementor-element elementor-element-c8b479b elementor-section-boxed elementor-section-height-default elementor-section-height-default parallax_section_no qode_elementor_container_no qode-content-aligment-left" data-id="c8b479b" data-element_type="section"> <div class="elementor-container elementor-column-gap-default"> <div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7b9b66b" data-id="7b9b66b" data-element_type="column"> <div class="elementor-widget-wrap elementor-element-populated"> <div class="elementor-element elementor-element-17751ff elementor-widget elementor-widget-text-editor" data-id="17751ff" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <h3>Websites that Work</h3> <p>We build engaging, modern websites, optimized for performance.  We make sure that your website is mobile-ready, accessible, and secure.  Our goal is to effectively communicate your message, and bring you new business.</p> <p><br></p> <h3>Internet Marketing</h3> <p>We make sure new customers can find you. We get you prominent positions in search results, and get you noticed on social media.  </p> <p><br></p> <h3>Advertising  </h3> <p>Advertising works.  We create and manage your advertising campaigns, whether in print publications or online. We get you the best return on your ad dollars by choosing the right mix of Google search ads, Facebook and Twitter ads, email newsletters, banner placements and more.</p> <p><br></p> <h3>Print Design</h3> <p>Need something you can touch? We鈥檝e got that too!  We design business card, flyers, brochures, business collateral, die-cuts, packaging, promotional items, menus, signs, banners, posters, book covers, and more. </p> <p>You get sophisticated, attractive designs, tailored to match your brand and business image.</p> <p><br></p> <h3>Metro.Agency </h3> <p>We are a premier full service creative services agency located in San Jose鈥檚 SoFA District, in the heart of Silicon Valley. We understand media, branding and digital strategy because we do it every week for hundreds of clients. It鈥檚 in our DNA.</p> <p>Let Metro.Agency help you with your next rebranding, product launch, media campaign, digital initiative or image refresh.</p> <p><br></p> <h3>Now it鈥檚 up to you!  </h3> <p>Reach out and contact us. We鈥檙e happy to schedule a free consultation.  </p> <p>Find out how we can help you grow your business.</p> <p><br></p> <p><a href="/connect/" target="_blank" style="font-family: var( --e-global-typography-text-font-family ), Sans-serif; font-weight: var( --e-global-typography-text-font-weight );">Contact us today!</a></p> <p><br></p> </div> </div> </div> </div> </div> </section> </div> </div> </div> </div> </div> <footer class="qodef-page-footer footer_border_columns"> <div class="footer_inner clearfix"> <div class="footer_bottom_holder"> <div class="footer_bottom"> <div class="textwidget"><p>Web design, internet marketing and creative services for San Jose, San Francisco, Silicon Valley and beyond.</p> </div> <div style="height:8px" aria-hidden="true" class="wp-block-spacer"></div> <div class="textwidget"><p>Copyright 漏 2025, Metro.Agency. All Rights Reserved 聽|聽 380 S First St., San Jose CA 95113 聽|聽 408.962.1588</p> </div> <div class="textwidget"><p> </p> <p><a href="/accessibility/">Accessibility Statement</a>聽| <a href="/privacy/">Privacy</a> | <a href="/fulfillment-policy/">Fulfillment Policy</a></p> </div> </div> </div> </div> </footer> </div> </div> <script> (function(e){ var el = document.createElement('script'); el.setAttribute('data-account', 'jBMwaXKTib'); el.setAttribute('src', 'https://cdn.userway.org/widget.js'); document.body.appendChild(el); })(); </script> <script> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/accordion.min.js?ver=1.13.3" id="jquery-ui-accordion-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3" id="jquery-ui-datepicker-js"></script> <script type="text/javascript" id="jquery-ui-datepicker-js-after"> /* <![CDATA[ */ jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});}); /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/effect.min.js?ver=1.13.3" id="jquery-effects-core-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/effect-fade.min.js?ver=1.13.3" id="jquery-effects-fade-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/effect-size.min.js?ver=1.13.3" id="jquery-effects-size-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/effect-scale.min.js?ver=1.13.3" id="jquery-effects-scale-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/effect-slide.min.js?ver=1.13.3" id="jquery-effects-slide-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/mouse.min.js?ver=1.13.3" id="jquery-ui-mouse-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/slider.min.js?ver=1.13.3" id="jquery-ui-slider-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/ui/tabs.min.js?ver=1.13.3" id="jquery-ui-tabs-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/jquery/jquery.form.min.js?ver=4.3.0" id="jquery-form-js"></script> <script type="text/javascript" id="mediaelement-core-js-before"> /* <![CDATA[ */ var mejsL10n = {"language":"en","strings":{"mejs.download-file":"Download File","mejs.install-flash":"You are using a browser that does not have Flash player enabled or installed. Please turn on your Flash player plugin or download the latest version from https:\/\/get.adobe.com\/flashplayer\/","mejs.fullscreen":"Fullscreen","mejs.play":"Play","mejs.pause":"Pause","mejs.time-slider":"Time Slider","mejs.time-help-text":"Use Left\/Right Arrow keys to advance one second, Up\/Down arrows to advance ten seconds.","mejs.live-broadcast":"Live Broadcast","mejs.volume-help-text":"Use Up\/Down Arrow keys to increase or decrease volume.","mejs.unmute":"Unmute","mejs.mute":"Mute","mejs.volume-slider":"Volume Slider","mejs.video-player":"Video Player","mejs.audio-player":"Audio Player","mejs.captions-subtitles":"Captions\/Subtitles","mejs.captions-chapters":"Chapters","mejs.none":"None","mejs.afrikaans":"Afrikaans","mejs.albanian":"Albanian","mejs.arabic":"Arabic","mejs.belarusian":"Belarusian","mejs.bulgarian":"Bulgarian","mejs.catalan":"Catalan","mejs.chinese":"Chinese","mejs.chinese-simplified":"Chinese (Simplified)","mejs.chinese-traditional":"Chinese (Traditional)","mejs.croatian":"Croatian","mejs.czech":"Czech","mejs.danish":"Danish","mejs.dutch":"Dutch","mejs.english":"English","mejs.estonian":"Estonian","mejs.filipino":"Filipino","mejs.finnish":"Finnish","mejs.french":"French","mejs.galician":"Galician","mejs.german":"German","mejs.greek":"Greek","mejs.haitian-creole":"Haitian Creole","mejs.hebrew":"Hebrew","mejs.hindi":"Hindi","mejs.hungarian":"Hungarian","mejs.icelandic":"Icelandic","mejs.indonesian":"Indonesian","mejs.irish":"Irish","mejs.italian":"Italian","mejs.japanese":"Japanese","mejs.korean":"Korean","mejs.latvian":"Latvian","mejs.lithuanian":"Lithuanian","mejs.macedonian":"Macedonian","mejs.malay":"Malay","mejs.maltese":"Maltese","mejs.norwegian":"Norwegian","mejs.persian":"Persian","mejs.polish":"Polish","mejs.portuguese":"Portuguese","mejs.romanian":"Romanian","mejs.russian":"Russian","mejs.serbian":"Serbian","mejs.slovak":"Slovak","mejs.slovenian":"Slovenian","mejs.spanish":"Spanish","mejs.swahili":"Swahili","mejs.swedish":"Swedish","mejs.tagalog":"Tagalog","mejs.thai":"Thai","mejs.turkish":"Turkish","mejs.ukrainian":"Ukrainian","mejs.vietnamese":"Vietnamese","mejs.welsh":"Welsh","mejs.yiddish":"Yiddish"}}; /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/mediaelement/mediaelement-and-player.min.js?ver=4.2.17" id="mediaelement-core-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/mediaelement/mediaelement-migrate.min.js?ver=6.7.2" id="mediaelement-migrate-js"></script> <script type="text/javascript" id="mediaelement-js-extra"> /* <![CDATA[ */ var _wpmejsSettings = {"pluginPath":"\/wp-includes\/js\/mediaelement\/","classPrefix":"mejs-","stretching":"responsive","audioShortcodeLibrary":"mediaelement","videoShortcodeLibrary":"mediaelement"}; /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/mediaelement/wp-mediaelement.min.js?ver=6.7.2" id="wp-mediaelement-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/doubletaptogo.js?ver=6.7.2" id="doubletaptogo-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/modernizr.min.js?ver=6.7.2" id="modernizr-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.appear.js?ver=6.7.2" id="appear-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/absoluteCounter.min.js?ver=6.7.2" id="absoluteCounter-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/easypiechart.js?ver=6.7.2" id="easypiechart-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.mixitup.min.js?ver=6.7.2" id="mixitup-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.nicescroll.min.js?ver=6.7.2" id="nicescroll-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.prettyPhoto.js?ver=6.7.2" id="prettyphoto-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.fitvids.js?ver=6.7.2" id="fitvids-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.flexslider-min.js?ver=6.7.2" id="flexslider-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/infinitescroll.js?ver=6.7.2" id="infinitescroll-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.waitforimages.js?ver=6.7.2" id="waitforimages-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/waypoints.min.js?ver=6.7.2" id="waypoints-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jplayer.min.js?ver=6.7.2" id="jplayer-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/bootstrap.carousel.js?ver=6.7.2" id="bootstrap-carousel-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/skrollr.js?ver=6.7.2" id="skrollr-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/Chart.min.js?ver=6.7.2" id="Chart-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.easing.1.3.js?ver=6.7.2" id="jquery-easing-1.3-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.plugin.min.js?ver=6.7.2" id="jquery-plugin-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.countdown.min.js?ver=6.7.2" id="countdown-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.justifiedGallery.min.js?ver=6.7.2" id="justifiedGallery-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/owl.carousel.min.js?ver=6.7.2" id="owl-carousel-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.carouFredSel-6.2.1.js?ver=6.7.2" id="carouFredSel-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.fullPage.min.js?ver=6.7.2" id="fullPage-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/lemmon-slider.js?ver=6.7.2" id="lemmonSlider-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.mousewheel.min.js?ver=6.7.2" id="mousewheel-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.touchSwipe.min.js?ver=6.7.2" id="touchSwipe-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.isotope.min.js?ver=6.7.2" id="isotope-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/packery-mode.pkgd.min.js?ver=6.7.2" id="packery-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.parallax-scroll.js?ver=6.7.2" id="parallax-scroll-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/jquery.multiscroll.min.js?ver=6.7.2" id="multiscroll-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/default_dynamic.js?ver=1711685152" id="stockholm-default-dynamic-js"></script> <script type="text/javascript" id="stockholm-default-js-extra"> /* <![CDATA[ */ var QodeLeftMenuArea = {"width":"260"}; var QodeAdminAjax = {"ajaxurl":"https:\/\/metro.agency\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/default.min.js?ver=6.7.2" id="stockholm-default-js"></script> <script type="text/javascript" src="https://metro.agency/wp-includes/js/comment-reply.min.js?ver=6.7.2" id="comment-reply-js" async="async" data-wp-strategy="async"></script> <script type="text/javascript" id="stockholm-like-js-extra"> /* <![CDATA[ */ var qodeLike = {"ajaxurl":"https:\/\/metro.agency\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-content/themes/stockholm/js/plugins/qode-like.js?ver=1.0" id="stockholm-like-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/plugins/megamenu/js/maxmegamenu.js?ver=3.4.1" id="megamenu-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.28.1" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://metro.agency/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.28.1" id="elementor-frontend-modules-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}},"hasCustomBreakpoints":false},"version":"3.28.1","is_static":false,"experimentalFeatures":{"additional_custom_breakpoints":true,"e_local_google_fonts":true,"editor_v2":true,"home_screen":true},"urls":{"assets":"https:\/\/metro.agency\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/metro.agency\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/metro.agency\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"e796b72773"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":21137,"title":"Metro.Agency%20%E2%80%93%20identity%20%2B%20strategy%20%2B%20design","excerpt":"","featuredImage":false}}; /* ]]> */ </script> <script type="text/javascript" src="https://metro.agency/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.28.1" id="elementor-frontend-js"></script> <script type="text/javascript">(function (undefined) {let scriptOptions={"_localizedStrings":{"redirect_overlay_title":"Hold On","redirect_overlay_text":"You are being redirected to another page,<br>it may take a few seconds.","webview_notification_text":"The selected provider doesn't support embedded browsers!"},"_targetWindow":"prefer-popup","_redirectOverlay":"overlay-with-spinner-and-message","_unsupportedWebviewBehavior":""}; /** * Used when Cross-Origin-Opener-Policy blocked the access to the opener. We can't have a reference of the opened windows, so we should attempt to refresh only the windows that has opened popups. */ window._nslHasOpenedPopup = false; window._nslWebViewNoticeElement = null; window.NSLPopup = function (url, title, w, h) { /** * Cross-Origin-Opener-Policy blocked the access to the opener */ if (typeof BroadcastChannel === "function") { const _nslLoginBroadCastChannel = new BroadcastChannel('nsl_login_broadcast_channel'); _nslLoginBroadCastChannel.onmessage = (event) => { if (window?._nslHasOpenedPopup && event.data?.action === 'redirect') { window._nslHasOpenedPopup = false; const url = event.data?.href; _nslLoginBroadCastChannel.close(); if (typeof window.nslRedirect === 'function') { window.nslRedirect(url); } else { window.opener.location = url; } } }; } const userAgent = navigator.userAgent, mobile = function () { return /\b(iPhone|iP[ao]d)/.test(userAgent) || /\b(iP[ao]d)/.test(userAgent) || /Android/i.test(userAgent) || /Mobile/i.test(userAgent); }, screenX = window.screenX !== undefined ? window.screenX : window.screenLeft, screenY = window.screenY !== undefined ? window.screenY : window.screenTop, outerWidth = window.outerWidth !== undefined ? window.outerWidth : document.documentElement.clientWidth, outerHeight = window.outerHeight !== undefined ? window.outerHeight : document.documentElement.clientHeight - 22, targetWidth = mobile() ? null : w, targetHeight = mobile() ? null : h, left = parseInt(screenX + (outerWidth - targetWidth) / 2, 10), right = parseInt(screenY + (outerHeight - targetHeight) / 2.5, 10), features = []; if (targetWidth !== null) { features.push('width=' + targetWidth); } if (targetHeight !== null) { features.push('height=' + targetHeight); } features.push('left=' + left); features.push('top=' + right); features.push('scrollbars=1'); const newWindow = window.open(url, title, features.join(',')); if (window.focus) { newWindow.focus(); } window._nslHasOpenedPopup = true; return newWindow; }; let isWebView = null; function checkWebView() { if (isWebView === null) { function _detectOS(ua) { if (/Android/.test(ua)) { return "Android"; } else if (/iPhone|iPad|iPod/.test(ua)) { return "iOS"; } else if (/Windows/.test(ua)) { return "Windows"; } else if (/Mac OS X/.test(ua)) { return "Mac"; } else if (/CrOS/.test(ua)) { return "Chrome OS"; } else if (/Firefox/.test(ua)) { return "Firefox OS"; } return ""; } function _detectBrowser(ua) { let android = /Android/.test(ua); if (/Opera Mini/.test(ua) || / OPR/.test(ua) || / OPT/.test(ua)) { return "Opera"; } else if (/CriOS/.test(ua)) { return "Chrome for iOS"; } else if (/Edge/.test(ua)) { return "Edge"; } else if (android && /Silk\//.test(ua)) { return "Silk"; } else if (/Chrome/.test(ua)) { return "Chrome"; } else if (/Firefox/.test(ua)) { return "Firefox"; } else if (android) { return "AOSP"; } else if (/MSIE|Trident/.test(ua)) { return "IE"; } else if (/Safari\//.test(ua)) { return "Safari"; } else if (/AppleWebKit/.test(ua)) { return "WebKit"; } return ""; } function _detectBrowserVersion(ua, browser) { if (browser === "Opera") { return /Opera Mini/.test(ua) ? _getVersion(ua, "Opera Mini/") : / OPR/.test(ua) ? _getVersion(ua, " OPR/") : _getVersion(ua, " OPT/"); } else if (browser === "Chrome for iOS") { return _getVersion(ua, "CriOS/"); } else if (browser === "Edge") { return _getVersion(ua, "Edge/"); } else if (browser === "Chrome") { return _getVersion(ua, "Chrome/"); } else if (browser === "Firefox") { return _getVersion(ua, "Firefox/"); } else if (browser === "Silk") { return _getVersion(ua, "Silk/"); } else if (browser === "AOSP") { return _getVersion(ua, "Version/"); } else if (browser === "IE") { return /IEMobile/.test(ua) ? _getVersion(ua, "IEMobile/") : /MSIE/.test(ua) ? _getVersion(ua, "MSIE ") : _getVersion(ua, "rv:"); } else if (browser === "Safari") { return _getVersion(ua, "Version/"); } else if (browser === "WebKit") { return _getVersion(ua, "WebKit/"); } return "0.0.0"; } function _getVersion(ua, token) { try { return _normalizeSemverString(ua.split(token)[1].trim().split(/[^\w\.]/)[0]); } catch (o_O) { } return "0.0.0"; } function _normalizeSemverString(version) { const ary = version.split(/[\._]/); return (parseInt(ary[0], 10) || 0) + "." + (parseInt(ary[1], 10) || 0) + "." + (parseInt(ary[2], 10) || 0); } function _isWebView(ua, os, browser, version, options) { switch (os + browser) { case "iOSSafari": return false; case "iOSWebKit": return _isWebView_iOS(options); case "AndroidAOSP": return false; case "AndroidChrome": return parseFloat(version) >= 42 ? /; wv/.test(ua) : /\d{2}\.0\.0/.test(version) ? true : _isWebView_Android(options); } return false; } function _isWebView_iOS(options) { const document = (window["document"] || {}); if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("fullscreenEnabled" in document || "webkitFullscreenEnabled" in document || false); } function _isWebView_Android(options) { if ("WEB_VIEW" in options) { return options["WEB_VIEW"]; } return !("requestFileSystem" in window || "webkitRequestFileSystem" in window || false); } const options = {}, nav = window.navigator || {}, ua = nav.userAgent || "", os = _detectOS(ua), browser = _detectBrowser(ua), browserVersion = _detectBrowserVersion(ua, browser); isWebView = _isWebView(ua, os, browser, browserVersion, options); } return isWebView; } function isAllowedWebViewForUserAgent(provider) { const facebookAllowedWebViews = [ 'Instagram', 'FBAV', 'FBAN' ]; let whitelist = []; if (provider && provider === 'facebook') { whitelist = facebookAllowedWebViews; } const nav = window.navigator || {}, ua = nav.userAgent || ""; if (whitelist.length && ua.match(new RegExp(whitelist.join('|')))) { return true; } return false; } function disableButtonInWebView(providerButtonElement) { if (providerButtonElement) { providerButtonElement.classList.add('nsl-disabled-provider'); providerButtonElement.setAttribute('href', '#'); providerButtonElement.addEventListener('pointerdown', (e) => { if (!window._nslWebViewNoticeElement) { window._nslWebViewNoticeElement = document.createElement('div'); window._nslWebViewNoticeElement.id = "nsl-notices-fallback"; window._nslWebViewNoticeElement.addEventListener('pointerdown', function (e) { this.parentNode.removeChild(this); window._nslWebViewNoticeElement = null; }); const webviewNoticeHTML = '<div class="error"><p>' + scriptOptions._localizedStrings.webview_notification_text + '</p></div>'; window._nslWebViewNoticeElement.insertAdjacentHTML("afterbegin", webviewNoticeHTML); document.body.appendChild(window._nslWebViewNoticeElement); } }); } } window._nslDOMReady(function () { window.nslRedirect = function (url) { if (scriptOptions._redirectOverlay) { const overlay = document.createElement('div'); overlay.id = "nsl-redirect-overlay"; let overlayHTML = ''; const overlayContainer = "<div id='nsl-redirect-overlay-container'>", overlayContainerClose = "</div>", overlaySpinner = "<div id='nsl-redirect-overlay-spinner'></div>", overlayTitle = "<p id='nsl-redirect-overlay-title'>" + scriptOptions._localizedStrings.redirect_overlay_title + "</p>", overlayText = "<p id='nsl-redirect-overlay-text'>" + scriptOptions._localizedStrings.redirect_overlay_text + "</p>"; switch (scriptOptions._redirectOverlay) { case "overlay-only": break; case "overlay-with-spinner": overlayHTML = overlayContainer + overlaySpinner + overlayContainerClose; break; default: overlayHTML = overlayContainer + overlaySpinner + overlayTitle + overlayText + overlayContainerClose; break; } overlay.insertAdjacentHTML("afterbegin", overlayHTML); document.body.appendChild(overlay); } window.location = url; }; let targetWindow = scriptOptions._targetWindow || 'prefer-popup', lastPopup = false; document.addEventListener('click', function (e) { if (e.target) { const buttonLinkElement = e.target.closest('a[data-plugin="nsl"][data-action="connect"]') || e.target.closest('a[data-plugin="nsl"][data-action="link"]'); if (buttonLinkElement) { if (lastPopup && !lastPopup.closed) { e.preventDefault(); lastPopup.focus(); } else { let href = buttonLinkElement.href, success = false; if (href.indexOf('?') !== -1) { href += '&'; } else { href += '?'; } const redirectTo = buttonLinkElement.dataset.redirect; if (redirectTo === 'current') { href += 'redirect=' + encodeURIComponent(window.location.href) + '&'; } else if (redirectTo && redirectTo !== '') { href += 'redirect=' + encodeURIComponent(redirectTo) + '&'; } if (targetWindow !== 'prefer-same-window' && checkWebView()) { targetWindow = 'prefer-same-window'; } if (targetWindow === 'prefer-popup') { lastPopup = NSLPopup(href + 'display=popup', 'nsl-social-connect', buttonLinkElement.dataset.popupwidth, buttonLinkElement.dataset.popupheight); if (lastPopup) { success = true; e.preventDefault(); } } else if (targetWindow === 'prefer-new-tab') { const newTab = window.open(href + 'display=popup', '_blank'); if (newTab) { if (window.focus) { newTab.focus(); } success = true; window._nslHasOpenedPopup = true; e.preventDefault(); } } if (!success) { window.location = href; e.preventDefault(); } } } } }); let buttonCountChanged = false; const googleLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="google"]'); if (googleLoginButtons.length && checkWebView()) { googleLoginButtons.forEach(function (googleLoginButton) { if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') { disableButtonInWebView(googleLoginButton); } else { googleLoginButton.remove(); buttonCountChanged = true; } }); } const facebookLoginButtons = document.querySelectorAll(' a[data-plugin="nsl"][data-provider="facebook"]'); if (facebookLoginButtons.length && checkWebView() && /Android/.test(window.navigator.userAgent) && !isAllowedWebViewForUserAgent('facebook')) { facebookLoginButtons.forEach(function (facebookLoginButton) { if (scriptOptions._unsupportedWebviewBehavior === 'disable-button') { disableButtonInWebView(facebookLoginButton); } else { facebookLoginButton.remove(); buttonCountChanged = true; } }); } const separators = document.querySelectorAll('div.nsl-separator'); if (buttonCountChanged && separators.length) { separators.forEach(function (separator) { const separatorParentNode = separator.parentNode; if (separatorParentNode) { const separatorButtonContainer = separatorParentNode.querySelector('div.nsl-container-buttons'); if (separatorButtonContainer && !separatorButtonContainer.hasChildNodes()) { separator.remove(); } } }) } });})();</script></body> </html>