<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.2/epi-util/find.js"></script> <script type="text/javascript"> if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <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-alla-svart.svg" alt="" /> </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 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" alt="" /></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" alt="" /></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> <main class="main-body base-page"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="intro-block row darkblue"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h4> Kontor </h4> <h1> Vi erbjuder flexibla kontor med plats för tillväxt </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Vi har kontor för både enmansföretag och stora koncerner i både Malmö, Lund och Helsingborg. </div> <p> Beroende på verksamhetens storlek och behov kan du välja storlek från en postbox eller öppna arbetsytor, till traditionella kontor. </p> </div> </div> <div class="intro-block-addon-holder col-xs-12 col-md-7 col-lg-7 col-xl-7 offset-lg-1"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=930&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=700&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75" alt=""> </script> </picture> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"darkblue","Layout":"Text","ReverseOrder":false,"Images":[{"Content":null,"IsVideoFile":false,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.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/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=1594\u0026format=jpg\u0026quality=75, /siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=3188\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/mp_fargaren_man-pa-kontor_istock-499508872-3820293194ba5be3d6d94f343a157686dea3.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/mp_fargaren_man-pa-kontor_istock-499508872-3820293194ba5be3d6d94f343a157686dea3.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/mp_fargaren_man-pa-kontor_istock-499508872-3820293194ba5be3d6d94f343a157686dea3.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/mp_fargaren_man-pa-kontor_istock-499508872-3820293194ba5be3d6d94f343a157686dea3.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/jpg_mp_faergaren_man-pae-kontor_istock-499508872-3939a66bd8cfc1a7d95bf2f220f7a34a6c4b.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":"Fördelar med kontor hos World Trade Center","Ingress":"World Trade Center erbjuder ett helhetskoncept som gör det lätt att växa, både som företag och människa.","Content":"På World Trade Centers kontor i både Malmö, Lund och Helsingborg, utvecklar mängder av målinriktade människor sina affärer och företag. Skälet till det är vår unika mix av flexibla kontorslösningar, smarta servicekoncept och affärsdrivande nätverk, både lokalt, nationellt och internationellt."},"Link":{"Text":null,"AdditionalLinkText":null,"Target":null,"Url":""},"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,"IsVideoFile":false,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.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/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=1594\u0026format=jpg\u0026quality=75, /siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=3188\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.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/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.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":"Rätt service för rätt kontor","Ingress":"Ett brett utbud av service","Content":"Upptäck vårt generösa utbud av service i toppklass. \n\nSom hyresgäst hos oss blir du dessutom kostnadsfritt medlem i WTC Klubb, som ger dig massor av rabatter och förmåner och gör arbetsdagarna ännu bättre!\n\nBehöver ditt företag något särskilt? Låt oss skräddarsy ett paket med service som passar just dig och dina medarbetare."},"Link":{"Text":null,"AdditionalLinkText":null,"Target":null,"Url":""},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch3\u003eH\u0026auml;r \u0026auml;r n\u0026aring;gra exempel p\u0026aring; vad v\u0026aring;ra hyresg\u0026auml;ster uppskattar allra mest:\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eBemannad reception som tar hand om bes\u0026ouml;kare, post och leveranser.\u003c/li\u003e\n\u003cli\u003eProfessionell hj\u0026auml;lp med att arrangera konferenser och event i v\u0026aring;ra flexibla lokaler.\u003c/li\u003e\n\u003cli\u003eFrukosttr\u0026auml;ffar, seminarier och n\u0026auml;tverkande.\u003c/li\u003e\n\u003c/ul\u003e","Theme":"lightblue","FactsHeading":null,"Facts":null,"ReadMoreText":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <section class="downloads"> <div class="downloads-holder"> <div class="downloads-item"> <label for="downloads-item" class="file-name"> WTC_Konceptfolder_2022.pdf </label> <label class="file-size"> 3 MB </label> <span> <a class="btn" href="/siteassets/downloads-pdf/wtc_konceptpresentation_2022.pdf" target="_blank"> <img src="/Areas/WTC/Content/img/download-icon.svg" alt="" /><span>LADDA NER</span> </a> </span> </div> </div> </section> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="header-divider"> <div class="col-sm-12 col-md-10 offset-md-1 col-xl-8 offset-xl-2"> <div class="row"> <div class="col-md-6"> <h2> <p>Är du redo att lyfta företaget med ett nytt kontor?</p> </h2> </div> <div class="col-md-6"> <p> I våra fastigheter i Malmö, Lund och Helsingborg kombinerar vi flexibla kontor och tjänsteerbjudanden som underlättar med ett utvecklande affärsnätverk. Det gör World Trade Center till ett unikt koncept som hjälper dig att ta både dig och ditt företag till en nästa nivå. Läs mer om våra lösningar nedan eller ladda ner WTCs konceptfolder. </p> </div> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="56859" attrs="wtc-btn orange" dialog-type="auto"><span>Jag är intresserad!</span></ia-modal> </div> </div></div></div> <div class="product-shelf-wrapper"> <div class="product-shelf-items"> <div class="container-fluid"><div class="row"><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7179-redigera-25435a3b2844dc6589710f215b60b7f5996a.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Coworking </h3> <p>Ej bokningsbar arbetsplats i en öppen aktivitetsbaserad kontorsyta </p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>1</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>1- ca 400</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Månadsabonnemang</p> </div> </div> <a class="wtc-btn black" href="/varfor-wtc/kontor/coworking/" target="_blank"><span>Jag vill veta mer!</span></a> </div> </div> </div></div><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7545-redigera-2494128d2deb5227cf4eb962ee143ecb6217.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Kontorshotell </h3> <p>Eget kontorsrum för 1–8 personer </p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>1-8</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>10-60</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Flexibla avtalslängder</p> </div> </div> <a class="wtc-btn black" href="/varfor-wtc/kontor/kontorshotell/" target="_blank"><span>Jag vill veta mer!</span></a> </div> </div> </div></div><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/mp_kontor_98120_wtc-hedvig-mollergatan-5_kontor-3162ec2912c7c139478fd71e2bb862dfb5ef.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Kontorslokaler </h3> <p>Verksamhetsanpassade kontorslokaler för hela företaget</p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>9 +</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>70 +</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Enligt avtal</p> </div> </div> <a class="wtc-btn black" href="/varfor-wtc/kontor/kontorslokal/" target="_blank"><span>Jag vill veta mer!</span></a> </div> </div> </div></div></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="bulletin darkblue"> <a href="/lediga-lokaler/"> <p>Se våra lediga kontor här!</p> </a> </div></div></div></div><building-blocks :model='{"filters":["Alla städer","Malmö","Lund","Helsingborg"],"buildings":[{"Key":52214181,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":46436339,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","ImageUrl":"/siteassets/buildings/illustration-propellergatan.svg"},{"Key":56632360,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"},{"Key":57978664,"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":21159762,"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":19449576,"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"}],"heading":"Vi erbjuder kontor på attraktiva områden i Malmö, Lund och Helsingborg"}'></building-blocks> <div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/link/958f3c1c39a54d94b9808e60be78cf49.aspx" class="link-module__image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:64.8677215576172%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=797&format=jpg&quality=75, /siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=945&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=945&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=945&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=945&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=945&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </a> <div class="link-module__text-box"> <a href="/link/958f3c1c39a54d94b9808e60be78cf49.aspx" class="text-box-container grey"> <h2> Vi vill växa sunt och dynamiskt i en hållbar miljö </h2> <div class="text-box-body"> <p>Tycker du precis som David Brinnen på Energy Machines att det är viktigt med en hälsosam arbetsmiljö? </p> <span class="read-more with-arrow">Läs mer om våra kontorslokaler</span></div> </a> </div> </div></div><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/varfor-wtc/kontor/coworking/" class="link-module__image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=797&format=jpg&quality=75, /siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </a> <div class="link-module__text-box"> <a href="/varfor-wtc/kontor/coworking/" class="text-box-container grey"> <h2> World Trade Center har varit en viktigt del för vår tillväxt det senaste året. </h2> <div class="text-box-body"> <p>Vi har med enkelhet kunnat hålla intervjuer, genomföra kundmöten och växla till större kontor när vårt start-kontor blev för trångt. Arbetsmiljön som erbjuds är dynamisk, livlig och stillsam på samma gång. Tim Åkesson, Skymill</p> <span class="read-more with-arrow">Läs mer om fördelarna med att sitta i ett coworking kontor</span></div> </a> </div> </div></div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Läs mer","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div><div class="article-carousel-wrapper"> <div class="container-fluid"> <article-carousel :model='{"Heading":"Inspiration på World Trade Center","Eyebrow":"Inspiration \u0026 evenemang","Links":[{"Href":"/varfor-wtc/inspiration/","Target":null,"Title":null,"Text":"Inspiration \u0026 podcasts"},{"Href":"/varfor-wtc/klubb/evenemang/","Target":null,"Title":null,"Text":"Se våra evenemang"}],"Articles":[{"Key":"343364f7-81f1-4b42-9a19-ea2dc170119a","Eyebrow":"LEDARSKAP","Heading":"Konsten att leda med hjärtat","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/wtc-klubb-seminarie-leda-med-hjartat-7580bdb994eb4eab34ee88afc79431ee0cc2.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/ledarskap/leda-med-hjartat/","Target":null,"Text":"Hjärtat har en egen intelligens och genom att förstå mer om oss själva kan vi få nycklar till ett ledarskap präglat av både struktur och känsla. Hör Charlotte Hagö utveckla detta."},{"Key":"0f1fcf67-ab2b-48cc-b837-a88cea46588a","Eyebrow":"TILLVÄXT","Heading":"Affärsmöjligheter i ett nätverk – hur då?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_wtc_aug_magnus_s_header_1920x1080-7351e8549bb43863efef86a780e83ea10a0b.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/tillvaxt/affarsmojligheter-i-ett-natverk-hur-da/","Target":null,"Text":"Hur kommer det sig att MFF:s nätverk blivit så framgångsrikt? Och hur skapar man affärsmöjligheter i ett nätverk? "},{"Key":"387dcbb5-bd1c-40b2-8f64-8a1c8ac9b9ba","Eyebrow":"PODCAST","Heading":"Visste du att världens bästa spelutvecklingsskola finns i Malmö?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/image8-73292fa137880dab913b70d8736b08544f3c.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-isa-norden/","Target":null,"Text":"Hör Isa Nordén berätta bl a om hur man utbildar de bästa utvecklarna och, kanske viktigast av allt, hur man får fler kvinnor till spelbranschen."},{"Key":"5272bdc4-7d04-4248-b28d-a30de9835ad9","Eyebrow":"ARBETSPLATSEN","Heading":"Nu vill vi ha det hemtrevligt på kontoret","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_kreativ_miljo_1920x1080-7253ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/arbetsplatsen/trendspaning-nu-vill-vi-ha-det-hemtrevligt-pa-kontoret/","Target":null,"Text":"Skapa hemkänsla så du får medarbetarna tillbaka till kontoret igen!"},{"Key":"4686f319-4857-443b-ae6b-c7ab2f789d34","Eyebrow":"PODCAST","Heading":"Vad har musikläraren som sadlade om till redovisningskonsult att säga om ålderism?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/image8-7328cf2dbd84c83940194265f324112cafa8.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-kerstin-dahlgren/","Target":null,"Text":"Hör Kerstin Dahlgren berätta om sin hjärtefråga och skillnaden mellan Sverige och USA"},{"Key":"3df10a21-65a9-4362-ac84-b8e1f7731143","Eyebrow":"HÄLSA","Heading":"Så blir du bättre på att lyssna på kroppen","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_lyssna_pa_kroppen_1_1920x1080-7128ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/halsa/sa-blir-du-battre-pa-att-lyssna-pa-kroppen/","Target":null,"Text":"Fysioterapeuten Stina Dahan ger här sina bästa tips för en stressfri arbetsvardag."},{"Key":"fd6f3df5-d1e4-4c33-aa63-5011215d9807","Eyebrow":"PODCAST","Heading":"Human Gardening - ett företag man önskar inte skulle behöva finnas.","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/mikael2-6250cc75596f6b62fbc0a59a45884530eb46.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-mikael-lund/","Target":null,"Text":"Mikael Lund, VD och grundare, berättar och berör."},{"Key":"30247db7-efe2-42cc-af5f-6f306fdfb033","Eyebrow":"ARBETSPLATSEN","Heading":"Forskaren: Så får du medarbetarna att vilja komma till kontoret","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_kontorsmiljo_1920x1080-7033ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/arbetsplatsen/sa-far-du-medarbetarna-att-vilja-komma-till-kontoret/","Target":null,"Text":"Hur skapar man egentligen en arbetsplats som passar alla ?"},{"Key":"a1562955-3cfc-4088-b927-3069267587dc","Eyebrow":"PODCAST","Heading":"Hur blev en fotbollsintresserad 6-åring hela idrotts-Malmös sjukgymnast? ","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/rickard6-6251874d00b5d07292bdc001a772ceb20afc.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-rickard-dahan/","Target":null,"Text":"Rickard Dahan berättar om resan från fotbollsträning till sjukgymnastik och kompisen Zlatan. "},{"Key":"b715c3f9-cf21-43b6-898f-c8fdf6ab1cd2","Eyebrow":"HÄLSA","Heading":"Öppna upp din egen superkraft med mindfulness","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/low-mindfulness-wtc-945x630-56804638f2da6a1a29f5556a36d59cbbfa9e.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/halsa/oppna-upp-din-egen-superkraft-med-mindfulness/","Target":null,"Text":"Så här kommer du igång"},{"Key":"2e23e585-ab4a-43f0-8a20-bc58a3fb89de","Eyebrow":"PODCAST","Heading":"Eget poddrum för våra hyresgäster ökar mervärdet","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/img_0964-4729bb57e3a32217f14940425d3550711953.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet---finsam-testar-poddrum/","Target":null,"Text":"Läs mer "},{"Key":"3c524e74-2f99-4b90-9de1-e40a781562fb","Eyebrow":"LEDARSKAP","Heading":"Sju goda vanor för självledarskap med framgång","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/anneth-dyberg_magasinet-479119ab28078ccdc422dcdbd1233fb91cb6.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/ledarskap/sju-goda-vanor-for-sjalvledarskap-med-framgang/","Target":null,"Text":"Hur blir du den allra bästa versionen av dig själv?"}]}' inline-template> <div class="row article-carousel"> <div class="col-md-4 col-lg-3 article-carousel-left"> <h4>{{ model.Eyebrow }}</h4> <h2>{{ model.Heading }}</h2> <div class="article-carousel-links" v-for="link in model.Links" :key="link.Href"> <div class="article-carousel-link"> <a :href="link.Href" :target="link.Target" class="read-more with-arrow"><span class="read-more-text">{{ link.Text }}</span></a> </div> </div> </div> <div class="col-md-8 col-lg-9 slideshow article-carousel-right"> <div class="slideshow-items article-carousel-items" v-if="model.Articles && model.Articles.length > 0" ref="scrollElm"> <div class="col-md-5 article-carousel-item-wrapper" v-for="(article, index) in filteredArticles" :key="article.Key" ref="articles"> <div class="slideshow-item article-carousel-item"> <a :href="article.Url" :target="article.Target" :key="article.Key"> <div class="article-carousel-image" v-if="article.ImageUrl"> <img :src="imageResizer(article.ImageUrl).width(560).height(447).scale('both').crop()" :alt="article.ImageAlt" /> </div> <div class="article-carousel-content"> <div class="article-carousel-content-heading"> <h4 v-if="article.Eyebrow">{{ article.Eyebrow }}</h4> <h3 v-if="article.Heading">{{ article.Heading }}</h3> </div> <div class="article-carousel-eventinfo" v-if="article.Date || article.Price"> <dl> <dt v-if="article.Date">Datum</dt> <dd v-if="article.Date">{{ article.Date }}</dd> <dt v-if="article.Price">Pris</dt> <dd v-if="article.Price">{{ article.Price }}</dd> </dl> </div> <div class="fake-link"><p class="read-more with-arrow"><span class="read-more-text">{{article.Text}}</span></p></div> </div> </a> </div> </div> </div> <div class="slideshow-navigation article-carousel-navigation" v-if="model.Articles && model.Articles.length > 2"> <div class="slideshow-navigation-prev" @click.prevent="imageIndex--">Prev</div> <div class="slideshow-navigation-next" @click.prevent="imageIndex++">Next</div> </div> </div> </div> </article-carousel> </div> </div> </main> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-alla-svart.svg" alt="" /> </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-inställningar</a> </div> </div> <div class="member-of-midroc-image"> <a href="/om-wtc/granitor-properties/"><img src="/siteassets/images/logos/wtc_member_of_granitor_sv.png" alt="" /></a> </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" alt="" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/varfor-wtc/service/">Gå vidare till: Service <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></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-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" alt="" /> </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 menu-description" v-if="menu.Description"> <h4>{{ menu.Text }}</h4> <ul> <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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.message.$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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.message.$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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.message.$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.message2.$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" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.message.$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.name.$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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$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.name.$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.message2.$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" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </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"> När du kontaktar oss sparas de uppgifter som du anger i formuläret. Anledningen till varför vi sparar dessa uppgifter är för att vi ska kunna behandla dina frågor och synpunkter. Läs mer om hur vi behandlar dina personuppgifter och vilka rättigheter du har på <a :href="ia.policyUrl" class="policy-link" target="policy">vår integritets- och cookiepolicysida</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" alt="" /> {{ 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" alt="" /> </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-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'" @change="track($options.trackingCategory, $options.trackingAction, 'Personalstorlek')"> <span>Personalstorlek (st)</span> </div> <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> <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" alt="" /> {{ 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" alt="" /> </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" alt="" /> </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 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=Kt32xkbB5YGveGYYJHEvqiVv56n8N85iWrh39K0bJO01"></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/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/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </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" alt="" /> </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/javascript"> Vue.component("article-carousel", { props: ['model'], data: function () { return { imageIndex: 0 } }, template: "#article-carousel", methods: { resize: function () { this.imageIndex = 0; } }, computed: { filteredArticles: function () { var articles = this.model.Articles; var index = this.imageIndex; if (this.$refs.scrollElm && this.$refs.articles && this.$refs.articles.length) { if (index > articles.length - 2) { this.imageIndex = index = 0; } else if (index < 0) { this.imageIndex = index = articles.length - 2; } var scrollWidth = this.$refs.articles.slice(0, index).reduce(function (acc, article) { return acc + article.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; } return articles; } } }); </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":"56859","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"56860","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"57058","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"57117","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokal/","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":2,"Key":"58662","Text":"Inspiration","Description":"","Url":"/varfor-wtc/inspiration/","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 Granitor?","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":"En del av Granitor","Description":"","Url":"/om-wtc/granitor-properties/","Items":[{"Level":3,"Key":"12672","Text":"Hållbarhet","Description":"","Url":"/om-wtc/granitor-properties/hallbarhet/","Items":[]},{"Level":3,"Key":"12697","Text":"Press \u0026 media","Description":"","Url":"/om-wtc/granitor-properties/press-och-media/","Items":[]},{"Level":3,"Key":"110639","Text":"Kontakta oss","Description":"","Url":"/kontakta-oss/","Items":[]}]}]},{"Level":1,"Key":"11935","Text":"För hyresgäster","Description":null,"Url":"/for-hyresgaster/","Items":[]},{"Level":1,"Key":"100584","Text":"Inspiration","Description":null,"Url":"/varfor-wtc/inspiration/","Items":[]}], '56859', 'Ta bort alla favoriter?', [{"name":"Svenska","url":"/","isCurrent":true},{"name":"English","url":"https://www.wtcmalmolundhelsingborg.com/","isCurrent":false}]); </script> </body> </html>