<iframe></noscript> <div id="app" v-cloak> <nav id="site-nav" class="site-navigation fixed page-header"> <div class="nav-wrapper"> <div class="branding-nav-wtc"> <h1 class="site-branding" ref="logo" > <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-malmo-svart.svg" /> </a> </h1> <div class="sweet-nav-wtc priority-nav-wtc"> <top-menu :menus="menus" :startpage="false"></top-menu> <ul class="nav navbar-nav navbar-right" ref="rightMenu" > <li id="ia" class="nav-item-right nav-right navbar-cta cta-1" v-show="!showHamburger"> <ia-modal url="/api/wtc/ia" page-id="11611" dialog-type="auto"> Intresse­anmälan </ia-modal> </li> <li class="nav-item-right navbar-cta cta-2" v-show="!showHamburger"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="nav-item-right favorites" :class="{'contains-items': $root.favorites.length > 0 }" v-show="!showHamburger"> <a href="/favoriter/"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <img class="convert-svg" src="/Areas/WTC/Content/img/favorit_fill.svg" /> </a> </li> <li class="nav-item-right nav-search" ref="search"> <a href="/sok/"><img src="/Areas/WTC/Content/img/ikon-sok.svg" /></a> </li> <li class="nav-item-right nav-language-switcher" v-show="!showHamburger && $root.languages.length > 1" :class="{'is-expanded' : langExpanded }"> <a href="#" @click.stop.prevent="$root.toggleLangExpand"><img src="/Areas/WTC/Content/img/globe-icon.svg" /></a> <ul class="dropdown-menu-holder nav-language-switcher-holder"> <li v-for="language in $root.languages" :class="{'is-current-language': language.isCurrent }"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self=""> {{language.name}} </a> </li> </ul> </li> </ul> </div> </div> </div> </nav> <start-page :menus="menus" :model='{"SearchPageUrl":"/sok/","AboutPageUrl":"/om-wtc/","Theme":"dark","Layout":"Images","VideoUrl":"","HeaderLogo":"/siteassets/logotyper-svg-nya/wtc_logo-malmo-svart.svg","Heading":"\u003cp\u003eVi ger ditt \u003cspan\u003eföretag\u003c/span\u003e kraft att växa\u003c/p\u003e","SecondaryHeading":"Ett kontorskoncept med verktygen och servicen du behöver för att växa.","StartDomain":"Malmo","LinkLeft":{"Text":"Se fördelarna","Target":null,"Url":"/varfor-wtc/"},"LinkRight":{"Text":"Se lediga lokaler","Target":null,"Url":"/lediga-lokaler/"},"ScrollLinkText":"Se våra kontorsfastigheter","Images":[{"ImageUrl":"/siteassets/qbank/wtc_malmo_005-5957crop250047844096resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Malmö","City":"Malmö","Name":"Jungmansgatan"},{"ImageUrl":"/siteassets/qbank/wtc_propellergatan_trappa_160908_final-3324crop575043733744resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Malmö","City":"Malmö","Name":"Propellergatan"},{"ImageUrl":"/siteassets/qbank/8z5a5596-redigera-4360crop1082049564243resize25592191quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Malmö","City":"Malmö","Name":"Skeppsgatan"},{"ImageUrl":"/siteassets/qbank/allehusen_001-1884crop729047844096resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Lund","City":"Lund","Name":"Hedvig Möllers Gata 12"},{"ImageUrl":"/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330crop5373744633822resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Lund","City":"Lund","Name":"Hedvig Möllers Gata 5"},{"ImageUrl":"/siteassets/qbank/visionsbild-oceanhamnen-3257crop694061505266resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Helsingborg","City":"Helsingborg","Name":"Bröderna Pihls gränd"},{"ImageUrl":"/siteassets/qbank/6443-5809crop028130702629resize25602192quality75extensionjpgid29.jpg","ImageAlt":"","Company":"WTC Helsingborg","City":"Helsingborg","Name":"Carl Krooks Gata"}],"Properties":[{"Id":1047,"Visible":true,"LimeId":"1047","ParsedLimeId":1047,"IsProject":false,"Name":"Jungmansgatan","Location":"Västra hamnen","Address":"Jungmansgatan 12","Description":"World Trade Center på Jungmansgatan ligger strategiskt i Västra Hamnen, med fantastisk utsikt över Öresund. Här kan du hyra arbetsplats i allt från eget rum i kontorshotell till hela våningsplan. Vi erbjuder en unik mix av flexibla kontor, smarta servicekoncept och affärsdrivna nätverk, både lokalt och internationellt. Det finns också möjlighet att nyttja våra andra World Trade Center-kontor de dagar du vill ha kundmöte på annan ort eller bara byta arbetsmiljö!\nUtnyttja mötesrum, konferenslokaler och bemannad reception. Delta i skräddarsydda utbildningar, frukostseminarier och nätverkande lokalt och globalt. Oavsett vad ni har för behov erbjuder vi er alla möjligheter. Och det smarta är att ni själva väljer vilka ni vill använda efterhand som ni växer. \n","Ingress":"Här finns kontorslokalerna med Öresundsutsikt som tar din verksamhet till en helt ny nivå!","ObjectTypes":"Kontorsfastighet","Access":"","BuildStart":null,"City":"Malmö","Latitude":"55.609819","Longitude":"12.979715","ZipCode":"211 19 ","FloorsInBuilding":10,"FromArea":11,"ToArea":325,"AreaTotal":15700,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","PageId":12789,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-jungmansgatan.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"3100","IsWtc":true},{"Id":1088,"Visible":true,"LimeId":"1088","ParsedLimeId":1088,"IsProject":true,"Name":"Propellergatan","Location":"Västra hamnen","Address":"Propellergatan 2","Description":"World Trade Center på Propellergatan blir förstahandsvalet för företag som vill nå högre. Med sina 7 våningar precis vid Hamnbassängen i Västra Hamnen får varje kontor kontakt med havet. I källarplan finns en modern sportdepå med cykelparkering, dusch- och omklädningsrum för de som vill kunna nyttja områdets flera grönområden under arbetsdagen. Restaurangen i entréplan förser fastighetens hyresgäster med frukost, lunch, fika eller varför inte en after work på uteserveringen intill vattnet? \nFör företag som vill arbeta modernt och med medarbetarna i fokus blir World Trade Center på Propellergatan mycket mer än ett kontor.","Ingress":"Här finns kontor för dig som siktar högre. En fastighet med sju våningar precis vid Hamnbassängen.","ObjectTypes":"Kontorsfastighet","Access":"Kvartal 1 2020","BuildStart":null,"City":"Malmö","Latitude":"55.609860","Longitude":"12.977288","ZipCode":"211 19","FloorsInBuilding":7,"FromArea":306,"ToArea":630,"AreaTotal":3600,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","PageId":12884,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-propellergatan.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"1933","IsWtc":true},{"Id":1010,"Visible":true,"LimeId":"1010","ParsedLimeId":1010,"IsProject":false,"Name":"Skeppsgatan","Location":"Västra hamnen","Address":"Skeppsgatan 19","Description":"World Trade Center på Skeppsgatan ligger strategiskt i Västra Hamnen, precis i kanten av centrala Malmö City. Här kan du hyra allt från coworking kontor och kontorshotell till hela våningsplan. Vi erbjuder en unik mix av flexibla kontor, smarta servicekoncept och affärsdrivna nätverk, både lokalt och internationellt. Det finns också möjlighet att nyttja våra andra World Trade Center-kontor de dagar du vill ha kundmöte på annan ort eller bara byta arbetsmiljö!\nUtnyttja mötesrum, konferenslokaler och vår bemannade reception. Delta i skräddarsydda utbildningar, frukostseminarier och nätverkande lokalt och globalt. Oavsett vad ni har för behov erbjuder vi er alla möjligheter. Och det smarta är att ni själva väljer vilka ni vill använda efterhand som ni växer. Dessutom har vi ett alldeles nytt toppmodernt gym på entréplan som du kan nyttja mycket förmånligt! \n","Ingress":"Här finns kontorslokaler med ett starkt varumärke i historiska kvarter som tar din verksamhet till en helt ny nivå!","ObjectTypes":"Kontorsfastighet","Access":"","BuildStart":null,"City":"Malmö","Latitude":"55.607994","Longitude":"12.980947","ZipCode":"211 19 ","FloorsInBuilding":6,"FromArea":1,"ToArea":3200,"AreaTotal":24700,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","PageId":12790,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-skeppsgatan.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"1001","IsWtc":true},{"Id":1083,"Visible":true,"LimeId":"1083","ParsedLimeId":1083,"IsProject":false,"Name":"Hedvig Möllers Gata 12","Location":"Råbyholm","Address":"Hedvig Möllers gata 12","Description":"World Trade Center Lund ligger strategiskt i den sydöstra delen Råbyholm, alldeles bredvid Lunds södra avfart. Ett spännande område med utvecklingsplaner på bägge sidor av E22:an.\n\nWorld Trade Center Lund har varierade lokaler allt från arbetsplats i vårt coworking kontor eller kontorshotell, till kontorslokaler i hela våningsplan. Här finns en unik mix av flexibla kontor, smarta servicekoncept och affärsdrivna nätverk, både lokalt och internationellt. Det finns också möjlighet att nyttja våra andra World Trade Center-kontor de dagar du vill ha kundmöte på annan ort eller bara byta arbetsmiljö!\nUtnyttja mötesrum, konferenslokaler och vår bemannade reception. Delta i skräddarsydda utbildningar, frukostseminarier och nätverkande lokalt och globalt. \n","Ingress":"Här erbjuder vi arbetsplatser i coworking, kontorshotell eller större kontor - alldeles nära avfart 20 på E22!","ObjectTypes":"Kontorsfastighet","Access":"","BuildStart":null,"City":"Lund","Latitude":"55.689443","Longitude":"13.198271","ZipCode":"223 55 ","FloorsInBuilding":4,"FromArea":8,"ToArea":932,"AreaTotal":6600,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-12/","PageId":12793,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-lund.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"1956","IsWtc":true},{"Id":1109,"Visible":true,"LimeId":"1109","ParsedLimeId":1109,"IsProject":true,"Name":"Hedvig Möllers Gata 5","Location":"Råbyholm","Address":"Hedvig Möllers gata 5","Description":"World Trade Center Lund ligger i Råbyholm. En inspirerande och nytänkande miljö för arbete, idéutbyte och nätverkande. Platsen är optimal för företag som vill lägga fullt fokus på sin egen verksamhet och få hjälp med kringservice som; gemensam reception, konferensavdelning, gym, restaurang och inspiration genom events. Den karaktärsstarka uteplatsen möjliggör för utomhusarbete och informella möten eller att äta sin lunch i solen. Ett välkommet inslag i området är Radison Blu Hotel med 192 rum, lunchrestaurang och bar.\n\nRåbyholm ger dig närheten till både city och service. För dig som pendlar med bil eller buss ligger fastigheterna väl placerade intill Råby Trafikplats vid E22. Intill fastigheten finns ett nybyggt parkeringshus. Givetvis utrustat med laddstationer för ett hållbart pendlande. När området i Råbyholm står klart kommer det finnas drygt 18 000 kvadratmeter kontor, service, hotell och p-hus.\n","Ingress":"World Trade Center i Lund ligger perfekt för dig som pendlar med bil eller buss. Råby trafikplats och E22 ligger intill området i Råbyholm.","ObjectTypes":"Kontorsfastighet","Access":"","BuildStart":null,"City":"Lund","Latitude":"55.689452","Longitude":"13.197402","ZipCode":"223 55","FloorsInBuilding":5,"FromArea":200,"ToArea":2300,"AreaTotal":11200,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-5/","PageId":12794,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/wtc_illustration_hedvid-mollers-gata-5-copy2.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"1957","IsWtc":true},{"Id":1107,"Visible":true,"LimeId":"1107","ParsedLimeId":1107,"IsProject":true,"Name":"Bröderna Pihls gränd","Location":"Oceanhamnen","Address":"Bröderna Pihls gränd 2","Description":"Precis vid vattnet, ett stenkast från Helsingborgs central, skapar vi en kontors- och hotellfastighet som kommer bli ett landmärke i Helsingborg. Med sina fjorton våningar precis vid hamninloppet ger den dig närkontakt med sundet, båtarna och kontinenten. Här kommer finnas gemensam service som reception och konferensavdelning. Gym, spa, dusch- och omklädningsrum. Restaurangen med uteservering vid vattnet och takterasser är ytterligare fördelar som berikar både arbets- och privatliv. I källaren planerar vi för cykelgarage med möjligheter till reparationer och en laddstation för elcyklar. \n\nI World Trade Center Helsingborg på Bröderna Pihls gränd i Oceanhamnen präglas varje dag av en vibrerande internationell känsla. Kliv in i lobbyn och upplev myllret av människor, möten och affärsmöjligheter. World Trade Center Helsingborg i Oceanhamnen blir mötesplatsen för entreprenörer, scale-ups, etablerade företag och affärs- och helgresenärer.\n\nVi välkomnar dig tidigt in i processen för att kunna påverka lokalens utformning som passar er verksamhet bäst. \n","Ingress":"I Oceanhamnen precis vid hamninloppet byggs ett nytt World Trade Center. En fastighet med 14 våningar där du får närkontakt med havet och båtarna.","ObjectTypes":"Kontorsfastighet","Access":"Kvartal 1 2022","BuildStart":null,"City":"Helsingborg","Latitude":"56.042270","Longitude":"12.689798","ZipCode":"25225","FloorsInBuilding":14,"FromArea":1,"ToArea":3600,"AreaTotal":10500,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/broderna-phils-grand/","PageId":12796,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-broderna-phils-gata.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"1846","IsWtc":true},{"Id":1073,"Visible":true,"LimeId":"1073","ParsedLimeId":1073,"IsProject":false,"Name":"Carl Krooks Gata","Location":"Centrum","Address":"Carl Krooks Gata 18","Description":"På World Trade Center Helsingborg finns möjlighet att hyra arbetsplats i vårt toppmoderna coworking kontor och samtidigt få tillgång till en hel företagsmiljö. Här är varje kvadratmeter skräddarsydd för olika typer av arbetsuppgifter, alltifrån zoner för koncentrerat arbete till inspirerande mötesrum för kundbesök eller kreativ brainstorming. På våningsplanet har du tillgång till stor gemensam lounge, pentry med tillgång till kaffe/te, mötesrum och aktivitetsbaserade arbetsplatser. Givetvis har du även tillgång till fritt wi-fi och multifunktionsskrivare med scanning och kopiering. \n\nOm du väljer att sätta dig på någon av våra fyra World Trade Center-enheter i Malmö, Lund eller Helsingborg får du även tillgång till samtliga tre orter inkluderat i hyran! \n\n","Ingress":"I södra City finns trivsamma coworking kontor med inspirerande arbetsmiljöer för alla uppgifter!","ObjectTypes":"Kontorsfastighet","Access":"","BuildStart":null,"City":"Helsingborg","Latitude":"56.04103","Longitude":"12.70173","ZipCode":"252 25 ","FloorsInBuilding":7,"FromArea":1,"ToArea":400,"AreaTotal":650,"PageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/carl-krooks-gata/","PageId":12797,"Illustration":{"Name":null,"AltText":null,"Key":null,"Url":"/siteassets/buildings/illustration-carl-krooks-gata.svg","MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"},"Images":[],"Contact":{"Title":null,"FirstName":null,"LastName":null,"Phone":null,"Email":null,"Image":{"Name":null,"AltText":null,"Key":null,"Url":null,"MobileUrl":null,"VideoUrl":null,"Order":null,"Width":0,"Height":0,"ImageSize":"small"}},"PropertyNo":"3900","IsWtc":true}]}'></start-page> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"grey","Layout":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=1920\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=3840\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/_z5a0661-5746crop500051924462resize25602200.0616332819722?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"},{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=1920\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=3840\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/_z5a7225-redigera-6102w600h600.jpg?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"},{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=60\u0026amp;format=png\u0026amp;colors=16\u0026amp;dither=true); padding-bottom:0%;\u0022\u003e\r\n\u003cscript type=\u0022text/template\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003cvideo style=\u0022display: none; \u0022\u003e\u003c![endif]--\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=1920\u0026format=jpg\u0026quality=75, /siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=3840\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=1152\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 0px)\u0022\u003e\r\n \u003c!--[if IE 9]\u003e\u003c/video\u003e\u003c![endif]--\u003e\r\n \u003cimg src=\u0022/siteassets/qbank/enmansrum_utzoomat-4967resize1200800crop001200800.jpg?width=992\u0026format=jpg\u0026quality=75\u0022 alt=\u0022\u0022\u003e\r\n\u003c/script\u003e\r\n\u003c/picture\u003e\r\n"}],"Text":{"Heading":"Lokaler att växa i","Ingress":"Allt från en postbox till ett helt våningsplan","Content":"På World Trade Center finns kontor som passar alla företag oavsett storlek. Efterhand som förutsättningarna förändras kan ni både växa och krympa utan att byta adress. Här finns företag som börjat med att abonnera på en plats i vårt coworking kontor och som sedan expanderat till en egen kontorslokal."},"Link":{"Text":"Kontor i alla storlekar","AdditionalLinkText":"Läs mer om våra kontor","Target":null,"Url":"/varfor-wtc/kontor/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="features"> <picture class="ec-lazy-img features-image" style="background-image:url(/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7277-redigera-6106crop321190619643486resize14422559quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7277-redigera-6106crop0121666052838resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-items"> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop1718024944427resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Kontor</h2> <h3>Lokaler att växa i</h3> <div class="features-item-content-description"> <p>Anpassa era kontorsytor efterhand som era behov förändras. Beroende på verksamhetens storlek och behov kan du välja postbox, coworking, kontorshotell eller traditionella kontorslokaler. Dessutom hjälper vi dig att hitta lösningar efterhand som er verksamhets förutsättningar förändras. </p> <a href="/varfor-wtc/kontor/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/image00018-6123resize40323022crop93013114422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/image00018-6123crop080640321732resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Service</h2> <h3>Tjänster som underlättar</h3> <div class="features-item-content-description"> <p>Effektivisera din verksamhet med vårt breda servicekoncept. Vi hjälper dig sänka dina fasta kostnader bl. a genom att tillhandahålla gemensamma mötesrum och konferenslokaler. Vår bemannade reception tar hand om dina besökare och andra praktikaliteter i din vardag. </p> <a href="/varfor-wtc/service/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:40%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_75a0972-4943crop445010631995679resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_75a0972-4943crop911131477433327resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Klubb</h2> <h3>Nätverk som utvecklar</h3> <div class="features-item-content-description"> <p>Affärsnätverk med stimulerande möten, seminarier och utbildningar. Som hyresgäst får du möjlighet att delta i utbildningar, frukostmingel, utvecklande seminarier och nätverkande lokalt. Dessutom kan du dra nytta av World Trade Centers unika affärsnätverk, både lokalt, nationellt och internationellt. </p> <a href="/varfor-wtc/klubb/" class="read-more with-arrow"><span class="read-more-text">Läs mer</span></a> </div> </div> </div> </div> </div> </div> </div></div></div><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 orange"> <a href="/lediga-lokaler/"> <p><strong>Söker du efter ledig kontorslokal?</strong> Här kan du söka det som passar dig!</p> </a> </div></div></div></div><div class="article-carousel-wrapper"> <div class="container-fluid"> <article-carousel :model='{"Heading":"Aktuellt på World Trade Center","Eyebrow":"Nyheter \u0026 evenemang","Links":[{"Href":"/om-wtc/nyheter/","Target":null,"Title":null,"Text":"Se alla nyheter"},{"Href":"/varfor-wtc/klubb/evenemang/","Target":null,"Title":null,"Text":"Se alla evenemang"},{"Href":"https://www.wtcmalmo.se/magasinet/","Target":null,"Title":null,"Text":"Läs artiklar i Magasinet"}],"Articles":[{"Key":"0571e3b3-a29d-4637-8611-8995b52cb3a0","Eyebrow":"Nyhet","Heading":"Se fasaden monteras på Propellergatan","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/skarmklipp-fasaden-2-6162resize1229811crop981041131707autoorientbackground23ffffffquality80stripextensionjpgid14.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet3/","Target":null,"Text":"Se filmen"},{"Key":"25b78524-d36d-42e6-88c7-e3a9e6c06537","Eyebrow":"Nyhet","Heading":"Våningen \u0026 Villan ny hyresgäst i fastigheten på Propellergatan","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/vaningen-och-villan-1024x575-5953resize1024575crop001024575quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet2/","Target":null,"Text":"Läs nyheten"},{"Key":"4afc35a0-d457-45fc-93bc-bf3c263fcb3f","Eyebrow":"Nyhet","Heading":"Logtrade stannar kvar inom World Trade Center ","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/midroc-22-mars---eftermiddag_27-6014crop783940993282resize25602050quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/testnyhet/","Target":null,"Text":"Läs nyheten"},{"Key":"f16c3d39-f652-4bdc-ac4b-7b2a952db672","Eyebrow":"Nyhet","Heading":"Ny läsning från World Trade Center Magasinet","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/2018_28_pontus_bodelsson-6194resize19201280crop0019201280quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet---pontus-bodelsson-artikel/","Target":null,"Text":"Läs artikeln"}]}'></article-carousel> </div> </div> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-malmo-svart.svg" /> </a> <div class="language-switcher" v-if="$root.languages.length > 1"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column" v-for="menu in menusWithChildren" :key="menu.Key"> <h4 v-if="menu.Url"><a :href="menu.Url">{{ menu.Text }}</a></h4> <h4 v-else>{{ menu.Text }}</h4> <ul v-if="menu.Items.length > 0"> <li v-for="item in menu.Items" :key="item.Key"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li v-for="subItem in item.Items" :key="subItem.Key"><a :href="subItem.Url">{{subItem.Text}}</a></li> </ul> </li> </ul> </div> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column contact-column"> <h4>Kontakt</h4> <div class="contact-info-container"> <div class="contact-info"> <div> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </div> <div class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </div> <div class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </div> </div> <div class="member-of-midroc-image"> <img src="/siteassets/qbank/member_of_midroc-logo-vit-5956.png" /> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmo.se/varfor-wtc/">Gå vidare till: Varför WTC <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> </div> </div> <script type="text/x-template" id="top-menu"> <ul class="nav navbar-nav navbar-left" :class="{'hamburger-is-present' : showHamburger}" ref="navbar"> <top-menu-item :menu="menu" v-for="(menu,index) in menus" :index="index" :key="menu.Key" ref="topMenu" @close-menus="closeMenus" :breakpoint="breakPoint" :forceHidden="showHamburger" ></top-menu-item> <li class="nav-item has-child-menu is-nav-more" :class="{'is-expanded' : expanded, 'mobile-nav-more' : showHamburger, }" ref="more" v-show="breakPoint > -1 || showHamburger"> <a href="#" class="nav-link" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false"> <template v-if="!showHamburger"> FLER </template> <template v-else> <span></span> </template> </a> <ul class="dropdown-menu-holder more-sub-menu" v-show="expanded"> <top-menu-item :menu="menu" v-for="(menu,index) in menus" :index="!showHamburger ? index : menus.length" :key="'dropdown-' + menu.Key" ref="dropDownMenu" @close-menus="closeDropDownMenus" :dropdown="true" :breakpoint="breakPoint"></top-menu-item> <li class="dropdown-nav-item nav-item navbar-cta cta-1" v-show="showHamburger"> <ia-modal url="/api/wtc/ia" page-id="11611" dialog-type="auto"> Intresse­anmälan </ia-modal> </li> <li class="dropdown-nav-item nav-item navbar-cta cta-2" v-show="showHamburger"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="dropdown-nav-item nav-item favorites" :class="{'contains-items': $root.favorites.length > 0 }" v-show="showHamburger"> <a href="/favoriter/"> <div class="favorite-text">Favoriter</div> <div class="favorite-heart"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 29 26" class="convert-svg replaced-svg"> <path class="cls-1" d="M21.09,0c-2.64,0-4.61,1.05-6.59,3.29C12.52,1.05,10.55,0,7.91,0A7.82,7.82,0,0,0,0,8.15a11,11,0,0,0,.44,3,17.35,17.35,0,0,0,1.87,4.19A27.74,27.74,0,0,0,8.52,22.2a54.37,54.37,0,0,0,4.4,3.31,2.59,2.59,0,0,0,1.51.49h.14a2.59,2.59,0,0,0,1.51-.49,54.37,54.37,0,0,0,4.4-3.31,27.74,27.74,0,0,0,6.21-6.85,17.35,17.35,0,0,0,1.87-4.19,11,11,0,0,0,.44-3A7.82,7.82,0,0,0,21.09,0Z"></path> </svg> </div> </a> </li> <li class="dropdown-nav-item nav-item mobile-language-picker nav-language-switcher" v-show="showHamburger && $root.languages.length > 1" :class="{'is-expanded' : $root.langExpanded }" @close-menus="closeMenus"> <a @click.stop.prevent="$root.toggleLangExpand"> <div class="language-picker-text"> Language / Språk </div> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" /> </div> </a> <ul class="dropdown-menu-holder nav-language-switcher-holder sub-sub-menu"> <li v-for="language in $root.languages" :class="{ 'is-current-language': language.isCurrent}"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self="">{{language.name}}</a> </li> </ul> </li> <li class="dropdown-nav-item nav-item search" ref="dropdownSearch" v-show="showHamburger"> <a href="/sok/">Sök</a> </li> </ul> </li> </ul> </script> <script type="text/x-template" id="top-menu-item"> <li v-if="!dropdown" class="nav-item" :class="{'nav-hidden' : (breakpoint > -1 && breakpoint < index) || forceHidden, 'has-child-menu' : menu.Items.length > 0, 'is-expanded' : expanded, 'selected': isSelected(menu)}"> <a v-if="menu.Items.length > 0" class="nav-link" href="#" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false">{{ menu.Text }}</a> <a v-else class="nav-link" :href="menu.Url">{{ menu.Text }}</a> <ul class="dropdown-menu-holder" v-if="menu.Items.length > 0"> <li class="nav-item"> <div class="mega-menu" style="max-width: 1180px; margin: 0 auto; width: 100%;"> <div class="container"> <div class="row menu-column-container" data-equal-btns> <div class="col-sm menu-column" :class="{'menu-description':!!menu.Description}"> <h4 v-if="menu.Description">{{ menu.Text }}</h4> <h4 v-else :class="{selected: isSelected(menu, true)}"><a :href="menu.Url">{{ menu.Text }}</a></h4> <ul v-if="menu.Description"> <li class="sub-nav-item with-arrow" :class="{selected: isSelected(menu, true)}"> <a :href="menu.Url">{{ menu.Description }}</a> </li> </ul> </div> <!-- level 2 --> <div class="col-sm menu-column" v-for="item in menu.Items" :key="item.Key"> <h4 v-if="item.Url"><a :href="item.Url">{{ item.Text }}</a></h4> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <!-- level 3 --> <li class="sub-nav-item" :class="{selected: isSelected(subItem, true)}" v-for="subItem in item.Items" :key="subItem.Key"> <a class="nav-link" :href="subItem.Url">{{ subItem.Text }}</a> </li> </ul> </div> </div> </div> </div> </li> <div class="container language-switcher-container" v-if="$root.languages.length > 1"> <div class="language-switcher"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </ul> </li> <li v-else class="dropdown-nav-item nav-item" :class="{'has-child-menu' : menu.Items.length > 0, 'is-expanded' : expanded, selected: isSelected(menu, true)}" v-show="breakpoint > -1 && breakpoint < index"> <a v-if="menu.Items.length > 0" class="nav-link" href="#" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false">{{ menu.Text }}</a> <a v-else class="nav-link" :href="menu.Url">{{ menu.Text }}</a> <ul v-if="menu.Items.length > 0" class="dropdown-menu-holder sub-sub-menu"> <li class="dropdown-sub-nav-item" v-for="item in menu.Items" :key="'dropdown-' + item.Key" :class="{selected: isSelected(item, true)}"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li class="dropdown-sub-sub-nav-item" v-for="subItem in item.Items" :key="'dropdown-' + subItem.Key" :class="{selected: isSelected(subItem, true)}"> <a :href="subItem.Url">{{ subItem.Text }}</a> </li> </ul> </li> </ul> </li> </script> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe"> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left"> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right"> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe"> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left"> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right"> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> World Trade Center är personuppgiftsansvarig för behandlingen av dina personuppgifter. Dina uppgifter kommer att behandlas enligt vår <a :href="ia.policyUrl" class="policy-link" target="policy">integritets- och cookiepolicy</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img"> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl"> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="find-office-modal-template"> <span v-if="objectSearchPageUrl"> <a href="#" @click.prevent="showModal = true"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal-mask modal" ref="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title">{{ find.pageHeader }}</h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div class="col-12"> <div v-if="!find.errorMessage"> <p v-html="find.title"></p> <form @submit.prevent="post"> <div class="object-search-sliders" style="margin-bottom:1.5rem"> <div class="object-search-sliders-tabs"> <div class="object-search-sliders-tab tab-area" :class="{'is-current': sliderState == 'area'}" @click.prevent="sliderState = 'area'"> <span>Lokalyta</span> </div> <div class="object-search-sliders-tab tab-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'"> <span>Personalstorlek (st)</span> </div> </div> <div class="object-search-slider"> <span class="object-search-slider-area" v-show="sliderState == 'area'"> <custom-range-slider v-if="find.fromArea < find.toArea" style="margin: 3rem 0;" :min="find.fromArea" :max="find.toArea" :step="1" :value="[find.selectedAreaFrom, find.selectedAreaTo]" @change="updateSlider" ref="space"></custom-range-slider> <div v-else> Flexibelt </div> </span> <span class="object-search-slider-people" v-show="sliderState == 'people'"> <custom-range-slider v-if="find.fromPeople < find.toPeople" style="margin: 3rem 0;" :min="find.fromPeople" :max="find.toPeople" :step="1" :value="[find.selectedPeopleFrom, find.selectedPeopleTo]" @change="updateSlider" ref="people"></custom-range-slider> <div v-else> Flexibelt </div> </span> </div> </div> <div class="form-footer ia-modal-footer"> <button class="btn ia-modal-btn ia-modal-send text-center" type="submit"> <img v-show="loading" src="/Areas/WTC/Content/img/time.svg" class="ia-modal-send-img ia-modal-sending"> {{ find.buttonText }} </button> </div> </form> </div> <div v-else class="error-summary-group"> <ul class="error-summary"> <li> {{ find.errorMessage }} </li> </ul> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="start-page-menu-left-template"> <div class="nav-branding-container"> <div class="top-branding"> <div class="frontpage-logo"> <img :src="model.HeaderLogo" /> </div> <div class="frontpage-menu-mobile d-flex d-md-none"> <div class="frontpage-menu-mobile-holder"> <transition name="start-page-menu"> <a class="McButton" :class="{'active': expanded}" data="hamburger-menu" @click.prevent="expanded = !expanded"> <i ref="bar1"></i> <i ref="bar2"></i> <i ref="bar3"></i> </a> </transition> </div> <div class="frontpage-menu-mobile-search"> <a href="/sok/"> <img src="/Areas/WTC/Content/img/ikon-sok.svg" /> </a> </div> </div> </div> <span style="position: fixed;left: 0; top: 0; right: 0; bottom: 0; z-index: 1;" v-if="expanded" @click="expanded = false" @keydown.esc="expanded = false"></span> <nav id="site-nav" class="mobile-front-navigation" v-if="expanded"> <div class="nav-wrapper"> <div class="branding-nav-wtc"> <div class="sweet-nav-wtc priority-nav-wtc"> <top-menu :menus="menus" :startpage="true"></top-menu> <ul class="nav navbar-nav navbar-right"> <li id="ia" class="nav-item-right nav-right navbar-cta cta-1"> <ia-modal url="/api/wtc/ia" page-id="11611" dialog-type="auto" startpage="true"> Intresse­anmälan </ia-modal> </li> <li class="nav-item-right navbar-cta cta-2"> <a href="/lediga-lokaler/">Lediga lokaler</a> </li> <li class="nav-item-right favorites" :class="{'contains-items': $root.favorites.length > 0 }"> <a href="/favoriter/"> <div class="favorite-text">Favoriter</div> <div class="favorite-heart"> <div class="favorite-counter" v-show="$root.favorites.length > 0">{{ $root.favorites.length }}</div> <svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 29 26" class="convert-svg replaced-svg"> <path class="cls-1" d="M21.09,0c-2.64,0-4.61,1.05-6.59,3.29C12.52,1.05,10.55,0,7.91,0A7.82,7.82,0,0,0,0,8.15a11,11,0,0,0,.44,3,17.35,17.35,0,0,0,1.87,4.19A27.74,27.74,0,0,0,8.52,22.2a54.37,54.37,0,0,0,4.4,3.31,2.59,2.59,0,0,0,1.51.49h.14a2.59,2.59,0,0,0,1.51-.49,54.37,54.37,0,0,0,4.4-3.31,27.74,27.74,0,0,0,6.21-6.85,17.35,17.35,0,0,0,1.87-4.19,11,11,0,0,0,.44-3A7.82,7.82,0,0,0,21.09,0Z"></path> </svg> </div> </a> </li> <li v-if="$root.languages.length > 1" class="dropdown-nav-item nav-item mobile-language-picker nav-language-switcher" @keydown.esc="$root.langExpanded = false" :class="{'is-expanded' : $root.langExpanded}"> <a @click.stop.prevent="$root.toggleLangExpand"> <div class="language-picker-text"> Språk </div> <div class="language-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="28.033" height="27.773" viewBox="0 0 28.033 27.773"> <g id="Group_7012" data-name="Group 7012" transform="translate(0.315 0.25)"> <path id="Path_4161" data-name="Path 4161" d="M13.637.75A12.887,12.887,0,1,1,.75,13.637,12.887,12.887,0,0,1,13.637.75Z" transform="translate(0 0)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> <path id="Path_4162" data-name="Path 4162" d="M8,16.623a1.718,1.718,0,0,0,1.667-2.135l-.859-3.436c-.191-.765-.879-2.3-1.667-2.3l-6.132,1A12.883,12.883,0,0,0,5.609,22.4l1.155-5.776Z" transform="translate(0 1.309)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> <path id="Path_4163" data-name="Path 4163" d="M21.9,5.25H17.248a1.718,1.718,0,0,0-1.667,1.3l-.859,3.436a1.719,1.719,0,0,0,1.667,2.135H18.2L18.1,17.564C18.243,18.392,19.96,19,20.8,19H23A12.829,12.829,0,0,0,21.9,5.253Z" transform="translate(2.025 0.655)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" /> </g> </svg> </div> </a> <ul class="dropdown-menu-holder nav-language-switcher-holder sub-sub-menu"> <li v-for="language in $root.languages" :class="{ 'is-current-language': language.isCurrent}"> <span v-if="language.isCurrent">{{language.name}}</span> <a v-else :href="language.url" @click.self="">{{language.name}}</a> </li> </ul> </li> </ul> </div> </div> </div> </nav> </div> </script> <script type="text/x-template" id="start-page-menu-right-template"> <div class="frontpage-menu d-none d-md-flex"> <div class="frontpage-menu-holder"> <transition name="start-page-menu"> <a class="McButton" :class="{'active': expanded}" data="hamburger-menu" @click.prevent="expanded = !expanded"> <i></i> <i></i> <i></i> </a> </transition> <div class="menu-text" @click.prevent="expanded = !expanded"> MENY </div> </div> <div class="frontpage-search"> <a href="/sok/"> <span>Sök</span> <img class="convert-svg" src="/Areas/WTC/Content/img/ikon-sok.svg" /> </a> </div> </div> </script> <script type="text/x-template" id="custom-select-template"> <div class="wtc-dropdown" :class="{'open' : expanded }" @click.stop.prevent="setExpanded(!expanded)" tabindex="0"> <span class="current">{{selectedText}}</span> <div class="list"> <ul> <li v-if="emptyText" class="option" :class="{'selected' : !value}" tabindex="-1" @click.stop.prevent="setValue(null)">{{ emptyText }}</li> <li v-for="(item, index) in items" class="option" :class="{'selected' : value == (item.id || item)}" :tabindex="index" @click.stop.prevent="setValue(item)">{{ item.text || item }}</li> </ul> </div> </div> </script> <script src="/Bundles/EpiCrateScripts?v=g7rBsTetZRK16f99CJ9M5OwgjwtT7989TJJrc2w_ojs1"></script> <script src="/Bundles/WTCScripts?v=7BEM4xM-RPo9epg7hc_aAyvYsC8dHnE1HRj4ITk7kc81"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/javascript"> $(function () { $('html').addClass("start-page"); $('nav').removeClass('fixed page-header').addClass('main-header').attr('id', 'site-nav-front'); $('body').css('padding-top', 0); }); Vue.component('start-page', { props: ['menus', 'model'], template: '#start-page', data: function () { return { currentPropertyIndex: 1, currentProperty: {}, currentImage: {}, currentImageIndex: 0, menuExpanded: false, progressStopped: false } }, destroyed: function () { this.$slick.slick('unslick'); this.$propertyslick.slick('unslick'); }, mounted: function () { this.setupImages(); this.setupSlick(); this.setupProgressBar(); this.setupScroll(); }, computed: { currentPropInCity: function () { if (this.currentProperty) { var currentProp = this.currentProperty; return this.model.Properties.filter(function (property) { return property.City == currentProp.City }).findIndex(function (item) { return item.PageId == currentProp.PageId }) + 1; } return 0; }, propsInCity: function () { if (this.currentProperty) { var city = this.currentProperty.City; return this.model.Properties.filter(function (property) { return property.City == city }).length; } return 0; } }, methods: { toggleVideoPlay: function () { if (this.$refs.video && !this.$refs.video.hasAttribute('control')) this.$refs.video.paused ? this.$refs.video.play() : this.$refs.video.pause(); }, setupProgressBar: function () { var that = this; var can = document.getElementById('canvas'); if (can) { var time = 6; var isPause, tick, percentTime; function resetProgressbar() { // $bar.css({ // width: 0+'%' // }); clearTimeout(tick); } function startProgressbar() { resetProgressbar(); percentTime = 0; isPause = false; tick = setInterval(interval, 10); } that.$slick.on('beforeChange', function (evt) { startProgressbar(); }); $(window).bind("load scroll", function (e) { if ($(document).scrollTop() > 0 || that.progressStopped) { isPause = true; } else { isPause = false; } }); c = can.getContext('2d'); var posX = 100, posY = 100; c.lineCap = 'round'; function interval() { if (isPause === false) { percentTime += 1 / (time + 0.1); // $bar.css({ // width: percentTime+"%" // }); c.clearRect(0, 0, can.width, can.height); if (!that.progressStopped) { c.beginPath(); c.arc(posX, posY, 70, 0, 2 * Math.PI); c.strokeStyle = '#fff'; c.lineWidth = '6'; c.stroke(); c.beginPath(); c.strokeStyle = '#F3A054'; c.lineWidth = '6'; c.arc(posX, posY, 70, (Math.PI / 180) * 270, (Math.PI / 180) * (270 + (percentTime * 3.6))); c.stroke(); if (percentTime >= 100) { that.$slick.slick('slickNext'); startProgressbar(); } } } } startProgressbar(); } }, setupImages: function () { var that = this; var imageIndex = Math.max(0, that.model.Images.map(function (image) { return image.City }).indexOf(that.model.StartDomain)); that.currentImage = this.model.Images[imageIndex]; that.currentImageIndex = imageIndex; var propertyIndex = Math.max(0, that.model.Properties.map(function (property) { return property.City }).indexOf(that.model.StartDomain)); that.currentProperty = this.model.Properties[propertyIndex]; that.currentPropertyIndex = propertyIndex + 1; }, setupSlick: function () { var that = this; that.$slick = $(that.$refs.frontpageslider); that.$propertyslick = $(that.$refs.propertyslider); that.$slick.slick({ draggable: true, adaptiveHeight: false, dots: false, mobileFirst: true, pauseOnDotsHover: true, prevArrow: $(that.$refs.prevImage), nextArrow: $(that.$refs.nextImage), initialSlide: that.currentImageIndex }); if (that.model.Layout != 'Images') { var video = that.$refs.video; video.oncanplay = function () { if (video.paused) { // auto play not supported, so show buttons video.setAttribute('controls', ''); } }; } that.$propertyslick.slick({ draggable: true, adaptiveHeight: false, dots: false, mobileFirst: true, pauseOnDotsHover: true, prevArrow: $('.prev-property'), nextArrow: $('.next-property'), initialSlide: that.currentPropertyIndex - 1 }); //var $status = $('.pagingInfo'); that.$slick.on('load init reInit afterChange', function (evt, slick, currentSlide, nextSlide) { var i = isNaN(currentSlide) ? 0 : +currentSlide; that.currentImage = that.model.Images[i]; if (that.currentProperty && that.currentImage.Name != that.currentProperty.Name) { that.resetProperties(that.currentImage.Name); } }); that.$propertyslick.on('load init reInit afterChange', function (evt, slick, currentSlide, nextSlide) { var i = isNaN(currentSlide) ? 0 : +currentSlide; that.currentProperty = that.model.Properties[i]; that.currentPropertyIndex = i + 1; }); }, setupScroll: function () { var $nav = $('.site-navigation'); var $win = $(window); var $ribbonHeight = $('.frontpage-ribbon').outerHeight(); var winH = $win.height() + $ribbonHeight; // Get the window height. $win.on("scroll", function () { if ($(this).scrollTop() > winH) { $nav.addClass("nav-visible"); } else { $nav.removeClass("nav-visible"); } }).on("resize", function () { // If the user resizes the window winH = $(this).height(); // you'll need the new height value }); }, resetProperties: function (name) { var index = this.model.Properties.map(function (property) { return property.Name; }).indexOf(name); if (index > -1) this.$propertyslick.slick("slickGoTo", index); }, resetImages: function (city) { var index = this.model.Properties.map(function (property) { return property.City; }).indexOf(city); if (index > -1) this.$propertyslick.slick("slickGoTo", index); } } }); </script> <script type="text/x-template" id="start-page"> <div class="frontpage"> <div class="row"> <div class="col-xs-7 col-md-7 col-lg-7 col-xl-7 frontpage-image-video"> <start-page-menu-left :menus="menus" :model="model"></start-page-menu-left> <div v-if="model.Layout == 'Images'" class="image-carousel frontpage-slider" ref="frontpageslider"> <div class="slide" v-for="(image, index) in model.Images" :key="index"> <img class="object-fit" :src="imageResizer(image.ImageUrl).height(1440).scale('both').crop()" :alt="image.ImageAlt" /> </div> </div> <div v-else class="video-player"> <video autoplay loop muted ref="video" controls="false" class="object-fit" id="frontpagevideo" @click.stop.prevent="toggleVideoPlay"> <source :src="model.VideoUrl"> Your browser does not support the video tag. </video> </div> <div class="slider-navigation" v-if="model.Layout == 'Images'"> <div class="location-indicator"> <div> {{ currentImage.Name || currentImage.Company }} </div> <div> {{ currentImage.City }} </div> </div> <div class="slider-navigation-holder"> <ul class="slider-arrows"> <li class="prev" ref="prevImage" @click="progressStopped = true"><img src="/Areas/WTC/Content/img/arrow-left.svg" class="object-fit convert-svg" /></li> <li class="next" ref="nextImage" @click="progressStopped = true"><img src="/Areas/WTC/Content/img/arrow-left.svg" class="object-fit convert-svg" /></li> </ul> <div class="read-more-blob" v-if="model.Properties.length > 0 && model.ScrollLinkText"> <a href="#properties">{{ model.ScrollLinkText }}</a> </div> <canvas id="canvas" class="circular-progress-bar" width="200" height="200"></canvas> </div> </div> <div v-else class="slider-navigation"> <div class="read-more-blob" v-if="model.Properties.length > 0 && model.ScrollLinkText"> <a href="#properties">{{ model.ScrollLinkText }}</a> </div> </div> </div> <div class="col-xs-5 col-md-5 col-lg-5 col-xl-5 frontpage-text"> <start-page-menu-right :menus="menus" :model="model"></start-page-menu-right> <div class="frontpage-text-body"> <h1 v-html="model.Heading"></h1> <p> {{ model.SecondaryHeading }} </p> <div class="cta-buttons"> <a class="button front-btn" :href="model.LinkLeft.Url" :target="model.LinkLeft.Target"><span>{{ model.LinkLeft.Text }}</span></a> <a class="button front-btn" :href="model.LinkRight.Url" :target="model.LinkRight.Target"><span>{{ model.LinkRight.Text }}</span></a> </div> </div> </div> <div class="row" v-if="model.Properties.length > 0"> <a name="properties"></a> <div class="col-xs-12 col-md-12 col-lg-12 col-xl-12 frontpage-ribbon"> <div class="row"> <div class="col-lg-12 col-xl-3 col-xxl-2 frontpage-ribbon-city-picker"> <div class="city-picker" v-if="currentProperty"> <a href="#" :class="{'active': currentProperty.City == 'Malmö'}" @click.prevent="resetImages('Malmö')">Malmö</a> <span>-</span> <a href="#" :class="{'active': currentProperty.City == 'Lund'}" @click.prevent="resetImages('Lund')">Lund</a> <span>-</span> <a href="#" :class="{'active': currentProperty.City == 'Helsingborg'}" @click.prevent="resetImages('Helsingborg')">Helsingborg</a> <h3>{{ currentProperty.Name }}</h3> <div class="property-holder property-holder__desktop"> <div class="property-navigation-arrows"> <div class="property-navigation-arrow prev-property"> <div class="caret"></div> </div> <div class="property-navigation-arrow next-property"> <div class="caret"></div> </div> </div> <div class="property-indicator"> <div class="property-indicator-label"> Fastighet </div> <div class="property-indicator-number"> {{ currentPropInCity }} / {{ propsInCity }} </div> </div> </div> </div> </div> <div class="col-xl-9 col-xxl-10 property-slider" ref="propertyslider"> <div class="property-slide" data-property-location="Helsingborg" v-for="(property, index) in model.Properties"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-5 col-xxxl-5 frontpage-ribbon-body"> <p> {{ property.Ingress || property.Description }} </p> <div class="cta-buttons"> <a :href="model.AboutPageUrl" class="front-btn"><span>Läs mer om WTC</span></a> <a :href="property.PageUrl" class="front-btn"><span>Läs mer om fastigheten</span></a> </div> </div> <div class="col-lg-4 col-xl-4 col-xxl-3 col-xxxl-3 frontpage-ribbon-illustration" v-if="property.Illustration.Url"> <div class="illustration-holder"> <img :src="imageResizer(property.Illustration.Url).width(400).height(400).scale('both')" /> </div> </div> <div class="col-lg-4 col-xl-4 col-xxl-4 col-xxxl-4 frontpage-ribbon-fact-box"> <div class="fact-box-item"> <div class="fact-box-label"> Status </div> <div class="fact-box-value"> Tillgängligt </div> </div> <div class="fact-box-item"> <div class="fact-box-label"> Adress </div> <div class="fact-box-value"> {{ property.Address }},<span class="inline"> {{ property.City }}</span> </div> </div> <div class="fact-box-item"> <div class="fact-box-label"> Typ av lokaler </div> <div class="fact-box-value"> {{ property.ObjectTypes }} </div> </div> <div class="fact-box-item"> <div class="fact-box-label"> Total Lokalyta </div> <div class="fact-box-value"> {{ property.AreaTotal | formatMoney(true) }} kvm </div> </div> <div class="fact-box-item"> <div class="fact-box-label"> Lokal­storlek </div> <div class="fact-box-value"> <span class="inline">{{ property.FromArea | formatMoney(true) }}</span><span v-if="property.ToArea" class="inline"> – {{ property.ToArea | formatMoney(true) }}</span> kvm </div> </div> <div class="fact-box-item"> <div class="fact-box-label"> Vånings­plan </div> <div class="fact-box-value"> {{ property.FloorsInBuilding }} </div> </div> </div> </div> </div> <div class="property-holder property-holder__mobile"> <div class="property-navigation-arrows"> <div class="property-navigation-arrow prev-property"> <div class="caret"></div> </div> </div> <div class="property-indicator"> <div class="property-indicator-label"> Fastighet </div> <div class="property-indicator-number"> {{ currentPropInCity }} / {{ propsInCity }} </div> </div> <div class="property-navigation-arrows"> <div class="property-navigation-arrow next-property"> <div class="caret"></div> </div> </div> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript" src="https://dl.episerver.net/13.2.5/epi-util/find.js"></script> <script type="text/javascript"> if(FindApi){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <script type="text/x-template" id="text-images"> <div class="tai-block row" :class="[theme, layout]"> <div class="tai-block-images col-md-12 col-lg-6 col-xl-7" v-if="model.Images && totalImages > 0"> <div class="tai-block-images__meta image-indicator-container on-mobile" v-for="(image, index) in model.Images" :key="'indicator-' + index" v-show="(index + 1) == currentImage"> <div class="image-indicator" v-if="totalImages > 1"> {{ index + 1 }}/{{ totalImages }} </div> </div> <div v-for="(image,index) in model.Images" :key="'object-fit-' + index" :class="{currentImage:(index + 1) == currentImage, 'right-cursor': totalImages > 1}" class="tai-block-slider" v-touch:tap="switchImage" v-html="image.Picture"> <div class="tai-block-images__meta image-text on-mobile" v-if="image.Content"> <div class="image-headline"> </div> <div class="image-caption"> <p>{{image.Content}}</p> </div> </div> </div> </div> <div class="tai-block-text col-md-12 col-lg-6 col-xl-5"> <div class="tai-block-text-inner"> <div class="tai-block-text-inner-text"> <header v-if="model.Layout == 'Text'"> <h2>{{ model.Text.Heading }}</h2> <p><strong>{{ model.Text.Ingress }}</strong></p> <p>{{ model.Text.Content }}</p> </header> <header v-else> <div class="tai-quote-label-upper">{{ model.Quote.QuotePropertyName }}</div> <div class="tai-quote-label-lower">{{ model.Quote.QuoteCity }}</div> </header> <template v-if="model.Layout == 'Quote'"> <blockquote> <p>{{ model.Quote.QuoteText }}</p> <footer> <div class="author">{{ model.Quote.QuotePersonName }}</div> <div class="author-title">{{ model.Quote.QuotePersonCompany }}</div> </footer> </blockquote> </template> </div> <div class="tai-block-images__links" v-if="model.Link.Url"> <div class="link-left"> <a :href="model.Link.Url" :target="model.Link.Target">{{ model.Link.Text }}</a> </div> <div class="link-right" v-if="model.Link.Url"> <a :href="model.Link.Url" :target="model.Link.Target">{{ model.Link.AdditionalLinkText }}</a> </div> </div> <div v-if="model.Images && totalImages > 0" class="tai-block-images__meta on-desktop" v-for="(image, index) in model.Images" :key="'indicator-desktop-' + index" v-show="(index + 1) == currentImage"> <div class="image-indicator" v-if="totalImages > 1"> {{ index + 1 }}/{{ totalImages }} </div> <template v-if="image.Content"> <div class="image-headline"> </div> <div class="image-caption"> {{ image.Content }} </div> </template> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-images", { props: ['model'], template: '#text-images', data: function () { return { currentImage: 1, onMobile: false } }, methods: { switchImage: function () { if (this.currentImage < this.totalImages) this.currentImage++; else this.currentImage = 1; //console.log(this.currentImage) }, viewport: function () { var e = window, a = 'inner'; if (!('innerWidth' in window)) { a = 'client'; e = document.documentElement || document.body; } return { width: e[a + 'Width'], height: e[a + 'Height'] }; }, resize: function () { this.onMobile = this.viewport().width < 1200; //if (viewport().width > 1200) { // $('.tai-block-images').find('.image-text.on-mobile').hide(); //} } }, created: function () { window.addEventListener("resize", this.resize); }, destroyed: function () { window.removeEventListener("resize", this.resize); }, computed: { totalImages: function () { return this.model.Images.length; }, theme: function () { return this.model.Theme; }, layout: function () { return this.model.Layout.toLowerCase() + (this.model.ReverseOrder ? ' reverse' : ' normal'); } } }); </script> <script type="text/javascript"> $(function () { $(".features").on("click", ".features-item-toggler, .features-item:not(.feature-expanded) .features-item-content", function (e) { e.stopPropagation(); var $this = $(this).closest(".features-item"); var title = $this.find('h2').text(); if ($(window).outerWidth() < 768) { if (!$this.hasClass("feature-expanded")) { track('Feature image', 'Open', 'Features', title); $this.closest(".features-items").addClass("features-selected").find(".features-item").removeClass("feature-expanded"); $this.addClass("feature-expanded"); $this.closest(".features-items").addClass("features-selected"); } else { track('Feature image', 'Close', 'Features', title); $this.removeClass("feature-expanded"); $this.closest(".features-items").removeClass("features-selected"); } } else { if (!$this.hasClass("feature-expanded")) { track('Feature image', 'Open', 'Features', title); $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".features-item").addClass("feature-collapsed"); $this.closest(".features-items").addClass("features-selected"); $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); $this.addClass("feature-expanded").removeClass("feature-collapsed"); }, 600); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.find(".features-item-details").fadeIn(500); }, 1200); } else { track('Feature image', 'Close', 'Features', title); $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); }, 500); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.closest(".features-items").find(".features-item").removeClass("feature-collapsed"); }, 1000); } } }); }); </script> <script type="text/x-template" id="article-carousel"> <div class="row article-carousel"> <div class="col-md-4 col-lg-3 article-carousel-left"> <h4>{{ model.Eyebrow }}</h4> <h2>{{ model.Heading }}</h2> <div class="article-carousel-links" v-for="link in model.Links" :key="link.Href"> <div class="article-carousel-link"> <a :href="link.Href" :target="link.Target" class="read-more with-arrow"><span class="read-more-text">{{ link.Text }}</span></a> </div> </div> </div> <div class="col-md-8 col-lg-9 slideshow article-carousel-right"> <div class="slideshow-items article-carousel-items" v-if="model.Articles.length > 0" ref="scrollElm"> <div class="col-md-5 article-carousel-item-wrapper" v-for="(article, index) in filteredArticles" :key="article.Key" ref="articles"> <div class="slideshow-item article-carousel-item"> <a :href="article.Url" :target="article.Target" :key="article.Key"> <div class="article-carousel-image" v-if="article.ImageUrl"> <img :src="imageResizer(article.ImageUrl).width(560).height(447).scale('both').crop()" :alt="article.ImageAlt" /> </div> <div class="article-carousel-content"> <div class="article-carousel-content-heading"> <h4 v-if="article.Eyebrow">{{ article.Eyebrow }}</h4> <h3 v-if="article.Heading">{{ article.Heading }}</h3> </div> <div class="article-carousel-eventinfo" v-if="article.Date || article.Price"> <dl> <dt v-if="article.Date">Datum</dt> <dd v-if="article.Date">{{ article.Date }}</dd> <dt v-if="article.Price">Pris</dt> <dd v-if="article.Price">{{ article.Price }}</dd> </dl> </div> <div class="fake-link"><p class="read-more with-arrow"><span class="read-more-text">{{article.Text}}</span></p></div> </div> </a> </div> </div> </div> <div class="slideshow-navigation article-carousel-navigation" v-if="model.Articles.length > 2"> <div class="slideshow-navigation-prev" @click.prevent="imageIndex--">Prev</div> <div class="slideshow-navigation-next" @click.prevent="imageIndex++">Next</div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("article-carousel", { props: ['model'], data: function () { return { imageIndex: 0 } }, template: "#article-carousel", methods: { resize: function () { this.imageIndex = 0; } }, computed: { filteredArticles: function () { var articles = this.model.Articles; var index = this.imageIndex; if (this.$refs.scrollElm && this.$refs.articles && this.$refs.articles.length) { if (index > articles.length - 2) { this.imageIndex = index = 0; } else if (index < 0) { this.imageIndex = index = articles.length - 2; } var scrollWidth = this.$refs.articles.slice(0, index).reduce(function (acc, article) { return acc + article.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; } return articles; } } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue([{"Level":1,"Key":"11839","Text":"Varför WTC","Description":"Vad är det som gör det så speciellt med World Trade Center?","Url":"/varfor-wtc/","Items":[{"Level":2,"Key":"11903","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"11904","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"12003","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"12058","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokaler/","Items":[]},{"Level":3,"Key":"11906","Text":"Aktivitetsbaserad kontorsmiljö","Description":"","Url":"/varfor-wtc/kontor/aktivitetsbaserade-kontor/","Items":[]}]},{"Level":2,"Key":"11912","Text":"Service","Description":"","Url":"/varfor-wtc/service/","Items":[{"Level":3,"Key":"12169","Text":"Medlemsförmåner","Description":"","Url":"/varfor-wtc/service/medlemsformaner/","Items":[]},{"Level":3,"Key":"19346","Text":"Konferenslokaler","Description":"","Url":"/link/796d8d380d0d4095a0192eec96a2b161.aspx","Items":[]}]},{"Level":2,"Key":"11911","Text":"Klubb","Description":"","Url":"/varfor-wtc/klubb/","Items":[{"Level":3,"Key":"12149","Text":"Medlemmar","Description":"","Url":"/varfor-wtc/klubb/medlemmar/","Items":[]},{"Level":3,"Key":"12199","Text":"Evenemang","Description":"","Url":"/varfor-wtc/klubb/evenemang/","Items":[]}]},{"Level":2,"Key":"22526","Text":"Magasinet","Description":"","Url":"/varfor-wtc/magasinet/","Items":[]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Midroc?","Url":"/om-wtc/","Items":[{"Level":2,"Key":"12622","Text":"World Trade Center Association","Description":"","Url":"/om-wtc/world-trade-center-association/","Items":[{"Level":3,"Key":"13408","Text":"About us","Description":"","Url":"/om-wtc/world-trade-center-association/about-us/","Items":[]}]},{"Level":2,"Key":"12646","Text":"Midroc Properties","Description":"","Url":"/om-wtc/midroc-properties/","Items":[{"Level":3,"Key":"12722","Text":"Jobba hos oss","Description":"","Url":"/om-wtc/midroc-properties/jobba-hos-oss/","Items":[]},{"Level":3,"Key":"12697","Text":"Press \u0026 media","Description":"","Url":"/om-wtc/midroc-properties/press-och-media/","Items":[]},{"Level":3,"Key":"12672","Text":"Hållbarhet","Description":"","Url":"/om-wtc/midroc-properties/hallbarhet/","Items":[]}]},{"Level":2,"Key":"15506","Text":"Nyheter","Description":"","Url":"/om-wtc/nyheter/","Items":[]},{"Level":2,"Key":"13456","Text":"Kontakta oss","Description":"","Url":"/om-wtc/kontakta-oss/","Items":[]}]},{"Level":1,"Key":"11935","Text":"För hyresgäster","Description":null,"Url":"/for-hyresgaster/","Items":[]}], '11611', 'Ta bort alla favoriter?', []); </script> </body> </html>