<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 is-current"> <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="is-current"> <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"> <ia-modal url="/api/wtc/ia" page-id="113464" attrs="sub-header__button" dialog-type="auto">Intresseanmälan</ia-modal> </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> <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 grey"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h4> World Trade Center </h4> <h1> Kontorslokaler för dig som vill fortsätta utvecklas </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Våra kontor i Malmö, Lund och Helsingborg finns för dig som vill fortsätta utveckla ditt bolag på ett klokt sätt. 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. </div> <p> </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 intro-block-image"> <video data-desktop-video="/siteassets/filmer/varumarkesfilmer/wtc_kontor_no_text-1080p.mp4" data-mobile-video="/siteassets/filmer/varumarkesfilmer/wtc_kontor_no_text-1080p.mp4" data-desktop-poster="" data-mobile-poster="" autoplay playsinline muted loop></video> </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 grey"> <span> <p>Dynamiska kontor för företagets alla faser </p> </span> </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\u003eForts\u0026auml;tt utvecklas p\u0026aring; ett resurssmart s\u0026auml;tt\u0026nbsp;\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eF\u0026ouml;r etablerade bolag \u0026auml;r fortsatt utveckling en av utmaningarna. Vi har utvecklat v\u0026aring;ra kontor f\u0026ouml;r att du ska kunna forts\u0026auml;tta din resa p\u0026aring; ett h\u0026aring;llbart s\u0026auml;tt. H\u0026auml;r hyr du bara den yta du beh\u0026ouml;ver och delar resurser som m\u0026ouml;tesrum och extra arbetsytor med andra, och bokar dem n\u0026auml;r du beh\u0026ouml;ver.\u003c/p\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003e\u003cbr /\u003e\u003cstrong\u003eKontorslokal \u0026ndash; Kontor f\u0026ouml;r 9+ personer\u003c/strong\u003e\u003cbr /\u003e\u0026nbsp;\u003cbr /\u003eDet h\u0026auml;r ing\u0026aring;r:\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-md-6 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cdiv style=\u0022background-color: #e4e9ed; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: black;\u0022\u003e\n\u003cul\u003e\n\u003cli\u003e70+ kvm kontorslokal + de \u0026ouml;ppna ytorna\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eEgen resurssmart kontor\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eEgen adress och postbox \u0026nbsp;\u003c/li\u003e\n\u003cli\u003eReceptionsservice\u0026nbsp;\u0026nbsp;\u003c/li\u003e\n\u003cli\u003ePlats i coworking\u0026nbsp;\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eMedlemskap i WTC Klubb\u0026nbsp;\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div><div class="col-md-6 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003cdiv style=\u0022background-color: #e4e9ed; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: black;\u0022\u003e\n\u003cul\u003e\n\u003cli\u003eBokningsbara m\u0026ouml;tesrum\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eTysta samtalsrum\u0026nbsp;\u003c/li\u003e\n\u003cli\u003ePoddrum (Malm\u0026ouml; och Lund)\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eSkrivare, kopiator, scanner\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eStabilt och snabbt wifi och bredband\u0026nbsp;\u003c/li\u003e\n\u003cli\u003eKaffe, te och mineralvatten i gemensamma ytor\u0026nbsp;\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/div\u003e\n\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"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"><div class="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="113464" attrs="wtc-btn black" dialog-type="auto"><span>Jag är intresserad!</span></ia-modal> </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":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </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 lightblue"> <span> <p>Kontorslokaler i Malmö, Lund och Helsingborg </p> </span> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-md-4 col-sm-12"> <div class="link-module "> <picture> <source srcset="/globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/mp-bostad-sajt-region-skane-565351ed5f08830ea9a0210e1e6a45aa6996.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/mp-bostad-sajt-region-skane-565351ed5f08830ea9a0210e1e6a45aa6996.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/mp-bostad-sajt-region-skane-565351ed5f08830ea9a0210e1e6a45aa6996.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/mp-bostad-sajt-region-skane-565351ed5f08830ea9a0210e1e6a45aa6996.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/mp-bostad-sajt-region-skane-56531bf554a70dd8680b9a4c30e9fa45a71c.jpg?width=331&format=jpg&quality=75" alt="Områdesbild över Västra Hamnen i Malmö" loading="lazy"> </picture> <div class="link-module__text-box"> <div class="text-box-container white"> <h2> Kontor i Malmö </h2> <div class="text-box-body"> <p>Våra kontorslokaler finns på Jungmansgatan, Propellergatan och Skeppsgatan i Västra hamnen i Malmö. Västra Hamnen är ett spännande område med miljöprofil, som förr var ett industriområde. Idag är Västra Hamnen en modern stadsdel där många intressanta företag har sina huvudkontor. </p> </div> </div> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <picture> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-6301e896d43c26ae4dea82dd1c9454934324.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-6301e896d43c26ae4dea82dd1c9454934324.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-6301e896d43c26ae4dea82dd1c9454934324.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-6301e896d43c26ae4dea82dd1c9454934324.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-lund_3d_objekt-360-63016f8fd5fe7cbc00c756376db852dd8c02.jpg?width=331&format=jpg&quality=75" alt="Områdesbild över Hedvig Möllers Gata i Lund" loading="lazy"> </picture> <div class="link-module__text-box"> <div class="text-box-container white"> <h2> Kontor i Lund </h2> <div class="text-box-body"> <p>I Södra Lund erbjuder vi kontor i en spännande fastighet med modern arkitektur på Hedvig Möllers gata i Råbyholm,. Just nu planeras en till kontorsfastighet – även den på Hedvig Möllers gata. Den nya fastigheten kommer att bli en modern byggnad med starkt framtids- och hållbarhetsfokus. Råbyholm är ett expansivt område som utvecklas i rask takt. Här finns många planer för framtiden vilket gör det till ett mycket intressant ställe att etablera sig på. </p> </div> </div> </div> </div></div><div class="col-md-4 col-sm-12"> <div class="link-module "> <picture> <source srcset="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41648d327e1d4e9c425cf53043fcd94beea1.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41648d327e1d4e9c425cf53043fcd94beea1.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41648d327e1d4e9c425cf53043fcd94beea1.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41648d327e1d4e9c425cf53043fcd94beea1.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-oceanhamnen_exterior_fran-havet-41644ee52e8b30a2e299c43b723975640a8d.jpg?width=331&format=jpg&quality=75" alt="Områdesbild över Oceanhamnen i Helsingborg" loading="lazy"> </picture> <div class="link-module__text-box"> <div class="text-box-container white"> <h2> Kontor i Helsingborg </h2> <div class="text-box-body"> <p>I Helsingborg hittar du våra kontor i Oceanhamnen i en vacker byggnad precis vid vattnet. Med kontoret här får du en arbetsplats med en internationell känsla och en spektakulär 360 graders panoramavy över Öresund. I fastigheten ligger även Scandic som erbjuder bland annat restaurang, hotell och relaxavdelning. </p> </div> </div> </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":"\u003cp style=\u0022text-align: center;\u0022\u003eN\u0026auml;r du hyr kontor hos oss i Malm\u0026ouml;, Lund eller Helsingborg f\u0026aring;r du en modernt inramad arbetsplats som v\u0026auml;xer med dig och din verksamhet. H\u0026auml;r f\u0026aring;r du en rad bekv\u0026auml;mligheter som bemannad reception, lounge och posthantering. Dessutom ing\u0026aring;r tillg\u0026aring;ng till v\u0026aring;ra \u0026ouml;ppna ytor, plats p\u0026aring; v\u0026aring;ra andra tre orter med coworking (vid enstaka tillf\u0026auml;llen och i m\u0026aring;n av plats) samt medlemskap i WTC Klubb.\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":60873167,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/jungmansgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-jungmansgatan.svg"},{"Key":60290819,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/propellergatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-propellergatan.svg"},{"Key":45288617,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/skeppsgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-skeppsgatan.svg"},{"Key":10352947,"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":50479504,"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":4070506,"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":"En plats anpassad för förändring "}'></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\u003eVill du forts\u0026auml;tta utvecklas i ett kontor hos oss?\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eKontakta oss s\u0026aring; ber\u0026auml;ttar vi mer om v\u0026aring;rt koncept inom kontorslokaler!\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-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="113464" attrs="wtc-btn black" dialog-type="auto"><span>Jag är intresserad!</span></ia-modal> </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":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </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 black"> <span> <p>Service och klubb</p> </span> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <picture> <source srcset="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=797&format=jpg&quality=75, /globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=600&format=jpg&quality=75, /globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=496&format=jpg&quality=75, /globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944941d8e279192e4266918e3f6b7246b6c.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944941d8e279192e4266918e3f6b7246b6c.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944941d8e279192e4266918e3f6b7246b6c.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944941d8e279192e4266918e3f6b7246b6c.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/jpg_wtc_jungmansgatan_reception_z5a8916-3944b697340823f25db010aeee7321760f29.jpg?width=496&format=jpg&quality=75" alt="Receptionen på Jungmansgatan i Västra Hamnen, Malmö" loading="lazy"> </picture> <div class="link-module__text-box"> <div class="text-box-container white"> <h2> Stärk ditt varumärke med receptionsservice </h2> <div class="text-box-body"> <p>All interaktion människor har med ett varumärke är viktig. I vårt kontorskoncept ingår service med bemannad reception som välkomnar dina gäster, hjälper dig boka mötes- eller konferensrum och hanterar din post. Vi ser även till att de allmänna utrymmena är städade och fräscha och att det finns kaffe, te och mineralvatten tillgängligt. Det adderar mervärde för dig samtidigt som det frigör tid som du kan lägga på att utveckla din verksamhet istället. </p> </div> </div> </div> </div></div><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/klubb" class="link-module__image"> <picture> <source srcset="/globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=797&format=jpg&quality=75, /globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=600&format=jpg&quality=75, /globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=496&format=jpg&quality=75, /globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-helsingborg-19-77133839b9e6ea8adf236dff6903845ae829.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc-helsingborg-19-77133839b9e6ea8adf236dff6903845ae829.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-helsingborg-19-77133839b9e6ea8adf236dff6903845ae829.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc-helsingborg-19-77133839b9e6ea8adf236dff6903845ae829.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-helsingborg-19-771359b1a880ea777c5d0667ad0694d9e303.jpg?width=496&format=jpg&quality=75" alt="Två kvinnor som skålar på Bröderna Pihls Gränd i Oceanhamnen, Helsingborg" loading="lazy"> </picture> </a> <div class="link-module__text-box"> <a href="/klubb" class="text-box-container black"> <h2> Utvecklas och inspireras i WTC Klubb </h2> <div class="text-box-body"> <p>Medlemskap i WTC Klubb ingår när du hyr plats i vårt coworking. WTC Klubb är vårt affärsnätverk som bjuder på frukostseminarier, utbildningar, föreläsningar, medlemsrabatter och mycket annat som våra hyresgäster uppskattar. </p> <span class="read-more with-arrow">Det här är WTC Klubb </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\u003eEtt globalt aff\u0026auml;rsn\u0026auml;tverk med lokal n\u0026auml;rvaro\u0026nbsp;\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eWorld Trade Center Malm\u0026ouml;, Lund och Helsingborg \u0026auml;r en del av det globala aff\u0026auml;rsn\u0026auml;tverket World Trade Center som bildades 1959 av David Rockefeller. Idag finns 315 World Trade Center i \u0026ouml;ver 90 l\u0026auml;nder. World Trade Center i Malm\u0026ouml;, Lund och Helsingborg drivs p\u0026aring; licens av Granitor Properties.\u0026nbsp;\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"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"><div class="text-center button-block-button"> <a href="/vart-koncept" class="wtc-btn black"><span>Läs mer om vårt koncept!</span></a> </div> </div></div></div> </main> <div class="sub-header__cta sub-header__cta--mobile"> <span> <ia-modal url="/api/wtc/ia" page-id="113464" attrs="sub-header__button" dialog-type="auto">Intresseanmälan</ia-modal> </span> </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/vart-koncept">Gå vidare till: Vårt koncept <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"> 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('113464', 'Ta bort alla favoriter?'); </script> </body> </html>