<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.9/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> <header class="header theme-dark-purple" id="header"> <div class="header__wrapper"> <div class="header__main"> <div class="header-logo"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> </div> <div class="header__main-nav navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <div class="header__main-nav-wrapper"> <ul class="primary-navigation scroll-element"> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Vårt koncept</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Vårt koncept</h3> <a href="/vart-koncept" class="wtc-btn regular white"><span>Vårt koncept</span></a> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Vårt koncept</h4> <ul> <li class=""> <a href="/vart-koncept/coworking"> <strong>Coworking</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorshotell"> <strong>Kontorshotell</strong> <span></span> </a> </li> <li class=""> <a href="/vart-koncept/kontorslokal"> <strong>Kontorslokal</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Detta ingår</h4> <ul> <li class=""> <a href="/service"> <strong>Service</strong> <span>Service</span> </a> </li> <li class=""> <a href="/klubb"> <strong>Klubb</strong> <span>Klubb</span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span>Evenemang</span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Våra orter</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Våra orter</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Våra orter</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Malmö</h4> <ul> <li class=""> <a href="/vara-fastigheter/malmo/jungmansgatan"> <strong>Jungmansgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/skeppsgatan"> <strong>Skeppsgatan</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/malmo/propellergatan"> <strong>Propellergatan</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Lund</h4> <ul> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-12"> <strong>Hedvig Möllers Gata 12</strong> <span></span> </a> </li> <li class=""> <a href="/vara-fastigheter/lund/hedvig-mollers-gata-5"> <strong>Hedvig Möllers Gata 5</strong> <span></span> </a> </li> </ul> </div> <div class="secondary-navigation__group"> <h4>Helsingborg</h4> <ul> <li class=""> <a href="/vara-fastigheter/helsingborg/broderna-pihls-grand"> <strong>Bröderna Pihls Gränd</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Konferens</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Konferens</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Konferens</h4> <ul> <li class=""> <a href="/konferenslokaler/malmo"> <strong>Malmö</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/lund"> <strong>Lund</strong> <span></span> </a> </li> <li class=""> <a href="/konferenslokaler/helsingborg"> <strong>Helsingborg</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">För hyresgäster</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>För hyresgäster</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>För hyresgäster</h4> <ul> <li class=""> <a href="/for-hyresgaster"> <strong>Hyresgästinfo</strong> <span></span> </a> </li> <li class=""> <a href="/evenemang"> <strong>Evenemang</strong> <span></span> </a> </li> <li class=""> <a href="/klubb/medlemsformaner"> <strong>Medlemsförmåner</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <a href="/inspiration">Inspiration</a> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Om oss</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Om oss</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Om oss</h4> <ul> <li class=""> <a href="/om-oss/om-wtc"> <strong>Om World Trade Center</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/hallbara-kontor"> <strong>Hållbara kontor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/press-och-media"> <strong>Press och media</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/en-del-av-granitor"> <strong>En del av Granitor</strong> <span></span> </a> </li> <li class=""> <a href="/om-oss/jobba-hos-oss"> <strong>Jobba hos oss</strong> <span>Jobba hos oss</span> </a> </li> <li class=""> <a href="/om-oss/kontakta-oss"> <strong>Kontakta oss</strong> <span></span> </a> </li> <li class=""> <a href="https://www.wtcmalmolundhelsingborg.com/"> <strong>About us</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> </ul> </div> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="header__cta"> <a href="/lediga-kontor" class="sub-header__button">Lediga kontor</a> </div> <div class="header-search"> <form action="/sok" method="get"> <input type="search" class="header-search__input" id="searchInput" name="q" /> <label for="searchInput" class="header-search__label"> <span class="header-search__label-button"></span> </label> </form> </div> <div class="languages"> <a href="#" class="languages__toggler"> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" alt="" class="convert-svg" /> </div> </a> <ul class="languages-switcher"> <li> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> </li> <li> <span class="is-current-language">Svenska</span> </li> </ul> </div> <div class="header__mobile-toggle"><span></span></div> </div> </div> </header> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="startpage-intro black"> <div class="startpage-intro__media"> <div class="aspect-ratio" style="--aspect-x: 1760; --aspect-y: 860;"> <video data-desktop-video="/siteassets/filmer/varumarkesfilmer/wtc_varumarkesfilm_no_text-1080p-1-1.mp4" data-mobile-video="/siteassets/filmer/varumarkesfilmer/wtc_varumarkesfilm_no_text-1080p-1-1.mp4" data-desktop-poster="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41642ab7055f1124e50b037e299f2bd67be2.jpg" data-mobile-poster="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-4164b520b483d62f5db482ff9410e67e6f94.jpg" autoplay playsinline muted loop></video> </div> </div> <div class="startpage-intro__text"> <div class="content"> <p class="eyebrow"> World Trade Center </p> <h1> Kontor med plats att växa </h1> <p> Vi erbjuder coworking, kontorshotell och kontorslokaler i Malmö, Lund och Helsingborg </p> <div class="page-top-block__intro"> </div> </div> </div> </div> </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":"\u003ch2 style=\u0022text-align: center;\u0022\u003eDynamiska kontor f\u0026ouml;r f\u0026ouml;retagets alla faser\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eV\u0026aring;rt kontorskoncept i Malm\u0026ouml;, Lund och Helsingborg ger dig en arbetsplats som utvecklas och f\u0026ouml;r\u0026auml;ndras i takt med att du och ditt f\u0026ouml;retag g\u0026ouml;r det. Hos oss m\u0026ouml;ts de etablerade storf\u0026ouml;retagens klokskap med de yngre f\u0026ouml;retagens fram\u0026aring;tanda i v\u0026auml;rldens st\u0026ouml;rsta aff\u0026auml;rsn\u0026auml;tverk.\u003c/p\u003e","Theme":"grey","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-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept/coworking" class="text-box-container orange"> <h2> Coworking </h2> <div class="text-box-body"> <p>Med plats i vårt coworking sitter du i en kreativ miljö, knyter kontakter och skapar det sammanhang du vill vara i. </p> <span class="read-more with-arrow">Läs mer!</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept/kontorshotell" class="text-box-container darkblue"> <h2> Kontorshotell </h2> <div class="text-box-body"> <p>Med eget kontor hos oss får du en plats där du kan förfina dina produkter eller tjänster, utveckla relationen med dina kunder eller samarbeta i ditt team. </p> <span class="read-more with-arrow">Läs mer!</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/vart-koncept/kontorslokal" class="text-box-container grey"> <h2> Kontorslokaler </h2> <div class="text-box-body"> <p>Här hittar du flexibla kontor som bygger på hållbarhet och delningsekonomi. Hos oss kan du fortsätta utveckla ditt företag i den takt som passar dig.</p> <span class="read-more with-arrow">Läs mer!</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":"\u003ch2 style=\u0022text-align: center;\u0022\u003eAllt detta ing\u0026aring;r i v\u0026aring;rt kontorskoncept:\u003c/h2\u003e","Theme":"grey","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> <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> <source srcset="/globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-jungmansgatan-reception-7932fa6f4b9236112a6b5c1616fab00f6d71.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-jungmansgatan-reception-7932fa6f4b9236112a6b5c1616fab00f6d71.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-jungmansgatan-reception-7932fa6f4b9236112a6b5c1616fab00f6d71.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-jungmansgatan-reception-7932fa6f4b9236112a6b5c1616fab00f6d71.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-jungmansgatan-reception-7932dd54563876df179d7f4aff56734b0106.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt="Reception på Jungmansgatan i Västra Hamnen i Malmö" loading="lazy"> </picture> </div> <h3> Service för alla behov </h3> <p>Du får bemannade receptioner som välkomnar gäster, bokar mötesrum mm.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> </div> <a class="wtc-btn black" href="/service"><span>Läs mer om vår service!</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> <source srcset="/globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/_z5a8426-64396c460b099c94c49e8fd5b075821c117f.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /globalassets/qbank/_z5a8426-64396c460b099c94c49e8fd5b075821c117f.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/_z5a8426-64396c460b099c94c49e8fd5b075821c117f.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /globalassets/qbank/_z5a8426-64396c460b099c94c49e8fd5b075821c117f.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/_z5a8426-6439b1e169b324fa9ac7327593e6ad46944c.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt="Människor i lobbyn på Skeppsgatan i Västra Hamnen i Malmö" loading="lazy"> </picture> </div> <h3> Medlemskap i WTC Klubb </h3> <p>Frukostmingel, seminarier och medlemsrabatter ingår.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> </div> <a class="wtc-btn black" href="/klubb"><span>Läs mer om klubben!</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> <source srcset="/globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-event-7835a80a55036ba81984aebdc2c63b87096e.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-event-7835a80a55036ba81984aebdc2c63b87096e.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-event-7835a80a55036ba81984aebdc2c63b87096e.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /globalassets/qbank/wtc-event-7835a80a55036ba81984aebdc2c63b87096e.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-event-78357e7015704a418d755d0bfbf572df373c.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt="Kaffe, croissanter och musli" loading="lazy"> </picture> </div> <h3> Evenemang som ger mervärde </h3> <p>På evenemangssidan hittar du vad som erbjuds just nu.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <div class="product-shelf-extra-info"> </div> <a class="wtc-btn black" href="/evenemang"><span>Till evenemangssida!</span></a> </div> </div> </div></div></div></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 style=\u0022text-align: center;\u0022\u003eModerna fastigheter i tre orter\u003c/h3\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eN\u0026auml;r du hyr plats p\u0026aring; n\u0026aring;got av v\u0026aring;ra kontor i Malm\u0026ouml;, Lund eller Helsingborg ing\u0026aring;r ocks\u0026aring; plats p\u0026aring; v\u0026aring;ra samtliga orter. Det g\u0026ouml;r att du kan r\u0026ouml;ra dig s\u0026ouml;ml\u0026ouml;st mellan kontoren, finnas n\u0026auml;rmare dina kunder och bredda ditt aff\u0026auml;rsn\u0026auml;tverk.\u0026nbsp;\u003c/p\u003e","Theme":"grey","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><building-blocks :model='{"filters":["Alla städer","Malmö","Lund","Helsingborg"],"buildings":[{"Key":7044480,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/jungmansgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-jungmansgatan.svg"},{"Key":58604591,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/propellergatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-propellergatan.svg"},{"Key":36494038,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/skeppsgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-skeppsgatan.svg"},{"Key":59578755,"PropertyName":"Hedvig Möllers gata 12","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/vara-fastigheter/lund/hedvig-mollers-gata-12","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-lund.svg"},{"Key":32403208,"PropertyName":"Hedvig Möllers gata 5","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/vara-fastigheter/lund/hedvig-mollers-gata-5","ImageUrl":"/siteassets/byggnadsillustrationer/wtc_illustration_hedvid-mollers-gata-5-copy2.svg"},{"Key":21099579,"PropertyName":"Bröderna Pihls gränd","City":"Helsingborg","Location":"Oceanhamnen","PropertyPageUrl":"/vara-fastigheter/helsingborg/broderna-pihls-grand","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-broderna-phils-gata.svg"}],"heading":"Här finns vi"}'></building-blocks> <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":"\u003ch2 style=\u0022text-align: center;\u0022\u003eVi erbjuder \u0026auml;ven konferenser p\u0026aring; samtliga tre orter!\u003c/h2\u003e","Theme":"grey","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-md-4 col-sm-12"> <div class="link-module link-module--image-background"> <a href="/konferenslokaler/malmo" class="link-module__image"> <picture> <source srcset="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38507a01d305af8999c330c5231c29c96672.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38507a01d305af8999c330c5231c29c96672.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38507a01d305af8999c330c5231c29c96672.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38507a01d305af8999c330c5231c29c96672.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc_jungmansgatan_shanghai_z5a8981-38503264d5b9a4e1dd24d7ea83d9f5bec928.jpg?width=331&format=jpg&quality=75" alt="Konferensrum på Jungmansgatan i Västra Hamnen i Malmö" loading="lazy"> </picture> </a> <div class="link-module__text-box"> <a href="/konferenslokaler/malmo" class="text-box-container grey"> <h2> Konferens i Malmö </h2> <div class="text-box-body"> <p>Våra konferenslokaler i Malmö erbjuder perfekt havsnära läge med mötesrum för upp till 108 personer.</p> <span class="read-more with-arrow">Boka Konferens i Malmö!</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module link-module--image-background"> <a href="/konferenslokaler/lund" class="link-module__image"> <picture> <source srcset="/globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/stockholm-2-234331b516f19f4897b7cb927ad4ab0e3f92.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/stockholm-2-234331b516f19f4897b7cb927ad4ab0e3f92.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/stockholm-2-234331b516f19f4897b7cb927ad4ab0e3f92.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/stockholm-2-234331b516f19f4897b7cb927ad4ab0e3f92.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/stockholm-2-2343ba6a4879a193cafda3116254346bdbbf.jpg?width=331&format=jpg&quality=75" alt="Konferensrum på Hedvig Möllers Gata 12 i Lund" loading="lazy"> </picture> </a> <div class="link-module__text-box"> <a href="/konferenslokaler/lund" class="text-box-container grey"> <h2> Konferens i Lund </h2> <div class="text-box-body"> <p>Lättillgängliga konferenslokaler i södra Lund med den senaste presentationstekniken och ett komplett servicekoncept.</p> <span class="read-more with-arrow">Boka Konferens i Lund!</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module link-module--image-background"> <a href="/vara-fastigheter/helsingborg" class="link-module__image"> <picture> <source srcset="/globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/image00029-71064b87ff1baa42b8e508b1432875fa5a12.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/image00029-71064b87ff1baa42b8e508b1432875fa5a12.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/image00029-71064b87ff1baa42b8e508b1432875fa5a12.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/image00029-71064b87ff1baa42b8e508b1432875fa5a12.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/image00029-7106e534a693001f1cfdfd3f077e43b2484f.jpg?width=331&format=jpg&quality=75" alt="Konferensrum på Bröderna Pihls Gränd i Oceanhamnen i Helsingborg" loading="lazy"> </picture> </a> <div class="link-module__text-box"> <a href="/vara-fastigheter/helsingborg" class="text-box-container grey"> <h2> Konferens i Helsingborg </h2> <div class="text-box-body"> <p>På World Trade Center Helsingborg erbjuder vi konferenslokaler i samarbete med hotell Scandic Oceanhamnen.</p> <span class="read-more with-arrow">Boka Konferens i Helsingborg!</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":"\u003ch2 style=\u0022text-align: center;\u0022\u003e\u0026Ouml;vrig info\u003c/h2\u003e","Theme":"grey","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-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/om-oss/om-wtc" class="text-box-container white"> <h2> Om oss </h2> <div class="text-box-body"> <p>Läs mer om oss, World Trade Center Association och vår ägare Granitor</p> <span class="read-more with-arrow">Läs mer!</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/for-hyresgaster" class="text-box-container black"> <h2> Är du redan hyresgäst? </h2> <div class="text-box-body"> <p>Här hittar du praktisk information kring vår service och hur våra fastigheter fungerar, men även information om vart du vänder dig när saker INTE fungerar.</p> <span class="read-more with-arrow">Till hyresgästssidor</span></div> </a> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="/om-oss/kontakta-oss" class="text-box-container white"> <h2> Kontakta oss </h2> <div class="text-box-body"> <p>Hör gärna av dig om du har någon fråga om World Trade Center.</p> <span class="read-more with-arrow">Till kontaktsida</span></div> </a> </div> </div></div></div></div><div class="article-carousel-wrapper"> <div class="container-fluid"> <article-carousel :model='{"Heading":"Låt dig inspireras med World Trade Center!","Eyebrow":"Inspiration","Links":null,"Articles":[{"Key":"f40f4110-45f1-4411-b995-298c8d106461","Eyebrow":null,"Heading":"Så får du jobba ostört på kontoret","Date":null,"Price":null,"ImageUrl":"/globalassets/qbank/jobba-ostort-focc88rslag-1-945x630-5681f5e53cceb288009d3f63037188d596bf.jpg","ImageAlt":"","Url":"/inspiration/halsa/sa-far-du-jobba-ostort-pa-kontoret","Target":null,"Text":"Läs artikeln!"},{"Key":"17c62701-cc66-41c1-90ff-8f1c87ae37be","Eyebrow":null,"Heading":"Vilka färger får dina medarbetare att må bäst på kontoret?","Date":null,"Price":null,"ImageUrl":"/globalassets/qbank/andreas-schocc88ntrocc88m-trappa-945x630-5724a26793d3746c6bd9255d528c13577dca.jpg","ImageAlt":"","Url":"/inspiration/halsa/vilka-farger-far-dina-medarbetare-att-ma-bast-pa-kontoret","Target":null,"Text":"Läs artikeln"},{"Key":"723fc77e-2a09-48bb-8a73-056eaeea451f","Eyebrow":null,"Heading":"5 tips för att hantera energitjuvar","Date":null,"Price":null,"ImageUrl":"/globalassets/qbank/brian-berglund-hogupplost-945x641-5723aa120243e7bf1496c3ccd2363b124fbf.jpg","ImageAlt":"","Url":"/inspiration/ledarskap/fem-tips-for-att-hantera-energitjuvar","Target":null,"Text":"Läs artikeln"},{"Key":"5665d9d4-fb63-48a2-9e3d-f10c23fb3347","Eyebrow":null,"Heading":"Utsatt för härskartekniker? Så här gör du","Date":null,"Price":null,"ImageUrl":"/globalassets/qbank/brian-2-945x527-5728f2647a86b182da0427a6d23acf467bc3.jpg","ImageAlt":"","Url":"/inspiration/ledarskap/utsatt-for-harskartekniker-sa-har-gor-du","Target":null,"Text":"Läs artikeln!"},{"Key":"f2d16096-801e-44b6-8e9e-4c0eb6d26a6a","Eyebrow":null,"Heading":"Kom igång med Walk and Talk-samtal på jobbet","Date":null,"Price":null,"ImageUrl":"/globalassets/qbank/walk-and-talk-945x630-57353f396361df1237adf79ca49dfbbff927.jpg","ImageAlt":"","Url":"/inspiration/tillvaxt/kom-igang-med-walk-and-talk-samtal-pa-jobbet","Target":null,"Text":"Läs artikeln!"}]}' 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> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> <div class="language-switcher"> <a href="https://www.wtcmalmolundhelsingborg.com/">English</a> <span class="is-current-language">Svenska</span> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-md-12 footer-menu-columns"> <div class="footer-menu-column"> <h3><a href="/vart-koncept">Vårt koncept</a></h3> <h4>Vårt koncept</h4> <ul> <li><a href="/vart-koncept/coworking">Coworking</a></li> <li><a href="/vart-koncept/kontorshotell">Kontorshotell</a></li> <li><a href="/vart-koncept/kontorslokal">Kontorslokal</a></li> </ul> <h4>Detta ingår</h4> <ul> <li><a href="/service">Service</a></li> <li><a href="/klubb">Klubb</a></li> <li><a href="/evenemang">Evenemang</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/lediga-kontor">Våra orter</a></h3> <h4>Våra orter</h4> <ul> <li><a href="/vara-fastigheter/malmo">Malmö</a></li> <li><a href="/vara-fastigheter/lund">Lund</a></li> <li><a href="/vara-fastigheter/helsingborg">Helsingborg</a></li> </ul> <h4>Malmö</h4> <ul> <li><a href="/vara-fastigheter/malmo/jungmansgatan">Jungmansgatan</a></li> <li><a href="/vara-fastigheter/malmo/skeppsgatan">Skeppsgatan</a></li> <li><a href="/vara-fastigheter/malmo/propellergatan">Propellergatan</a></li> </ul> <h4>Lund</h4> <ul> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-12">Hedvig Möllers Gata 12</a></li> <li><a href="/vara-fastigheter/lund/hedvig-mollers-gata-5">Hedvig Möllers Gata 5</a></li> </ul> <h4>Helsingborg</h4> <ul> <li><a href="/vara-fastigheter/helsingborg/broderna-pihls-grand">Bröderna Pihls Gränd</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/konferenslokaler/malmo">Konferens</a></h3> <h4>Konferens</h4> <ul> <li><a href="/konferenslokaler/malmo">Malmö</a></li> <li><a href="/konferenslokaler/lund">Lund</a></li> <li><a href="/konferenslokaler/helsingborg">Helsingborg</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/for-hyresgaster">För hyresgäster</a></h3> <h4>För hyresgäster</h4> <ul> <li><a href="/for-hyresgaster">Hyresgästinfo</a></li> <li><a href="/evenemang">Evenemang</a></li> <li><a href="/klubb/medlemsformaner">Medlemsförmåner</a></li> </ul> </div> <div class="footer-menu-column"> <h3>Inspiration</h3> <ul><li><a href="/inspiration">Inspiration</a></li></ul> </div> <div class="footer-menu-column"> <h3><a href="/om-oss/om-wtc">Om oss</a></h3> <h4>Om oss</h4> <ul> <li><a href="/om-oss/om-wtc">Om World Trade Center</a></li> <li><a href="/om-oss/hallbara-kontor">Hållbara kontor</a></li> <li><a href="/om-oss/press-och-media">Press och media</a></li> <li><a href="/om-oss/en-del-av-granitor">En del av Granitor</a></li> <li><a href="/om-oss/jobba-hos-oss">Jobba hos oss</a></li> <li><a href="/om-oss/kontakta-oss">Kontakta oss</a></li> <li><a href="https://www.wtcmalmolundhelsingborg.com/">About us</a></li> </ul> </div> <div class="footer-menu-column contact-column"> <h3>Kontakt</h3> <div class="contact-info-container"> <ul class="contact-info"> <li> <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> </li> <li 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> </li> <li 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> </li> <li> <a href="/cookies">Integritets- och cookiepolicy</a> </li> <li> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie-inställningar</a> </li> </ul> </div> </div> </div> </div> </div> <div class="member-of-midroc-image"> <a href="/om-oss/en-del-av-granitor"><img src="/siteassets/logotyper/wtc_member_of_granitor_sv.png" alt="" /></a> </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/for-hyresgaster">Gå vidare till: För hyresgäster <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> </div> </div> <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="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=My6kavj2JIgWmKbe9zHtJpl3VHXZi8oO1wvyE3t2xF01"></script> <script src="/Bundles/WTCScripts?v=BB6XdS4EXyHUEpQC0WRbIoSRsUoDCLURN8sBESJ9VCc1"></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-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 }); } var index = this.imageIndex 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; } return buildings; } 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('111050', 'Ta bort alla favoriter?'); </script> </body> </html>