<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.10/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="is-current"> <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"> <ia-modal url="/api/wtc/ia" page-id="113463" 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 darkblue"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h4> World Trade Center </h4> <h1> Kontorshotell där du kan ta klivet in i nästa fas </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Våra kontorshotell i Malmö, Lund och Helsingborg är utformade för dig som är redo att ta verksamheten till nästa fas. På våra kontorshotell finns enmansföretag, mindre verksamheter eller avdelningar i utveckling. 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. </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_kontorshotell_no_text-1080p.mp4" data-mobile-video="/siteassets/filmer/varumarkesfilmer/wtc_kontorshotell_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 darkblue"> <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\u003eL\u0026aring;t det b\u0026auml;sta av tv\u0026aring; v\u0026auml;rldar lyfta din verksamhet\u0026nbsp;\u003c/h2\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003eN\u0026auml;r du v\u0026auml;xer \u0026auml;r flexibilitet, samarbete och n\u0026auml;rvaro viktigt. V\u0026aring;ra kontorshotell \u0026auml;r utformade f\u0026ouml;r att det ska vara smidigt f\u0026ouml;r dig att ta din verksamhet till n\u0026auml;sta niv\u0026aring;. Med kontorshotell hos oss f\u0026aring;r du ett eget rum d\u0026auml;r du har din fasta arbetsplats samtidigt som du delar de allm\u0026auml;nna ytorna med andra.\u0026nbsp;\u0026nbsp;\u003c/p\u003e\n\u003cp style=\u0022text-align: center;\u0022\u003e\u003cbr /\u003e\u003cstrong\u003eKontorshotell\u0026nbsp; \u0026ndash; eget kontor f\u0026ouml;r 1 \u0026ndash; 16 personer \u003c/strong\u003e\u0026nbsp;\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: #1d4f74; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: white;\u0022\u003e\n\u003cul\u003e\n\u003cli\u003e10 \u0026ndash; 136 kvm kontor + de \u0026ouml;ppna ytorna\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 p\u0026aring; tre orter\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: #1d4f74; padding: 12px;\u0022\u003e\n\u003cdiv style=\u0022color: white;\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\u003eKaffe, te och mineralvatten\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="113463" attrs="wtc-btn darkblue" 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>Kontorshotell 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> Kontorshotell i Malmö </h2> <div class="text-box-body"> <p>Våra kontorshotell i Malmö hittar du på Jungmansgatan och Skeppsgatan, perfekt placerade vid Västra hamnen. Här finns allt du behöver för att ta din verksamhet uppåt och framåt. Det här är ett område med stark företagsanda och spännande hållbarhetsfokus. </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-63017d369f180eafdb41601ee46932260fb8.jpg?width=532&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.jpg?width=400&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.jpg?width=800&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.jpg?width=331&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.jpg?width=662&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-6301516c3a27ce0e270e23c557f9409d0ab5.jpg?width=768&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-6301516c3a27ce0e270e23c557f9409d0ab5.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/globalassets/qbank/wtc-lund_3d_objekt-360-6301516c3a27ce0e270e23c557f9409d0ab5.jpg?width=576&format=jpg&quality=75, /globalassets/qbank/wtc-lund_3d_objekt-360-6301516c3a27ce0e270e23c557f9409d0ab5.jpg?width=1000&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/globalassets/qbank/wtc-lund_3d_objekt-360-63017d369f180eafdb41601ee46932260fb8.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> Kontorshotell i Lund </h2> <div class="text-box-body"> <p>I Lund hittar du vårt kontorshotell i en spännande fastighet med modern arkitektur på Råbyholm i Södra Lund, på Hedvig Möllers gata. Här får du tillgång till ljusa öppna ytor där du kan arbeta, inspireras och nätverka. Just nu planerar vi även för ytterligare ett kontor i Södra Lund – även det på Hedvig Möllers gata. </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> Kontorshotell i Helsingborg </h2> <div class="text-box-body"> <p>Vårt kontorshotell i Helsingborg hittar du i Oceanhamnen i en pampig byggnad som sticker ut. Med sina fjorton våningar, närhet till vattnet och till stadens puls är det här en fantastisk arbetsplats med internationell känsla. I byggnaden finns även hotell, restaurang och relaxavdelning. På World Trade Center Helsingborg i Oceanhamnen möts entreprenörer, scale-ups, etablerade företag och affärs- och helgresenärer. </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 eget kontor p\u0026aring; n\u0026aring;got av v\u0026aring;ra kontorshotell i Malm\u0026ouml;, Lund eller Helsingborg f\u0026aring;r du och dina kollegor en fast plats d\u0026auml;r ni kan fokusera \u0026ndash; samtidigt som ni f\u0026aring;r ta del av alla f\u0026ouml;rdelar som finns i de gemensamma ytorna. Med eget kontor f\u0026aring;r du ocks\u0026aring; plats i v\u0026aring;rt coworking p\u0026aring; alla tre orter.\u0026nbsp;\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":33084010,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/jungmansgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-jungmansgatan.svg"},{"Key":15516964,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/vara-fastigheter/malmo/skeppsgatan","ImageUrl":"/siteassets/byggnadsillustrationer/illustration-skeppsgatan.svg"},{"Key":57107226,"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":1643008,"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 som tar er framåt "}'></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 ta n\u0026auml;sta steg i eget kontor hos oss?\u0026nbsp;\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 kontorshotell!\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="113463" attrs="wtc-btn darkblue" 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="113463" 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=kgC2uMc0cayYFdtPs-KyeneAkdnZq22Sboi7Y2AaCp01"></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('113463', 'Ta bort alla favoriter?'); </script> </body> </html>