<iframe></noscript> <div id="app" v-cloak> <nav id="site-nav" class="site-navigation fixed page-header"> <div class="nav-wrapper"> <div class="branding-nav-wtc"> <h1 class="site-branding" ref="logo" > <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-malmo-svart.svg" /> </a> </h1> <div class="sweet-nav-wtc priority-nav-wtc"> <top-menu :menus="menus" :startpage="false"></top-menu> <ul class="nav navbar-nav navbar-right" ref="rightMenu" > <li id="ia" class="nav-item-right nav-right navbar-cta cta-1" v-show="!showHamburger"> <ia-modal url="/api/wtc/ia" page-id="12334" dialog-type="auto"> Intresse­anmälan </ia-modal> </li> <li class="nav-item-right navbar-cta cta-2" v-show="!showHamburger"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="nav-item-right favorites" :class="{'contains-items': $root.favorites.length > 0 }" v-show="!showHamburger"> <a href="/favoriter/"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <img class="convert-svg" src="/Areas/WTC/Content/img/favorit_fill.svg" /> </a> </li> <li class="nav-item-right nav-search" ref="search"> <a href="/sok/"><img src="/Areas/WTC/Content/img/ikon-sok.svg" /></a> </li> <li class="nav-item-right nav-language-switcher" v-show="!showHamburger && $root.languages.length > 1" :class="{'is-expanded' : langExpanded }"> <a href="#" @click.stop.prevent="$root.toggleLangExpand"><img src="/Areas/WTC/Content/img/globe-icon.svg" /></a> <ul class="dropdown-menu-holder nav-language-switcher-holder"> <li v-for="language in $root.languages" :class="{'is-current-language': language.isCurrent }"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self=""> {{language.name}} </a> </li> </ul> </li> </ul> </div> </div> </div> </nav> <div class="container-fluid page-top-block"> <div class="row"> <div class="col-lg-5"> <div class="page-top-block-text dark"> <div class="content"> <h1>Bra lägen i tre städer</h1> <div class="page-top-block__intro"> <p> World Trade Center finns på strategiska lägen i Malmö, Lund och Helsingborg. Vi erbjuder lokaler som passar alla företag, från egenföretagare till stora koncerner. </p> </div> </div> </div> </div> <div class="col-lg-7"> <div class="page-top-block-image page-top-block--share" style="background-image: url('/siteassets/qbank/mp_kontor_99493_wtc-oceanhamnen_exterior_fran-havet-4164resize107635268crop1747090165268autoorientbackground23ffffffquality80stripextensionjpgid7.jpg');"> </div> </div> </div> </div> <div class="container-fluid"> <div class="row"> <div class="offset-sm-1 col-sm-10 col-md-10 col-lg-10 offset-xl-2 col-xl-8 col-xxl-6"> <div class="news-item"> <div class="OutlineElement Ltr BCX1 SCXW182008997"> </div> </div> </div> <div class="col-sm-12"> <main class="main-body"> <div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="bulletin lightblue"> <a href="/lediga-lokaler/"> <p><strong>Coworking, kontorshotell eller kontorslokaler?</strong> Vi har kontor för alla företag oavsett storlek. </p> </a> </div></div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="features"> <picture class="ec-lazy-img features-image" style="background-image:url(/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-items"> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop193930925013442resize18602560quality75extensionjpgid39.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop193930925013442resize18602560quality75extensionjpgid39.jpg?width=1489&height=2560&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop193930925013442resize18602560quality75extensionjpgid39.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop193930925013442resize18602560quality75extensionjpgid39.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/helsingborg-1-4715crop098357602475resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Skalbart</h2> <h3>Lokaler som passar dina behov</h3> <div class="features-item-content-description"> <p>Till skillnad från många andra förvaltar vi på World Trade Center alla våra kontorslokaler själva. Därför är det sällan några problem om ni behöver öka eller minska er yta, vi har en nära dialog med våra hyresgäster och hittar nästan alltid en fungerande lösning utan att ni behöver byta adress. </p> <a href="/varfor-wtc/kontor/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra lokaler</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Delbart</h2> <h3>Möteslokaler när du behöver</h3> <div class="features-item-content-description"> <p>Dra nytta av delade konferenslokaler och optimera din kontorsyta. Varför betala för en stor yta som bara används ibland? På World Trade Center finns ett antal gemensamma konferens- och möteslokaler du kan boka när det behövs. Vissa är kostnadsfria, andra kan du som hyresgäst boka till rabatterat pris. Dessutom finns olika loungemiljöer för mer informella möten i en behaglig och inspirerande miljö.</p> <a href="/fastigheter-och-lokaler/konferenslokaler/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra konferenslokaler här</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img img-padding features-item-image" style="background-image:url(/siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=2559&height=1018&mode=crop" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop, /siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop, /siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/img_1785-6202crop253639614452566resize14422561quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop, /siteassets/qbank/img_1785-6202crop253639614452566resize14422561quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/img_1785-6202crop253639614452566resize14422561quality75extensionjpgid43.jpg?width=576&height=990&mode=crop, /siteassets/qbank/img_1785-6202crop253639614452566resize14422561quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/img_1785-6202crop094340321733resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Nåbart</h2> <h3>Bra lägen med goda kommunikationer</h3> <div class="features-item-content-description"> <p>Strategiskt placerade kontor med nära till allt. Oavsett om du vill sitta på World Trade Center i Malmö, Lund eller Helsingborg har du alltid nära till kommunikationer. Alla våra fastigheter ligger på strategiska lägen med kollektivtrafik och huvudleder på bekvämt avstånd.</p> <a href="/fastigheter-och-lokaler/vara-fastigheter/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra fastigheter</span></a> </div> </div> </div> </div> </div> </div> </div></div></div><building-blocks :model='{"filters":["Alla städer","Malmö","Lund","Helsingborg"],"buildings":[{"Key":12275728,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":23370267,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","ImageUrl":"/siteassets/buildings/illustration-propellergatan.svg"},{"Key":30538515,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"},{"Key":58298182,"PropertyName":"Hedvig Möllers gata 12","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-12/","ImageUrl":"/siteassets/buildings/illustration-lund.svg"},{"Key":25806224,"PropertyName":"Hedvig Möllers gata 5","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-5/","ImageUrl":"/siteassets/buildings/wtc_illustration_hedvid-mollers-gata-5-copy2.svg"},{"Key":5460969,"PropertyName":"Bröderna Pihls gränd","City":"Helsingborg","Location":"Oceanhamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/broderna-phils-grand/","ImageUrl":"/siteassets/buildings/illustration-broderna-phils-gata.svg"},{"Key":24895584,"PropertyName":"Carl Krooks gata","City":"Helsingborg","Location":"Södra centrum","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/carl-krooks-gata/","ImageUrl":"/siteassets/buildings/illustration-carl-krooks-gata.svg"}],"heading":"Vi har moderna lokaler i tre städer. "}'></building-blocks> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"grey","Layout":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/stamningsbild_omradet-5990crop61125632202resize25602199quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"}],"Text":{"Heading":"Havsnära i Västra hamnen","Ingress":"Perfekt läge vid Öresund, med restauranger, affärer och grönområden utanför dörren","Content":"World Trade Center Malmö ligger i den västra delen av Västra Hamnen, nära vattnet och Ribersborg och med bara 10 minuters promenad till Malmö city. Du tar dig enkelt hit via buss, bil, cykel eller genom att promenera. Flera busslinjer med täta turer trafikerar Västra Hamnen och det finns gott om parkeringsplatser i direkt anslutning till fastigheterna."},"Link":{"Text":"Läs mer om fastigheter","AdditionalLinkText":"i Malmö","Target":null,"Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"grey","Layout":"Text","ReverseOrder":true,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/_z5a1080-5739crop27418249364242resize25602200quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"}],"Text":{"Heading":"Strategiskt läge i södra Lund","Ingress":"Moderna kontor nära både kommunikationer och parkområden ","Content":"World Trade Center Lund är strategiskt placerat, mitt i den expansiva Öresundsregionen, strax intill Råby trafikplats vid E22. Du når centrala Lund på åtta minuter med cykel, och har dessutom nära till Malmö, Malmö Airport, Köpenhamn och Copenhagen Airport."},"Link":{"Text":"Läs mer om fastigheter","AdditionalLinkText":"i Lund","Target":null,"Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"grey","Layout":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/_z5a7191-redigera-6100crop0049694270resize25592199quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"}],"Text":{"Heading":"Coworking vid Centralstationen","Ingress":"Inspirerande miljö i aktivitetsbaserat kontor med goda förbindelser","Content":"World Trade Center Helsingborg är en filial som ligger i samma byggnad som Radisson Blu Metropol Hotel på Carl Krooks gata. Nära södra infarten från E4:an, Malmöleden och runt hörnet till den nya södra uppgången, Helsingborg Centralstation. Helsingborgs utbud av restauranger och shopping finns precis utanför dörren. "},"Link":{"Text":"Läs mer om fastigheter","AdditionalLinkText":"i Helsingborg","Target":null,"Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="features"> <picture class="ec-lazy-img features-image" style="background-image:url(/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-items"> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Kontor</h2> <h3>Lokaler att växa i</h3> <div class="features-item-content-description"> <p>Anpassa era kontorsytor efterhand som era behov förändras. Beroende på verksamhetens storlek och behov kan du välja postbox, coworking, kontorshotell eller traditionella kontorslokaler. Dessutom hjälper vi dig att hitta lösningar efterhand som er verksamhets förutsättningar förändras. </p> <a href="/varfor-wtc/kontor/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Service</h2> <h3>Tjänster som underlättar</h3> <div class="features-item-content-description"> <p>Effektivisera din verksamhet med vårt breda servicekoncept. Vi hjälper dig sänka dina fasta kostnader bl. a genom att tillhandahålla gemensamma mötesrum och konferenslokaler. Vår bemannade reception tar hand om dina besökare och andra praktikaliteter i din vardag. </p> <a href="/varfor-wtc/service/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Klubb</h2> <h3>Nätverk som utvecklar</h3> <div class="features-item-content-description"> <p>Affärsnätverk med stimulerande möten, seminarier och utbildningar. Som hyresgäst får du möjlighet att delta i utbildningar, frukostmingel, utvecklande seminarier och nätverkande lokalt. Dessutom kan du dra nytta av World Trade Centers unika affärsnätverk, både lokalt, nationellt och internationellt. </p> <a href="/varfor-wtc/klubb/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> </div> </div> </div></div></div> </main> </div> </div> </div> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-malmo-svart.svg" /> </a> <div class="language-switcher" v-if="$root.languages.length > 1"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column" v-for="menu in menusWithChildren" :key="menu.Key"> <h4 v-if="menu.Url"><a :href="menu.Url">{{ menu.Text }}</a></h4> <h4 v-else>{{ menu.Text }}</h4> <ul v-if="menu.Items.length > 0"> <li v-for="item in menu.Items" :key="item.Key"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li v-for="subItem in item.Items" :key="subItem.Key"><a :href="subItem.Url">{{subItem.Text}}</a></li> </ul> </li> </ul> </div> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column contact-column"> <h4>Kontakt</h4> <div class="contact-info-container"> <div class="contact-info"> <div> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </div> <div class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </div> <div class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </div> <div> <a href="/cookies/">Integritets- och cookiepolicy</a> </div> <div> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</a> </div> </div> <div class="member-of-midroc-image"> <img src="/siteassets/qbank/member_of_midroc-logo-vit-5956.png" /> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmo.se/fastigheter-och-lokaler/konferenslokaler/">Gå vidare till: Konferenslokaler <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> </div> </div> <script type="text/x-template" id="top-menu"> <ul class="nav navbar-nav navbar-left" :class="{'hamburger-is-present' : showHamburger}" ref="navbar"> <top-menu-item :menu="menu" v-for="(menu,index) in menus" :index="index" :key="menu.Key" ref="topMenu" @close-menus="closeMenus" :breakpoint="breakPoint" :forceHidden="showHamburger" ></top-menu-item> <li class="nav-item has-child-menu is-nav-more" :class="{'is-expanded' : expanded, 'mobile-nav-more' : showHamburger, }" ref="more" v-show="breakPoint > -1 || showHamburger"> <a href="#" class="nav-link" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false"> <template v-if="!showHamburger"> FLER </template> <template v-else> <span></span> </template> </a> <ul class="dropdown-menu-holder more-sub-menu" v-show="expanded"> <top-menu-item :menu="menu" v-for="(menu,index) in menus" :index="!showHamburger ? index : menus.length" :key="'dropdown-' + menu.Key" ref="dropDownMenu" @close-menus="closeDropDownMenus" :dropdown="true" :breakpoint="breakPoint"></top-menu-item> <li class="dropdown-nav-item nav-item navbar-cta cta-1" v-show="showHamburger"> <ia-modal url="/api/wtc/ia" page-id="12334" dialog-type="auto"> Intresse­anmälan </ia-modal> </li> <li class="dropdown-nav-item nav-item navbar-cta cta-2" v-show="showHamburger"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="dropdown-nav-item nav-item favorites" :class="{'contains-items': $root.favorites.length > 0 }" v-show="showHamburger"> <a href="/favoriter/"> <div class="favorite-text">Favoriter</div> <div class="favorite-heart"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 29 26" class="convert-svg replaced-svg"> <path class="cls-1" d="M21.09,0c-2.64,0-4.61,1.05-6.59,3.29C12.52,1.05,10.55,0,7.91,0A7.82,7.82,0,0,0,0,8.15a11,11,0,0,0,.44,3,17.35,17.35,0,0,0,1.87,4.19A27.74,27.74,0,0,0,8.52,22.2a54.37,54.37,0,0,0,4.4,3.31,2.59,2.59,0,0,0,1.51.49h.14a2.59,2.59,0,0,0,1.51-.49,54.37,54.37,0,0,0,4.4-3.31,27.74,27.74,0,0,0,6.21-6.85,17.35,17.35,0,0,0,1.87-4.19,11,11,0,0,0,.44-3A7.82,7.82,0,0,0,21.09,0Z"></path> </svg> </div> </a> </li> <li class="dropdown-nav-item nav-item mobile-language-picker nav-language-switcher" v-show="showHamburger && $root.languages.length > 1" :class="{'is-expanded' : $root.langExpanded }" @close-menus="closeMenus"> <a @click.stop.prevent="$root.toggleLangExpand"> <div class="language-picker-text"> Language / Språk </div> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" /> </div> </a> <ul class="dropdown-menu-holder nav-language-switcher-holder sub-sub-menu"> <li v-for="language in $root.languages" :class="{ 'is-current-language': language.isCurrent}"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self="">{{language.name}}</a> </li> </ul> </li> <li class="dropdown-nav-item nav-item search" ref="dropdownSearch" v-show="showHamburger"> <a href="/sok/">Sök</a> </li> </ul> </li> </ul> </script> <script type="text/x-template" id="top-menu-item"> <li v-if="!dropdown" class="nav-item" :class="{'nav-hidden' : (breakpoint > -1 && breakpoint < index) || forceHidden, 'has-child-menu' : menu.Items.length > 0, 'is-expanded' : expanded, 'selected': isSelected(menu)}"> <a v-if="menu.Items.length > 0" class="nav-link" href="#" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false">{{ menu.Text }}</a> <a v-else class="nav-link" :href="menu.Url">{{ menu.Text }}</a> <ul class="dropdown-menu-holder" v-if="menu.Items.length > 0"> <li class="nav-item"> <div class="mega-menu" style="max-width: 1180px; margin: 0 auto; width: 100%;"> <div class="container"> <div class="row menu-column-container" data-equal-btns> <div class="col-sm menu-column" :class="{'menu-description':!!menu.Description}"> <h4 v-if="menu.Description">{{ menu.Text }}</h4> <h4 v-else :class="{selected: isSelected(menu, true)}"><a :href="menu.Url">{{ menu.Text }}</a></h4> <ul v-if="menu.Description"> <li class="sub-nav-item with-arrow" :class="{selected: isSelected(menu, true)}"> <a :href="menu.Url">{{ menu.Description }}</a> </li> </ul> </div> <!-- level 2 --> <div class="col-sm menu-column" v-for="item in menu.Items" :key="item.Key"> <h4 v-if="item.Url"><a :href="item.Url">{{ item.Text }}</a></h4> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <!-- level 3 --> <li class="sub-nav-item" :class="{selected: isSelected(subItem, true)}" v-for="subItem in item.Items" :key="subItem.Key"> <a class="nav-link" :href="subItem.Url">{{ subItem.Text }}</a> </li> </ul> </div> </div> </div> </div> </li> <div class="container language-switcher-container" v-if="$root.languages.length > 1"> <div class="language-switcher"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </ul> </li> <li v-else class="dropdown-nav-item nav-item" :class="{'has-child-menu' : menu.Items.length > 0, 'is-expanded' : expanded, selected: isSelected(menu, true)}" v-show="breakpoint > -1 && breakpoint < index"> <a v-if="menu.Items.length > 0" class="nav-link" href="#" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false">{{ menu.Text }}</a> <a v-else class="nav-link" :href="menu.Url">{{ menu.Text }}</a> <ul v-if="menu.Items.length > 0" class="dropdown-menu-holder sub-sub-menu"> <li class="dropdown-sub-nav-item" v-for="item in menu.Items" :key="'dropdown-' + item.Key" :class="{selected: isSelected(item, true)}"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li class="dropdown-sub-sub-nav-item" v-for="subItem in item.Items" :key="'dropdown-' + subItem.Key" :class="{selected: isSelected(subItem, true)}"> <a :href="subItem.Url">{{ subItem.Text }}</a> </li> </ul> </li> </ul> </li> </script> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left"> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right"> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left"> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right"> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> World Trade Center är personuppgiftsansvarig för behandlingen av dina personuppgifter. Dina uppgifter kommer att behandlas enligt vår <a :href="ia.policyUrl" class="policy-link" target="policy">integritets- och cookiepolicy</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img"> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl"> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="find-office-modal-template"> <span v-if="objectSearchPageUrl"> <a href="#" @click.prevent="showModal = true"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal ia-modal-mask modal" ref="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title">{{ find.pageHeader }}</h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div class="col-12"> <div v-if="!find.errorMessage"> <p v-html="find.title"></p> <form @submit.prevent="post"> <div class="object-search-sliders" style="margin-bottom:1.5rem"> <div class="object-search-sliders-tabs"> <div class="object-search-sliders-tab tab-area" :class="{'is-current': sliderState == 'area'}" @click.prevent="sliderState = 'area'" @change="track($options.trackingCategory, $options.trackingAction, 'Lokalyta')"> <span>Lokalyta</span> </div> <div class="object-search-sliders-tab tab-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'" @change="track($options.trackingCategory, $options.trackingAction, 'Personalstorlek')"> <span>Personalstorlek (st)</span> </div> </div> <div class="object-search-slider"> <span class="object-search-slider-area" v-show="sliderState == 'area'"> <custom-range-slider v-if="find.fromArea < find.toArea" style="margin: 3rem 0;" :min="find.fromArea" :max="find.toArea" :step="1" :value="[find.selectedAreaFrom, find.selectedAreaTo]" @change="updateSlider" ref="space"></custom-range-slider> <div v-else> Flexibelt </div> </span> <span class="object-search-slider-people" v-show="sliderState == 'people'"> <custom-range-slider v-if="find.fromPeople < find.toPeople" style="margin: 3rem 0;" :min="find.fromPeople" :max="find.toPeople" :step="1" :value="[find.selectedPeopleFrom, find.selectedPeopleTo]" @change="updateSlider" ref="people"></custom-range-slider> <div v-else> Flexibelt </div> </span> </div> </div> <div class="form-footer ia-modal-footer"> <button class="btn ia-modal-btn ia-modal-send text-center" type="submit"> <img v-show="loading" src="/Areas/WTC/Content/img/time.svg" class="ia-modal-send-img ia-modal-sending"> {{ find.buttonText }} </button> </div> </form> </div> <div v-else class="error-summary-group"> <ul class="error-summary"> <li> {{ find.errorMessage }} </li> </ul> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="start-page-menu-left-template"> <div class="nav-branding-container"> <div class="top-branding"> <div class="frontpage-logo"> <img :src="model.HeaderLogo" /> </div> <div class="frontpage-menu-mobile d-flex d-md-none"> <div class="frontpage-menu-mobile-holder"> <transition name="start-page-menu"> <a class="McButton" :class="{'active': expanded}" data="hamburger-menu" @click.prevent="expanded = !expanded"> <i ref="bar1"></i> <i ref="bar2"></i> <i ref="bar3"></i> </a> </transition> </div> <div class="frontpage-menu-mobile-search"> <a href="/sok/"> <img src="/Areas/WTC/Content/img/ikon-sok.svg" /> </a> </div> </div> </div> <span style="position: fixed;left: 0; top: 0; right: 0; bottom: 0; z-index: 1;" v-if="expanded" @click="expanded = false" @keydown.esc="expanded = false"></span> <nav id="site-nav" class="mobile-front-navigation" v-if="expanded"> <div class="nav-wrapper"> <div class="branding-nav-wtc"> <div class="sweet-nav-wtc priority-nav-wtc"> <top-menu :menus="menus" :startpage="true"></top-menu> <ul class="nav navbar-nav navbar-right"> <li id="ia" class="nav-item-right nav-right navbar-cta cta-1"> <ia-modal url="/api/wtc/ia" page-id="12334" dialog-type="auto" startpage="true"> Intresse­anmälan </ia-modal> </li> <li class="nav-item-right navbar-cta cta-2"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="nav-item-right favorites" :class="{'contains-items': $root.favorites.length > 0 }"> <a href="/favoriter/"> <div class="favorite-text">Favoriter</div> <div class="favorite-heart"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 29 26" class="convert-svg replaced-svg"> <path class="cls-1" d="M21.09,0c-2.64,0-4.61,1.05-6.59,3.29C12.52,1.05,10.55,0,7.91,0A7.82,7.82,0,0,0,0,8.15a11,11,0,0,0,.44,3,17.35,17.35,0,0,0,1.87,4.19A27.74,27.74,0,0,0,8.52,22.2a54.37,54.37,0,0,0,4.4,3.31,2.59,2.59,0,0,0,1.51.49h.14a2.59,2.59,0,0,0,1.51-.49,54.37,54.37,0,0,0,4.4-3.31,27.74,27.74,0,0,0,6.21-6.85,17.35,17.35,0,0,0,1.87-4.19,11,11,0,0,0,.44-3A7.82,7.82,0,0,0,21.09,0Z"></path> </svg> </div> </a> </li> <li v-if="$root.languages.length > 1" class="dropdown-nav-item nav-item mobile-language-picker nav-language-switcher" @keydown.esc="$root.langExpanded = false" :class="{'is-expanded' : $root.langExpanded}"> <a @click.stop.prevent="$root.toggleLangExpand"> <div class="language-picker-text"> Språk </div> <div class="language-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="28.033" height="27.773" viewBox="0 0 28.033 27.773"> <g id="Group_7012" data-name="Group 7012" transform="translate(0.315 0.25)"> <path id="Path_4161" data-name="Path 4161" d="M13.637.75A12.887,12.887,0,1,1,.75,13.637,12.887,12.887,0,0,1,13.637.75Z" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> <path id="Path_4162" data-name="Path 4162" d="M8,16.623a1.718,1.718,0,0,0,1.667-2.135l-.859-3.436c-.191-.765-.879-2.3-1.667-2.3l-6.132,1A12.883,12.883,0,0,0,5.609,22.4l1.155-5.776Z" transform="translate(0 1.309)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> <path id="Path_4163" data-name="Path 4163" d="M21.9,5.25H17.248a1.718,1.718,0,0,0-1.667,1.3l-.859,3.436a1.719,1.719,0,0,0,1.667,2.135H18.2L18.1,17.564C18.243,18.392,19.96,19,20.8,19H23A12.829,12.829,0,0,0,21.9,5.253Z" transform="translate(2.025 0.655)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> </g> </svg> </div> </a> <ul class="dropdown-menu-holder nav-language-switcher-holder sub-sub-menu"> <li v-for="language in $root.languages" :class="{ 'is-current-language': language.isCurrent}"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self="">{{language.name}}</a> </li> </ul> </li> </ul> </div> </div> </div> </nav> </div> </script> <script type="text/x-template" id="start-page-menu-right-template"> <div class="frontpage-menu d-none d-md-flex"> <div class="frontpage-menu-holder"> <transition name="start-page-menu"> <a class="McButton" :class="{'active': expanded}" data="hamburger-menu" @click.prevent="expanded = !expanded"> <i></i> <i></i> <i></i> </a> </transition> <div class="menu-text" @click.prevent="expanded = !expanded"> MENY </div> </div> <div class="frontpage-search"> <a href="/sok/"> <span>Sök</span> <img class="convert-svg" src="/Areas/WTC/Content/img/ikon-sok.svg" /> </a> </div> </div> </script> <script type="text/x-template" id="custom-select-template"> <div class="wtc-dropdown" :class="{'open' : expanded }" @click.stop.prevent="setExpanded(!expanded)" tabindex="0"> <span class="current">{{selectedText}}</span> <div class="list"> <ul> <li v-if="emptyText" class="option" :class="{'selected' : !value}" tabindex="-1" @click.stop.prevent="setValue(null)">{{ emptyText }}</li> <li v-for="(item, index) in items" class="option" :class="{'selected' : value == (item.id || item)}" :tabindex="index" @click.stop.prevent="setValue(item)">{{ item.text || item }}</li> </ul> </div> </div> </script> <script src="/Bundles/EpiCrateScripts?v=g7rBsTetZRK16f99CJ9M5OwgjwtT7989TJJrc2w_ojs1"></script> <script src="/Bundles/WTCScripts?v=lAa8S-zF7TVqNvPuc8ju3d5V2e1UqFV5SETRoiiMlRU1"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/javascript" src="https://dl.episerver.net/13.3.0/epi-util/find.js"></script> <script type="text/javascript"> if(FindApi){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <script type="text/javascript"> $(function () { $(".features").on("click", ".features-item-toggler, .features-item:not(.feature-expanded) .features-item-content", function (e) { e.stopPropagation(); var $this = $(this).closest(".features-item"); var title = $this.find('h2').text(); if ($(window).outerWidth() < 768) { if (!$this.hasClass("feature-expanded")) { $this.closest(".features-items").addClass("features-selected").find(".features-item").removeClass("feature-expanded"); $this.addClass("feature-expanded"); $this.closest(".features-items").addClass("features-selected"); } else { $this.removeClass("feature-expanded"); $this.closest(".features-items").removeClass("features-selected"); } } else { if (!$this.hasClass("feature-expanded")) { $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".features-item").addClass("feature-collapsed"); $this.closest(".features-items").addClass("features-selected"); $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); $this.addClass("feature-expanded").removeClass("feature-collapsed"); }, 600); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.find(".features-item-details").fadeIn(500); }, 1200); } else { $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); }, 500); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.closest(".features-items").find(".features-item").removeClass("feature-collapsed"); }, 1000); } } }); }); </script> <script type="text/x-template" id="building-blocks"> <div class="container-fluid buildings" v-if="model.buildings && model.buildings.length > 0"> <h2 class="block-heading lightblue"> {{ model.heading }} </h2> <div class="row buildings-container" :class="{'no-filter': model.filters.length < 1 && filteredBuildings.length < 4}"> <div class="col-sm-6 offset-sm-3 col-lg-3 offset-lg-0 col-xl-2 buildings-filter" v-if="model.filters.length > 1" :class="{'is-expanded' : expanded}"> <div class="button" v-for="(f, index) in model.filters" :key="'filter-' + index" :class="{selected: filter == (index == 0 ? '' : f) }"> <button @click.prevent="toggleFilter(index, f)">{{f}}</button> </div> </div> <div class="col-sm-12 col-lg-9 offset-lg-0 col-xl-8 offset-xl-0 slideshow" :class="{'buildings-and-arrows': model.filters.length > 1}"> <div v-if="filteredCount > 4" class="scroll-buttons"> <button @click.prevent="imageIndex--" :disabled="imageIndex <= 0"><div class="caret left"></div></button> <button @click.prevent="imageIndex++" :disabled="imageIndex >= filteredCount - 4"><div class="caret right"></div></button> </div> <div class="buildings-list slideshow-items" ref="scrollElm"> <a :href="b.PropertyPageUrl" class="building slideshow-item" v-for="b in filteredBuildings" :key="b.Key" ref="buildings"> <div class="image" v-if="b.ImageUrl"> <picture> <img :src="b.ImageUrl" class="object-fit" /> </picture> <div class="circle"></div> </div> <h2>{{ b.PropertyName }}</h2> <h4> {{ b.City }} - {{ b.Location}}</h4> </a> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("building-blocks", { props: ['model'], data: function () { return { filter: '', imageIndex: 0, filteredCount: 0, expanded: false } }, template: "#building-blocks", watch: { filter: function () { this.imageIndex = 0; } }, created: function () { var that = this; document.addEventListener('click', function () { that.epxanded = false; }); }, methods: { toggleFilter: function (index, f) { if (index == 0) this.filter = '' else this.filter = f; this.expanded = !this.expanded; } }, computed: { filteredBuildings: function () { var buildings = this.model.buildings; if (buildings && buildings.length > 0) { if (this.filter) { var that = this; buildings = buildings.filter(function (building) { return building.City == that.filter }); } //console.log(this.$refs) var index = this.imageIndex// = this.imageIndex > 0 && this.imageIndex <= buildings.length - 4 ? this.imageIndex : 0; this.filteredCount = buildings.length; if (this.$refs.scrollElm && this.$refs.buildings && this.$refs.buildings.length > 0) { var scrollWidth = this.$refs.buildings.slice(0, index).reduce(function (acc, building) { return acc + building.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; //console.log(this.$refs.scrollElm.scrollLeft) //console.log(scrollWidth) } return buildings; //.slice(this.imageIndex, this.imageIndex + 3); } return []; } } }); </script> <script type="text/x-template" id="text-images"> <div class="tai-block row" :class="[theme, layout]"> <div class="tai-block-images col-md-12 col-lg-6 col-xl-7" v-if="model.Images && totalImages > 0"> <div class="tai-block-images__meta image-indicator-container on-mobile" v-for="(image, index) in model.Images" :key="'indicator-' + index" v-show="(index + 1) == currentImage"> <div class="image-indicator" v-if="totalImages > 1"> {{ index + 1 }}/{{ totalImages }} </div> </div> <div v-for="(image,index) in model.Images" :key="'object-fit-' + index" :class="{currentImage:(index + 1) == currentImage, 'right-cursor': totalImages > 1}" class="tai-block-slider" v-touch:tap="switchImage" v-html="image.Picture"> <div class="tai-block-images__meta image-text on-mobile" v-if="image.Content"> <div class="image-headline"> </div> <div class="image-caption"> <p>{{image.Content}}</p> </div> </div> </div> </div> <div class="tai-block-text col-md-12 col-lg-6 col-xl-5"> <div class="tai-block-text-inner"> <div class="tai-block-text-inner-text"> <header v-if="model.Layout == 'Text'"> <h2>{{ model.Text.Heading }}</h2> <p><strong>{{ model.Text.Ingress }}</strong></p> <p>{{ model.Text.Content }}</p> </header> <header v-else> <div class="tai-quote-label-upper">{{ model.Quote.QuotePropertyName }}</div> <div class="tai-quote-label-lower">{{ model.Quote.QuoteCity }}</div> </header> <template v-if="model.Layout == 'Quote'"> <blockquote> <p>{{ model.Quote.QuoteText }}</p> <footer> <div class="author">{{ model.Quote.QuotePersonName }}</div> <div class="author-title">{{ model.Quote.QuotePersonCompany }}</div> </footer> </blockquote> </template> </div> <div class="tai-block-images__links" v-if="model.Link.Url"> <div class="link-left"> <a :href="model.Link.Url" :target="model.Link.Target">{{ model.Link.Text }}</a> </div> <div class="link-right" v-if="model.Link.Url"> <a :href="model.Link.Url" :target="model.Link.Target">{{ model.Link.AdditionalLinkText }}</a> </div> </div> <div v-if="model.Images && totalImages > 0" class="tai-block-images__meta on-desktop" v-for="(image, index) in model.Images" :key="'indicator-desktop-' + index" v-show="(index + 1) == currentImage"> <div class="image-indicator" v-if="totalImages > 1"> {{ index + 1 }}/{{ totalImages }} </div> <template v-if="image.Content"> <div class="image-headline"> </div> <div class="image-caption"> {{ image.Content }} </div> </template> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-images", { props: ['model'], template: '#text-images', data: function () { return { currentImage: 1, onMobile: false } }, methods: { switchImage: function () { if (this.currentImage < this.totalImages) this.currentImage++; else this.currentImage = 1; //console.log(this.currentImage) }, viewport: function () { var e = window, a = 'inner'; if (!('innerWidth' in window)) { a = 'client'; e = document.documentElement || document.body; } return { width: e[a + 'Width'], height: e[a + 'Height'] }; }, resize: function () { this.onMobile = this.viewport().width < 1200; //if (viewport().width > 1200) { // $('.tai-block-images').find('.image-text.on-mobile').hide(); //} } }, created: function () { window.addEventListener("resize", this.resize); }, destroyed: function () { window.removeEventListener("resize", this.resize); }, computed: { totalImages: function () { return this.model.Images.length; }, theme: function () { return this.model.Theme; }, layout: function () { return this.model.Layout.toLowerCase() + (this.model.ReverseOrder ? ' reverse' : ' normal'); } } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue([{"Level":1,"Key":"11839","Text":"Varför WTC","Description":"Vad är det som gör det så speciellt med World Trade Center?","Url":"/varfor-wtc/","Items":[{"Level":2,"Key":"11903","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"11904","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"12003","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"12058","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokaler/","Items":[]},{"Level":3,"Key":"11906","Text":"Aktivitetsbaserad kontorsmiljö","Description":"","Url":"/varfor-wtc/kontor/aktivitetsbaserade-kontor/","Items":[]}]},{"Level":2,"Key":"11912","Text":"Service","Description":"","Url":"/varfor-wtc/service/","Items":[{"Level":3,"Key":"12169","Text":"Medlemsförmåner","Description":"","Url":"/varfor-wtc/service/medlemsformaner/","Items":[]},{"Level":3,"Key":"19346","Text":"Konferenslokaler","Description":"","Url":"/link/796d8d380d0d4095a0192eec96a2b161.aspx","Items":[]}]},{"Level":2,"Key":"11911","Text":"Klubb","Description":"","Url":"/varfor-wtc/klubb/","Items":[{"Level":3,"Key":"12149","Text":"Medlemmar","Description":"","Url":"/varfor-wtc/klubb/medlemmar/","Items":[]},{"Level":3,"Key":"38172","Text":"Medlemsbrev","Description":"","Url":"/varfor-wtc/klubb/medlemsbrev/","Items":[]},{"Level":3,"Key":"12199","Text":"Evenemang","Description":"","Url":"/varfor-wtc/klubb/evenemang/","Items":[]},{"Level":3,"Key":"42575","Text":"Arkiv webbinarier \u0026 podcasts","Description":"","Url":"/varfor-wtc/klubb/arkiv-webbinarier--podcasts/","Items":[]}]},{"Level":2,"Key":"22526","Text":"Magasinet","Description":"","Url":"/varfor-wtc/magasinet/","Items":[]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Midroc?","Url":"/om-wtc/","Items":[{"Level":2,"Key":"12622","Text":"World Trade Centers Association","Description":"","Url":"/om-wtc/world-trade-centers-association/","Items":[{"Level":3,"Key":"13408","Text":"About us","Description":"","Url":"/om-wtc/world-trade-centers-association/about-us/","Items":[]}]},{"Level":2,"Key":"12646","Text":"Midroc Properties","Description":"","Url":"/om-wtc/midroc-properties/","Items":[{"Level":3,"Key":"12722","Text":"Jobba hos oss","Description":"","Url":"/om-wtc/midroc-properties/jobba-hos-oss/","Items":[]},{"Level":3,"Key":"12697","Text":"Press \u0026 media","Description":"","Url":"/om-wtc/midroc-properties/press-och-media/","Items":[]},{"Level":3,"Key":"12672","Text":"Hållbarhet","Description":"","Url":"/om-wtc/midroc-properties/hallbarhet/","Items":[]}]},{"Level":2,"Key":"15506","Text":"Nyheter","Description":"","Url":"/om-wtc/nyheter/","Items":[]},{"Level":2,"Key":"13456","Text":"Kontakta oss","Description":"","Url":"/om-wtc/kontakta-oss/","Items":[]}]},{"Level":1,"Key":"11935","Text":"För hyresgäster","Description":null,"Url":"/for-hyresgaster/","Items":[]}], '12334', 'Ta bort alla favoriter?', [{"name":"Svenska","url":"/","isCurrent":true},{"name":"English","url":"https://www.wtcmalmolundhelsingborg.com/","isCurrent":false}]); </script> </body> </html>