<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-alla-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="12884" 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> <property-page :model='{"Property":{"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 är förstahandsvalet för företag som vill nå högre. Med sina 7 våningar precis vid Hamnbassängen i Västra Hamnen har 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 är 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":631,"AreaTotal":3605,"PageUrl":null,"PageId":0,"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":[{"Name":"_Z5A6916 ([3134][@[crop:0,742,6679,2614][resize:2560,1002][quality:75][extension:jpg][id:40]]).jpg","AltText":"_Z5A6916 ([3134][@[crop:0,742,6679,2614][resize:2560,1002][quality:75][extension:jpg][id:40]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/_z5a6916-3134crop074266792614resize25601002quality75extensionjpgid40.jpg","MobileUrl":"/siteassets/qbank/_z5a6916-3134crop074266792614resize25601002quality75extensionjpgid40.jpg","VideoUrl":"/siteassets/videos/midroc-propellergatan-timelaps---final-draft-2---ny-url.mp4","Order":1,"Width":0,"Height":0,"ImageSize":"large"},{"Name":"image00005_ny ([4304][@[resize:6000,3997][crop:476,0,4766,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","AltText":"image00005_ny ([4304][@[resize:6000,3997][crop:476,0,4766,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/image00005_ny-4304resize60003997crop476047663997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","MobileUrl":"/siteassets/qbank/image00005_ny-4304resize60003997crop476047663997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","VideoUrl":"","Order":2,"Width":0,"Height":0,"ImageSize":"small"},{"Name":"_I7A8221 ([3140][@[resize:6720,4484][crop:0,0,6720,4484][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","AltText":"_I7A8221 ([3140][@[resize:6720,4484][crop:0,0,6720,4484][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","MobileUrl":"/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","VideoUrl":"","Order":3,"Width":0,"Height":0,"ImageSize":"medium"},{"Name":"_I7A8229 ([3139][@[resize:5717,3815][crop:0,0,5717,3815][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","AltText":"_I7A8229 ([3139][@[resize:5717,3815][crop:0,0,5717,3815][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/_i7a8229-3139resize57173815crop0057173815autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","MobileUrl":"/siteassets/qbank/_i7a8229-3139resize57173815crop0057173815autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","VideoUrl":"","Order":4,"Width":0,"Height":0,"ImageSize":"medium"},{"Name":"image00006 ([4303][@[resize:6000,3997][crop:607,0,4604,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","AltText":"image00006 ([4303][@[resize:6000,3997][crop:607,0,4604,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/image00006-4303resize60003997crop607046043997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","MobileUrl":"/siteassets/qbank/image00006-4303resize60003997crop607046043997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","VideoUrl":"","Order":5,"Width":0,"Height":0,"ImageSize":"small"},{"Name":"image00004 ([4305][@[resize:6000,3997][crop:556,0,4513,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","AltText":"image00004 ([4305][@[resize:6000,3997][crop:556,0,4513,3997][autoorient:][background:%23ffffff][quality:80][strip:][extension:jpg][id:7]]).jpg","Key":"image/jpeg","Url":"/siteassets/qbank/image00004-4305resize60003997crop556045133997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","MobileUrl":"/siteassets/qbank/image00004-4305resize60003997crop556045133997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg","VideoUrl":"","Order":6,"Width":0,"Height":0,"ImageSize":"small"}],"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},"ShowReadMore":true,"HasRentalObjects":true,"TenantsPageUrl":"/for-hyresgaster/propellergatan/","PrevPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","PrevPageName":"Jungmansgatan","NextPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","NextPageName":"Skeppsgatan"}'></property-page> <div class="section-navigation sticky-sub-menu"> <!-- TODO: is-expanded class when clicked --> <div class="section-navigation-header"> <h4>Välj sektion:</h4> </div> <ul class="section-navigation-items nav sticky-tabs" role="tablist" onclick="toggleClass(this.closest('.section-navigation'), 'is-expanded')"> <li role="presentation" class="nav-item"> <a data-toggle="tab" role="tab" class="nav-link active" href="#tab-12893">Fastigheten</a> </li> <li role="presentation" class="nav-item"> <a data-toggle="tab" role="tab" class="nav-link " href="#tab-12894">Området</a> </li> <li role="presentation" class="nav-item"> <a data-toggle="tab" role="tab" class="nav-link " href="#tab-13035">Lokalerna</a> </li> <li role="presentation" class="nav-item"> <a data-toggle="tab" role="tab" class="nav-link " href="#tab-42830">Karta</a> </li> </ul> </div> <div style="margin-bottom:30px" id="scroll-anchor"></div> <div class="tab-content"> <div role="tabpanel" class="tab-pane fade show active" id="tab-12893"> <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":"Quote","ReverseOrder":true,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.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/_i7a8229-3139resize57173815crop792049253815.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_i7a8229-3139resize57173815crop792049253815.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/_i7a8229-3139resize57173815crop792049253815.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":null,"Ingress":null,"Content":null},"Link":{"Text":null,"AdditionalLinkText":null,"Target":null,"Url":""},"Quote":{"QuotePropertyName":null,"QuotePersonName":"Per Svensson, vd","QuotePersonCompany":"Croisette Real Estate Partner","QuoteCity":null,"QuoteText":"World Trade Center på Propellergatan är ett av Malmös absolut vackraste hus och det är en fröjd att få placera vårt huvudkontor i en så exklusiv byggnad, på ett så vackert läge."}}'></text-images> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="header-divider"> <div class="col-sm-12 col-md-10 offset-md-1 col-xl-8 offset-xl-2"> <div class="row"> <div class="col-md-6"> <h2> <p><em>Endast en ledig lokal kvar!</em></p> </h2> </div> <div class="col-md-6"> <p> Vår tredje World Trade Center fastighet i Västra Hamnen är nu nästan fylld. På plan 4 finns en lokal på 162-324 kvm med plats för fler medlemmar! Kontakta oss för mer information. </p> </div> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="12884" attrs="wtc-btn darkblue" dialog-type="auto"><span>Vill du veta mer om kontor på World Trade Center på Propellergatan? Gör en intresseanmälan så kontaktar vi dig.</span></ia-modal> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Läs mer","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":true,"hasContact":false,"hasLayout":true,"Wysiwyg":"\u003ch3\u003e\u003cspan lang=\u0022SV-SE\u0022 data-contrast=\u0022auto\u0022\u003eDelade kostnader \u0026auml;r l\u0026auml;gre kostnader\u003c/span\u003e\u003c/h3\u003e\n\u003cp\u003e\u003cspan lang=\u0022SV-SE\u0022 data-contrast=\u0022auto\u0022\u003eH\u0026auml;r kan ni hyra kontor fr\u0026aring;n 134 kvadratmeter till helt v\u0026aring;ningsplan p\u0026aring; 630 kvadratmeter. F\u0026ouml;r att optimera lokalens yta tar ni med f\u0026ouml;rdel st\u0026ouml;rre m\u0026ouml;ten i den gemensamma konferensen p\u0026aring; plan tv\u0026aring;. P\u0026aring; s\u0026aring; s\u0026auml;tt nyttjar ni lokalens yta maximalt utifr\u0026aring;n er verksamhets behov.\u003c/span\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\u0022/lediga-lokaler/?q=Propellergatan\u0022\u003e\u003cspan lang=\u0022SV-SE\u0022 data-contrast=\u0022auto\u0022\u003eSe lediga lokaler\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","Theme":"darkblue","FactsHeading":"Information om fastigheten","Facts":[{"Label":"Kontorsstorlek","Text":"134 - 630 kvadratmeter","FullWidth":false},{"Label":"Gemensam konferens","Text":"3 bokningsbara rum","FullWidth":false},{"Label":"Mat \u0026 dryck","Text":"Café i entréplan","FullWidth":false},{"Label":"Sportdepå","Text":"Dusch- och omklädningsrum","FullWidth":false},{"Label":"Arkitekt","Text":"Horisont Arkitektkontor","FullWidth":false},{"Label":"Inflyttning","Text":"Från augusti 2019","FullWidth":false}],"ReadMoreText":"Läs mer","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="feature-icons-wrapper"> <h2 class="block-heading blue">I fastigheten finns </h2> <div class="feature-icons"> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/cafeer.svg" alt=""> <h3>Café</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/restauranger.svg" alt=""> <h3>Frukost & lunch</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/dusch.svg" alt=""> <h3>Dusch</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/cykelparkering.svg" alt=""> <h3>Cykelparkering med verkstad</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/omkladningsrum.svg" alt=""> <h3>Omklädningsrum</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/natverkande.svg" alt=""> <h3>Gemensamma mötesrum</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/flexible-workspaces_icon.svg" alt=""> <h3>Flexibla lokaler</h3> <p></p> </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/"> <div> <p><span lang="SV-SE" data-contrast="auto">Intresserad av </span><span lang="SV-SE" data-contrast="auto">e</span><span lang="SV-SE" data-contrast="auto">tt kontor</span><span lang="SV-SE" data-contrast="auto"> i Propellergatan</span><span lang="SV-SE" data-contrast="auto">?</span><span lang="SV-SE" data-contrast="auto"> Se lediga lokaler.</span><span data-ccp-props="{}"> </span></p> </div> </a> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"/siteassets/qbank/istock-168613509-3991resize43012867crop174166725602200quality75extensionjpgid36.jpg","imageAlt":"","hasImage":true,"hasFacts":false,"hasContact":false,"hasLayout":true,"Wysiwyg":"\u003cdiv\u003e\n\u003ch3\u003eMycket mer än ett kontor\u003c/h3\u003e\n\u003c/div\u003e\n\u003cdiv\u003e\n\u003cp\u003e\u003cspan lang=\u0022SV-SE\u0022 data-contrast=\u0022auto\u0022\u003eI källarplan finns en gemensam sportdepå med omklädningsrum, duschar och låsbara skåp. Idealiskt för dig som vill ta en löprunda på lunchen. Eller som cyklar till jobbet. Parkerar gör du säkert i källarens cykelgarage.\u003c/span\u003e\u003c/p\u003e\n\u003c/div\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="link-module col-xl-6 col-lg-11 dual-link-block col-md-6 col-sm-12"> <picture class="col-xs-12 col-lg-10"> <img class="object-fit" src="/siteassets/qbank/annons_gronsallad-6132crop110228834362953resize25602200quality75extensionjpgid36.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Frukost, lunch eller after work? </h2> <div class="text-box-body"> Börja arbetsdagen med att köpa en kaffe i fastighetens café. Eller varför inte beställa matiga sallader till ditt lunchmöte. I entréplan ligger Graffiti café som servar fastighetens hyresgäster från morgon till kväll. Uteserveringen mot hamnbassängen är en klar favorit för en lunch, glasspaus eller after work med kollegorna. </div> </div> </div> </div><div class="link-module col-xl-6 col-lg-11 dual-link-block col-md-6 col-sm-12"> <picture class="col-xs-12 col-lg-10"> <img class="object-fit" src="/siteassets/qbank/bild_kaffemugg-6134w600h600.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Västra hamnen – attraktivt läge med nära till allt </h2> <div class="text-box-body"> Slå dig ner på trapporna vid vattnet och njut av din lunch. Eller ta en uppfriskande promenad längs med havet. Här finns utrymme för både återhämtning och stadslivets spännande utbud av restauranger och service.  </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 lightblue"> <span> <p>Fastighetens fasad är klädd i silverfärgade BIOS ceramic självrengörande diamantfasetterade granitkeramikplattor.</p> </span> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="image-module single-image"> <a href="https://www.youtube-nocookie.com/embed/https://www.youtube.com/watch?v=R0ClWJX_BxY" data-title="2 400 kvadratmeter fasadyta som fastigheten på Propellergatan består av, kommer med fasadens självrengörande plattor bryta ner skadliga ämnen i luften motsvarande utsläpp från 110 fordon." data-toggle="lightbox" data-gallery="" data-type="youtube"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=1280&format=jpg&quality=75, /siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=2560&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=800&format=jpg&quality=75, /siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=1600&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=662&format=jpg&quality=75, /siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=1324&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/skarmklipp-fasaden-2-6162w600h600.jpg?width=662&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="youtube-play-button"> <img src="/Areas/WTC/Content/img/video_play.svg" class="convert-svg" /> </div> </a> <div class="wrapper"> <div class="image-caption"> 2 400 kvadratmeter fasadyta som fastigheten på Propellergatan består av, kommer med fasadens självrengörande plattor bryta ner skadliga ämnen i luften motsvarande utsläpp från 110 fordon. </div> </div> </div> </div><div class="col-md-6 col-sm-12"> <div class="image-module single-image"> <a href="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg" data-title="Solens strålar gör att att fasadytan självrengörs då organiska smutspartiklar frigörs från ytan. När det regnar sköljs smutsen från fasaden av genom vattnet." data-toggle="lightbox" data-gallery="" data-type="image"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1280&format=jpg&quality=75, /siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2560&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=800&format=jpg&quality=75, /siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1600&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=662&format=jpg&quality=75, /siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1324&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_i7a8221-3140resize67204484crop0067204484autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=662&format=jpg&quality=75" alt=""> </script> </picture> </div> </a> <div class="wrapper"> <div class="image-caption"> Solens strålar gör att att fasadytan självrengörs då organiska smutspartiklar frigörs från ytan. När det regnar sköljs smutsen från fasaden av genom vattnet. </div> </div> </div> </div></div><div class="row"><div class="col-md-6 col-sm-12"><text-block :model='{"imageUrl":"","imageAlt":"","hasImage":false,"hasFacts":false,"hasContact":false,"hasLayout":false,"Wysiwyg":"\u003ch4\u003e\u003cspan\u003eBios Self-Cleaning® produceras i tätsintrade plattor som är tillverkat i granitkeramik.\u0026nbsp;\u003c/span\u003e\u003c/h4\u003e\n\u003cp\u003eFör att Bios Self-Cleaning® skall fungera behövs sol och nederbörd. Miljömässigt är det positivt när de biologiska reaktionerna inträffar. Solens strålar gör att att fasadytan självrengörs då den organiska smutspartiklarna frigörs från ytan och när det regnar, sköljs smutsen av från fasaden genom vattnet. Enligt tester i laboratoriemiljö ska det självrengörande materialet fungera i minst 50 år efter installation av fasaden.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Läs mer","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div><div class="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"> <span> <p>Lär dig mer nedan om World Trade Centers helhetskoncept som gör det lätt att växa, både som företag och människa. </p> </span> </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="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-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=768&height=305&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1536&height=611&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=576&height=229&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7081-redigera-6090crop0100066412854resize25601100quality75extensionjpgid34.jpg?width=1152&height=458&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="/link/8b223dd0ddc945fbb5bd6272d89f297a.aspx" 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"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container"> <h2 class="block-heading lightblue"> Vill du veta mer om fastigheten? Kontakta oss </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=2560&format=jpg&quality=75, /siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=5120&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=1200&format=jpg&quality=75, /siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=2400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=992&format=jpg&quality=75, /siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=1984&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/goran2-5547bb19a8b145222910cfc77f762c7e06b9.jpg?width=992&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Uthyrningsansvarig </p> <h3> Göran Sturesson </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:010-470 74 23">010-470 74 23</a> </p> <p class="contact-mail"> <a href="mailto:goran.sturesson@midroc.se">Maila Göran</a> </p> </div> </div> </div> <div class="contact"> <div class="contact-photo"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=2560&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=5120&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=1200&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=2400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=992&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=1984&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/emelie-cronholm-190412-2383867ca46f65fa576d99e5a572677d811f.jpg?width=992&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Kommersiell förvaltare </p> <h3> Emelie Cronholm-Manansala </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:010-470 74 36">010-470 74 36</a> </p> <p class="contact-mail"> <a href="mailto:emelie.cronholm@wtcmalmo.se">Maila Emelie</a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div><building-blocks :model='{"filters":[],"buildings":[{"Key":8247974,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":38528121,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"}],"heading":"Visste du att vi har fler fastigheter i Västra Hamnen?"}'></building-blocks> </div> <div role="tabpanel" class="tab-pane fade " id="tab-12894"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"/siteassets/qbank/stamningsbild_omradet-5990crop02925612201resize25602200quality75extensionjpgid36.jpg","imageAlt":"","hasImage":true,"hasFacts":false,"hasContact":false,"hasLayout":true,"Wysiwyg":"\u003ch3\u003eVästra hamnen – en av Malmös mest spännande stadsdelar\u003c/h3\u003e\n\u003cp\u003eHållbart, centralt och havsnära. Här finns allt du behöver på bekvämt avstånd.\u003c/p\u003e\n\u003cp\u003eDet är ingen slump att en mängd både lokala och internationella företag valt att etablera kontor i Västra hamnen. På en relativt liten yta ryms huvudkontor för välkända mediaföretag, konsultbolag, bilmärken och livsmedelsproducenter. Det har skapat en unik community och känsla av samhörighet som gör området till något mer än bara en stadsdel.\u003c/p\u003e","Theme":"grey","FactsHeading":null,"Facts":null,"ReadMoreText":"Läs mer","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-images :model='{"Theme":"grey","Layout":"Quote","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/image00006-6128w600h600.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/image00006-6128w600h600.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-6128w600h600.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-6128w600h600.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-6128w600h600.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-6128w600h600.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-6128w600h600.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-6128w600h600.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-6128w600h600.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-6128w600h600.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-6128w600h600.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/image00006-6128w600h600.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":null,"Ingress":null,"Content":null},"Link":{"Text":null,"AdditionalLinkText":null,"Target":null,"Url":""},"Quote":{"QuotePropertyName":null,"QuotePersonName":"Maria Ahlén ","QuotePersonCompany":"Kommunikationschef Meritmind","QuoteCity":"Malmö","QuoteText":"Vi vill få en starkare konceptuell framtoning och väljer därför att flytta till World Trade Center på Propellergatan. Läget är fantastiskt och fastigheten likaså och vi ser fram emot att flytta in i lokaler som är attraktiva och ändamålsenliga för såväl våra medarbetare, kandidater som kunder."}}'></text-images> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><text-block :model='{"imageUrl":"/siteassets/qbank/bild_kaffemugg-6134crop813041173538resize25602200quality75extensionjpgid36.jpg","imageAlt":"","hasImage":false,"hasFacts":true,"hasContact":false,"hasLayout":true,"Wysiwyg":"\u003cdiv\u003e\n\u003ch4\u003e\u003cspan lang=\u0022SV-SE\u0022 data-contrast=\u0022auto\u0022\u003eEtt område med både puls och lugn\u003c/span\u003e\u003cspan data-ccp-props=\u0022{}\u0022\u003e\u0026nbsp;\u003c/span\u003e\u003c/h4\u003e\nWorld Trade Center på Propellergatan ligger intill Masttorget och Ica Maxi. Här tar du ta del av ett varierat utbud av restauranger, café, handel och torghandel. Havet och strandpromenaderna som ligger precis intill är perfekta för rogivande promenader eller gående möten. Här behöver du bara gå utanför dörren för att uppleva naturens scenerier och områdets puls.\u003c/div\u003e\n\u003cdiv\u003e\u0026nbsp;\u003c/div\u003e","Theme":"grey","FactsHeading":"Om Västra Hamnen","Facts":[{"Label":"Arbetandes","Text":"ca 14 000","FullWidth":false},{"Label":"Boendes","Text":"ca 10 500","FullWidth":false},{"Label":"Kuststräcka","Text":"9,6 km","FullWidth":false},{"Label":"Malmö University","Text":"12 000 studenter","FullWidth":false}],"ReadMoreText":null,"Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div><div class="row"><div class="link-module single-link-block col-xs-12 col-sm-12 col-md-12 col-lg-12"> <picture class="col-xs-12 col-lg-10"> <img class="object-fit" src="/siteassets/qbank/_i7a8007-3144resize64194283crop0054544283autoorientbackground23ffffffquality80stripextensionjpgid7.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Söker du kontor i Västra Hamnen? </h2> <div class="text-box-body"> Vi har tre fastigheter i havsnära läge med lokaler som passar både egenföretagare och stora koncerner. <a href="/lediga-lokaler/" class="read-more with-arrow"><span class="read-more-text">Se lediga lokaler </span></a> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="feature-icons-wrapper"> <h2 class="block-heading blue">I Västra Hamnen finns ett varierat utbud</h2> <div class="feature-icons"> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/havsbad.svg" alt=""> <h3>Havsbad</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/gym.svg" alt=""> <h3>Gym</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/ishall.svg" alt=""> <h3>Ishall</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/gronomrade.svg" alt=""> <h3>Grönområde</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/postutlamning.svg" alt=""> <h3>Postutlämning</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/butiker.svg" alt=""> <h3>Handel</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/systembolag.svg" alt=""> <h3>Systembolag</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/hotel.svg" alt=""> <h3>Hotell</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/restauranger.svg" alt=""> <h3>Restauranger</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/cafeer.svg" alt=""> <h3>Caféer</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/parkeringshus.svg" alt=""> <h3>Parkeringshus</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/parkeringsplats.svg" alt=""> <h3>Parkeringsplats</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/el-laddningsstation.svg" alt=""> <h3>El-laddningsstationer</h3> <p></p> </div> </div> </div></div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container"> <h2 class="block-heading lightblue"> Vill du veta mer om fastigheten? Kontakta oss </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=2560&format=jpg&quality=75, /siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=5120&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=1200&format=jpg&quality=75, /siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=2400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=992&format=jpg&quality=75, /siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=1984&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/midroc_210216-217-507495bdae2a620bbc912cfcdc2be160dbea.jpg?width=992&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Uthyrningsansvarig </p> <h3> Sandra von Lüders </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:0704-45 35 09">0704-45 35 09</a> </p> <p class="contact-mail"> <a href="mailto:sandra.von-luders@midroc.se">Maila Sandra </a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div> </div> <div role="tabpanel" class="tab-pane fade " id="tab-13035"> <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":true,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00006-4303resize60003997crop536046953997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00005_ny-4304resize60003997crop425049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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/image00004-4305resize60003997crop587049173997autoorientbackground23ffffffquality80stripextensionjpgid7.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":"Moderna och flexibla lokaler ","Ingress":null,"Content":"Kontorslokalerna kännetecknas av hög standard, bra inomhusklimat och ett brett serviceutbud som gör ditt arbetsliv enklare. Ditt nya kontor på Propellergatan ger fantastiska förutsättningar, oavsett om det gäller ett företag med få anställda eller det mellanstora företaget.\n\n"},"Link":{"Text":null,"AdditionalLinkText":null,"Target":null,"Url":""},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div><div class="row"><div class="link-module single-link-block col-xs-12 col-sm-12 col-md-12 col-lg-12"> <picture class="col-xs-12 col-lg-10"> <img class="object-fit" src="/siteassets/qbank/image00001_ny-4308resize60003997crop314045733997autoorientbackground23ffffffquality80stripextensionjpgid7.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Kontor från 360 kvadratmeter </h2> <div class="text-box-body"> 306 kvadratmeter är optimalt för det mindre kontoret med öppen planlösning. <a href="/lediga-lokaler/?q=Propellergatan" class="read-more with-arrow"><span class="read-more-text">Se lediga lokaler</span></a> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <section class="downloads"> <div class="downloads-holder"> <div class="downloads-item"> <label for="downloads-item" class="file-name"> Objektbeskrivning av fastigheten på Propellergatan.pdf </label> <label class="file-size"> 4 MB </label> <span> <a class="btn" href="/siteassets/downloads-pdf/objektbeskrivning-av-fastigheten-pa-propellergatan.pdf" target="_blank" onclick="track('DOWNLOADS - Propellergatan Objektsbeskrivning','Download click','Objektbeskrivning av fastigheten på Propellergatan.pdf')"> <img src="/Areas/WTC/Content/img/download-icon.svg" /><span>LADDA NER</span> </a> </span> </div> </div> </section> </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"><testimonials-block :model='{"Heading":"Några hyresgäster om att ha sitt kontor i en World Trade Center fastighet","Testimonials":[{"Title":"Seniorkonsult och delägare","FirstName":"Erik","LastName":"Sparre","Testimonial":"Som konsulter varierar våra behov. Ibland behövs många fasta platser men i perioder är det bättre med färre, men med möjlighet till tillfälliga platser. World Trade Center erbjuder just den flexibilitet som vi behöver.","CompanyName":"Risk Pilot","hasImage":true,"ImageUrl":"/siteassets/qbank/erik_sparre-6012crop027434013825resize22762560quality75extensionjpgid30.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"IT-ingenjör","FirstName":"David","LastName":"Brinnen","Testimonial":"World Trade Center ger oss möjligheten att arbeta effektivt på dygnets alla timmar. Att umgås i fräscha lokaler med träning är ovärderliga faktorer till att leva dagen med goda resultat. Professionell administration och reception gör att vi är mycket nöjda.","CompanyName":"Energy Machines","hasImage":true,"ImageUrl":"/siteassets/qbank/david-brinnen-6018resize17151756crop1654114271463quality75quality75extensionjpgid37.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Delägare","FirstName":"Sissi","LastName":"Cederwald","Testimonial":"Den service vi får här gör det enklare för oss som företagare. Det handlar om en reception med servicekänsla, olika evenemang och möten som ordnas i huset och ett gym med tränare som hjälper oss att hålla formen.","CompanyName":"Bidal Design","hasImage":true,"ImageUrl":"/siteassets/qbank/scarfar-5969resize54363624crop378493413871284autoorientbackground23ffffffquality80stripextensionjpgid14.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null}]}'></testimonials-block> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="12884" attrs="wtc-btn orange" dialog-type="auto"><span>Intresserad av Propellergatan? Gör en intresseanmälan för att göra ett studiebesök på byggplatsen.</span></ia-modal> </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="features"> <div class="features-items"> <div class="features-item"> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Kontor</h2> <h3></h3> <div class="features-item-content-description"> <p></p> </div> </div> </div> </div> <div class="features-item"> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Service</h2> <h3></h3> <div class="features-item-content-description"> <p></p> </div> </div> </div> </div> <div class="features-item"> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2></h2> <h3></h3> <div class="features-item-content-description"> <p></p> </div> </div> </div> </div> </div> </div> </div></div></div><div class="container-fluid"><div class="row"><div class="link-module single-link-block col-xs-12 col-sm-12 col-md-12 col-lg-12"> <picture class="col-xs-12 col-lg-10"> <img class="object-fit" src="/siteassets/qbank/_z5a7545-redigera-6115crop25837141093531resize25602200quality75extensionjpgid36.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Mer än ett kontor </h2> <div class="text-box-body"> Kombinationen av flexibla kontor, tjänster som underlättar och ett utvecklande affärsnätverk gör World Trade Center till ett unikt koncept som tar ditt företag till en ny nivå.   <a href="/varfor-wtc/" class="read-more with-arrow"><span class="read-more-text">Läs mer om World Trade Center </span></a> </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"> <span> <p>Här kan du klicka dig in i fastigheten och se hur de lediga lokalerna ser ut!</p> </span> </div></div></div></div><div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container"> <h2 class="block-heading lightblue"> Vill du veta mer om fastigheten? Kontakta mig </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=960&format=jpg&quality=75, /siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=1920&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/midroc_rickard_cedervall_3632-3831resize23623539crop41112316711687quality75quality75extensionjpgid39.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Uthyrningsansvarig </p> <h3> Rickard Cedervall </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:010-470 74 23">010-470 74 23</a> </p> <p class="contact-mail"> <a href="mailto:rickard.cedervall@midroc.se">Maila Rickard</a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div><div class="col-md-6 col-sm-12"> <div class="contacts"> <div class="container"> <div class="row"> <div class="col-xl-12 col-xxl-10 contacts-container"> <h2 class="block-heading lightblue"> Kommersiell förvaltare </h2> <div class="contacts-row"> <div class="contact"> <div class="contact-photo"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:0%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=960&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=1920&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/emelie-cronholm-190412-2383e9d53124f598fb352b5a3306170b5a2a.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Kommersiell förvaltare </p> <h3> Emelie Cronholm-Manansala </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:010–470 74 36">010–470 74 36</a> </p> <p class="contact-mail"> <a href="mailto:emelie.cronholm@wtcmalmo.se">Maila Emelie</a> </p> </div> </div> </div> </div> </div> </div> </div> </div> </div></div></div><building-blocks :model='{"filters":[],"buildings":[{"Key":8247974,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":23326033,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","ImageUrl":"/siteassets/buildings/illustration-propellergatan.svg"},{"Key":38528121,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"}],"heading":"Vi har fler fastigheter i Västra Hamnen"}'></building-blocks> </div> <div role="tabpanel" class="tab-pane fade " id="tab-42830"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="poi-block poi-block-poi_803dda29-d0e5-43c6-965f-ca477efe927d"> <div class="poi-map"> <div class="poi-filter"> <div class="poi-filter-list is-expanded"> <div class="poi-filter-list-header"> <h2>Vad finns i närheten?</h2> </div> <div class="poi-filter-list-items"> <div class="poi-filter-list-item hidden"><label class="checkbox-inline"><input type="checkbox" /><span class="custom-checkbox"></span><img /> <span></span></label></div> </div> </div> </div> <div class="poi-transport-selector"> <div class="poi-transport-selector-inner"> <h2>Välj färdsätt:</h2> <div class="poi-transport-types"> <label class="poi-transport-type-driving is-current"><input type="radio" checked name="poi-transport" value="DRIVING" /><span>Bil</span></label> <label class="poi-transport-type-walking"><input type="radio" name="poi-transport" value="WALKING" /><span>Bil</span></label> <label class="poi-transport-type-bicycling"><input type="radio" name="poi-transport" value="BICYCLING" /><span>Cykla</span></label> <label class="poi-transport-type-transit"><input type="radio" name="poi-transport" value="TRANSIT" /><span>Kollektivtrafik</span></label> </div> </div> </div> <div class="map-canvas" id="poi_803dda29-d0e5-43c6-965f-ca477efe927d" style="height: 800px; background:#a2ccff"></div> <div class="poi-search"> <div class="poi-search-inner"> <label>Hur långt är det till:</label> <input type="text" class="form-control" /> </div> </div> </div> </div> </div></div></div> </div> </div> <main class="main-body"> </main> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-alla-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> <a href="/cookies/">Integritets- och cookiepolicy</a> </div> <div> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</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.wtcmalmolundhelsingborg.se/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/">Gå vidare till: Skeppsgatan <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="12884" 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 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="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.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="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.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="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.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 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'" @change="track($options.trackingCategory, $options.trackingAction, 'Lokalyta')"> <span>Lokalyta</span> </div> <div class="object-search-sliders-tab tab-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'" @change="track($options.trackingCategory, $options.trackingAction, 'Personalstorlek')"> <span>Personalstorlek (st)</span> </div> </div> <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="12884" 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=Ap_Kl4719VID0f1KRWp5WcrqYuspPaa69WzYMeEKxPU1"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script src="/Scripts/stickyfill.min.js"></script> <script type="text/javascript"> function toggleClass(that, className) { $(that).toggleClass(className); } Vue.component("property-page", { template: '#property-page', props: ['model'], data: function () { return { expanded: false, showReadMore: false, expandedDropDown:false, imageIndex: 0 } }, mounted: function () { this.checkReadMore(); var elements = document.querySelectorAll('.sticky-sub-menu'); Stickyfill.add(elements); var that = this; $('a[data-toggle="tab"]').on('click', function (e) { that.track(that.trackingCategory, 'Button - ' + e.target.innerText); $('html, body').animate({ scrollTop: $('#scroll-anchor').offset().top - $('.section-navigation').outerHeight() - $('.site-navigation').outerHeight() }, 'fast'); }); }, computed: { trackingCategory: function () { return 'Fastighetssida CTA'; }, description: function () { var rows = this.model.Property.Description.split('\n'); var result = ""; for (var i = 0; i < rows.length; i++) { result += '<p>' + rows[i] + '</p>'; } return '<p>' + result + '</p>'; }, filteredImages: function () { var images = this.model.Property.Images; var index = this.imageIndex; if (this.$refs.scrollElm && this.$refs.images && this.$refs.images.length) { if (index > images.length - 1) { this.imageIndex = index = 0; } else if (index < 0) { this.imageIndex = images.length - 1; } var scrollWidth = this.$refs.images.slice(0,index).reduce(function (acc, image) { return acc + image.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; } return images; }, }, methods: { back: function () { this.track(this.trackingCategory, 'Tillbaka till Midroc Lokaler'); window.history.back(); }, trackProperty: function () { this.track(this.trackingCategory, 'Button - Intresseanmälan'); }, checkReadMore: function () { this.showReadMore = this.expanded || (this.model.ShowReadMore && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350); }, getTrackingInfo: function () { var property = this.model.Property; return property.Name + ' ' + property.City + ' - Fastighet' + ', Våning:' + property.FloorsInBuilding; }, toggleExpanded: function () { this.expanded = !this.expanded; if (this.expanded) this.track(this.trackingCategory, 'Läs mer', this.getTrackingInfo()); this.checkReadMore(); }, mapUrl: function (property) { return encodeURI("https://www.google.com/maps/search/?api=1&query=" + property.Latitude + "," + property.Longitude); }, mapSrc: function (property) { return "https://maps.googleapis.com/maps/api/staticmap?key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&size=345x330&maptype=roadmap&markers=|" + property.Latitude + "," + property.Longitude + "&zoom=13"; }, colWidth: function (image) { return image.ImageSize == "small" ? "col-11 col-sm-4" : image.ImageSize == "large" ? "col-11 col-sm-11" : "col-11 col-sm-7"; }, cropImageUrl: function (image) { return image.ImageSize == "small" ? imageResizer(image.Url).width(560).height(630).scale("both").crop() : image.ImageSize == "large" ? imageResizer(image.Url).width(1610).height(630).scale("both").crop() : imageResizer(image.Url).width(1010).height(630).scale("both").crop(); }, cropMobileUrl: function (image) { return imageResizer(image.MobileUrl).width(640).height(680).scale("both").crop(); }, showBackButton: function () { var params = this.$root.getQueryParams(window.location.search); return params["rel"] == 'midroc-search' && window.history.length > 1; } } }); </script> <script type="text/x-template" id="property-page"> <div> <p class="container-fluid"> <p class="back-to-search-link back-to-search-link--property-page" v-if="showBackButton()"> <a href="javascript:void();" @click="back">Tillbaka till sökningen</a> </p> <div class="property-header-first"> <p class="eyebrow"> {{ model.Property.City }} <template v-if="model.Property.Location"> - {{model.Property.Location}} </template> </p> <h1>{{model.Property.Name}}</h1> </div> <div class="slideshow image-slideshow container-fluid"> <div class="row slideshow-items justify-content-start" ref="scrollElm"> <div class="slideshow-item" :class="colWidth(image)" v-for="(image, index) in filteredImages" :key="image.Order" ref="images"> <a :href="image.VideoUrl || image.Url" data-toggle="lightbox" :data-type="image.VideoUrl ? 'video' : 'image'" data-gallery="images"> <picture> <!--[if IE 9]><video style="display: none;"><![endif]--> <source :srcset="cropImageUrl(image)" media="(min-width: 1200px)"> <source :srcset="cropMobileUrl(image)" media="(max-width: 576px)"> <!--[if IE 9]></video><![endif]--> <img :src="cropImageUrl(image)" :alt="image.AltText" /> </picture> <div class="youtube-play-button" v-if="image.VideoUrl"> <img src="/Areas/Lyckos/Content/images/video_play.svg" class="convert-svg" /> </div> </a> </div> </div> <div class="slideshow-navigation" v-if="filteredImages.length > 1"> <div class="slideshow-navigation-prev" @click.prevent="imageIndex--;track(trackingCategory,'Top image selector')">Prev</div> <div class="slideshow-navigation-next" @click.prevent="imageIndex++;track(trackingCategory,'Top image selector')">Next</div> </div> <div v-else style="padding-top:80px"></div> <div class="size-search-toggler" v-if="model.HasRentalObjects && filteredImages.length > 0"> <find-office url="/api/wtc/fo" page-id="12884" objectSearchPageUrl="/lediga-lokaler/"> <span class="size-search-text-1">Hur många <br /> är ni?</span> <span class="size-search-text-2">Hur stor<br /> lokal<br /> behöver ni?</span> <span class="size-search-text-3">Sök lediga<br /> lokaler här!</span> </find-office> </div> </div> <div class="container-fluid"> <div class="row justify-content-start"> <div class="col-md-4"> <div class="property-header"> <div class="property-illustration" v-if="model.Property.Illustration.Url"> <p v-if="model.HasRentalObjects">Uthyrning pågår!</p> <img :src="imageResizer(model.Property.Illustration.Url).width(400).height(400).scale('both')" width="220" height="220" /> </div> <p class="property-btn-wrapper"> <a :href="'/lediga-lokaler/?q=' + model.Property.Name" class="property-btn orange" @click="track(trackingCategory, 'Button - Ledig lokal')"> Lediga lokaler </a> </p> <p class="property-btn-wrapper" v-if="model.TenantsPageUrl"> <a :href="model.TenantsPageUrl" class="property-btn grey" @click="track(trackingCategory, 'Button - Hyresgäst info')"> Hyresgästinfo </a> </p> <p class="property-btn-wrapper" > <ia-modal attrs="property-btn darkgrey" url="/api/wtc/ia" emit-global="true" page-id="12884" dialog-type="property" @tracking="track(trackingCategory, 'Button - Intresseanmälan')"> Intresse­anmälan </ia-modal> </p> <div class="property-header-tools share-tools d-md-none"> <div class="object-info-tool tool-share"> <ia-modal url="/api/wtc/ia" page-id="12884" dialog-type="share" title="Dela / Tipsa" @tracking="track(trackingCategory, 'Dela/Tipsa', 'Skicka länk')"> <span>Dela / Tipsa</span> </ia-modal> </div> <div class="object-details-tool tool-favorite" :class="{'is-favorited' : $root.isFavorite()}"> <a href="#" @click.prevent="[$root.toggleFavorite(),track(trackingCategory, 'Spara favorit')]" title="Spara favorit"><span>Spara favorit</span></a> </div> </div> <div class="object-list-item-tools"> <div class="object-list-item-tool tool-share"> <ia-modal url="/api/wtc/ia" page-id="12884" dialog-type="share" title="Dela / Tipsa" @tracking="track(trackingCategory, 'Dela/Tipsa', 'Skicka länk')">Dela / Tipsa</ia-modal> </div> <div class="object-list-item-tool tool-favorite" :class="{'is-favorited' : $root.isFavorite()}"> <a href="#" @click.prevent="[$root.toggleFavorite(),track(trackingCategory, 'Spara favorit')]" title="Spara favorit">Spara favorit</a> </div> </div> </div> </div> <div class="col-md-6 offset-md-1"> <div class="text-block" v-if="model.Property.Description"> <div class="object-description" ref="textBlockContent" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="description"> </div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="toggleExpanded" v-show="showReadMore">{{ !expanded ? 'Läs mer' : 'Dölj'}}</a> </div> <div class="object-summary"> <div class="object-summary-item"> <dl> <dt>Adress</dt> <dd>{{model.Property.Address}}</dd> </dl> </div> <div class="object-summary-item"> <dl> <dt>Typ av lokaler</dt> <dd>{{ model.Property.ObjectTypes}}</dd> </dl> </div> <div class="object-summary-item"> <dl> <dt>Lokalstorlek</dt> <dd> {{ model.Property.FromArea | formatMoney }} <template v-if="model.Property.ToArea > model.Property.FromArea"> - {{ model.Property.ToArea | formatMoney }} </template><span>kvm</span> </dd> </dl> </div> <div class="object-summary-item"> <dl> <dt>Våningar</dt> <dd>{{ model.Property.FloorsInBuilding }}</dd> </dl> </div> <div class="object-summary-item" v-if="model.Property.IsProject && model.Property.BuildStart"> <dl> <dt>Byggstart</dt> <dd>{{model.Property.BuildStart}}</dd> </dl> </div> <div class="object-summary-item" v-if="model.Property.IsProject && model.Property.Access"> <dl> <dt>Tillträde</dt> <dd>{{model.Property.Access}}</dd> </dl> </div> </div> </div> <div class="property-navigation"> <div class="property-navigation-prev" v-if="model.PrevPageUrl"><a :href="model.PrevPageUrl" @click="track(trackingCategory, 'Button - föregående fastighet')"><span>Gå till fastighet: <strong>{{model.PrevPageName}}</strong></span></a></div> <div class="property-navigation-next" v-if="model.NextPageUrl"><a :href="model.NextPageUrl" @click="track(trackingCategory, 'Button - nästa fastighet')"><span>Gå till fastighet: <strong>{{model.NextPageName}}</strong></span></a></div> </div> </div> </div> </div> </script> <script type="text/javascript" src="https://dl.episerver.net/13.4.4.1/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/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </script> <script type="text/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")) { $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 { $this.removeClass("feature-expanded"); $this.closest(".features-items").removeClass("features-selected"); } } else { if (!$this.hasClass("feature-expanded")) { $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 { $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="building-blocks"> <div class="container-fluid buildings" v-if="model.buildings && model.buildings.length > 0"> <h2 class="block-heading lightblue"> {{ model.heading }} </h2> <div class="row buildings-container" :class="{'no-filter': model.filters.length < 1 && filteredBuildings.length < 4}"> <div class="col-sm-6 offset-sm-3 col-lg-3 offset-lg-0 col-xl-2 buildings-filter" v-if="model.filters.length > 1" :class="{'is-expanded' : expanded}"> <div class="button" v-for="(f, index) in model.filters" :key="'filter-' + index" :class="{selected: filter == (index == 0 ? '' : f) }"> <button @click.prevent="toggleFilter(index, f)">{{f}}</button> </div> </div> <div class="col-sm-12 col-lg-9 offset-lg-0 col-xl-8 offset-xl-0 slideshow" :class="{'buildings-and-arrows': model.filters.length > 1}"> <div v-if="filteredCount > 4" class="scroll-buttons"> <button @click.prevent="imageIndex--" :disabled="imageIndex <= 0"><div class="caret left"></div></button> <button @click.prevent="imageIndex++" :disabled="imageIndex >= filteredCount - 4"><div class="caret right"></div></button> </div> <div class="buildings-list slideshow-items" ref="scrollElm"> <a :href="b.PropertyPageUrl" class="building slideshow-item" v-for="b in filteredBuildings" :key="b.Key" ref="buildings"> <div class="image" v-if="b.ImageUrl"> <picture> <img :src="b.ImageUrl" class="object-fit" /> </picture> <div class="circle"></div> </div> <h2>{{ b.PropertyName }}</h2> <h4> {{ b.City }} - {{ b.Location}}</h4> </a> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("building-blocks", { props: ['model'], data: function () { return { filter: '', imageIndex: 0, filteredCount: 0, expanded: false } }, template: "#building-blocks", watch: { filter: function () { this.imageIndex = 0; } }, created: function () { var that = this; document.addEventListener('click', function () { that.epxanded = false; }); }, methods: { toggleFilter: function (index, f) { if (index == 0) this.filter = '' else this.filter = f; this.expanded = !this.expanded; } }, computed: { filteredBuildings: function () { var buildings = this.model.buildings; if (buildings && buildings.length > 0) { if (this.filter) { var that = this; buildings = buildings.filter(function (building) { return building.City == that.filter }); } //console.log(this.$refs) var index = this.imageIndex// = this.imageIndex > 0 && this.imageIndex <= buildings.length - 4 ? this.imageIndex : 0; this.filteredCount = buildings.length; if (this.$refs.scrollElm && this.$refs.buildings && this.$refs.buildings.length > 0) { var scrollWidth = this.$refs.buildings.slice(0, index).reduce(function (acc, building) { return acc + building.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; //console.log(this.$refs.scrollElm.scrollLeft) //console.log(scrollWidth) } return buildings; //.slice(this.imageIndex, this.imageIndex + 3); } return []; } } }); </script> <script type="text/x-template" id="testimonials-block"> <div class="testimonials-wrapper" tabindex="0" v-on:keyup.left="setCurrentIndex(currentIndex - 1)" v-on:keyup.right="setCurrentIndex(currentIndex + 1)"> <h2 class="block-heading blue">{{ model.Heading }}</h2> <div v-if="model.Testimonials && model.Testimonials.length > 0" class="testimonials-items" ref="scrollElm"> <div class="testimonial-item-wrapper" ref="items" :class="{'is-expanded' : currentIndex == index}" v-for="(testimonial,index) in model.Testimonials" :key="index" @click.prevent="setCurrentIndex(index)"> <div class="testimonial-item"> <div v-if="testimonial.hasImage" class="testimonial-item-photo"> <img :src="imageResizer(testimonial.ImageUrl).width(200).height(200).crop()" :alt="testimonial.ImageAlt"> </div> <div> <div class="testimonial-item-content"> <h3 class="testimonial-item-name"> {{ testimonial.FirstName }} {{ testimonial.LastName }} </h3> <div class="testimonial-item-title"> {{ testimonial.Title }} </div> <div class="testimonial-item-text"> <div class="testimonial-item-text-inner"> {{ testimonial.Testimonial }} </div> </div> </div> </div> <div v-if="testimonial.LogoUrl || testimonial.CompanyName" class="testimonial-item-logo"> <div v-if="testimonial.LogoUrl" class="company-image"> <img :src="testimonial.LogoUrl" :alt="testimonial.LogoAlt"> </div> <div v-else class="company-name"> {{ testimonial.CompanyName }} </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> $(function () { var $window = $(window); var $document = $(document); var testimonials = document.querySelectorAll('.testimonials-wrapper'); var config = { rootMargin: '0px', threshold: 1.0 }; function checkIfOnScreen() { var viewportTop = $window.scrollTop(); var viewportBottom = viewportTop + $window.innerHeight(); $(testimonials).each(function () { var top = $(this).offset().top; var bottom = top + $(this).outerHeight(); if (bottom > viewportTop && top < viewportBottom) { this.focus(); } else if (document.activeElement == this) { this.blur(); } }); } if (("IntersectionObserver" in window)) { var observer = new IntersectionObserver(onIntersection, config); $(testimonials).each(function () { observer.observe(this); }); function onIntersection(entries) { $(entries).each(function () { if (this.isIntersecting) { this.target.focus(); } else if (document.activeElement == this.target) { this.target.blur(); } }); } } else { $document.on('scroll', function () { checkIfOnScreen(); }); checkIfOnScreen(); } }); Vue.component("testimonials-block", { props: ['model'], template: '#testimonials-block', data: function () { return { currentIndex: -1, processing: false } }, mounted: function () { this.init(); }, methods: { setCurrentIndex: function (index) { var that = this; if (that.processing || index < 0 || index >= that.model.Testimonials.length) return; that.processing = true; that.currentIndex = index; that.calc(that.currentIndex); setTimeout(function () { that.processing = false; }, 100); }, init: function () { this.$nextTick(function () { var that = this; var count = !that.$refs.items ? 0 : that.$refs.items.length; that.setCurrentIndex(count % 2 == 0 ? count / 2 : Math.floor(count / 2)) if (that.$refs.scrollElm) { that.$refs.scrollElm.addEventListener('scroll', that.debounce(function () { that.scroll() }, 50)); if (("IntersectionObserver" in window)) { var options = { rootMargin: '0px', threshold: 0 } var observer = new IntersectionObserver(onShow, options); observer.observe(that.$refs.scrollElm); function onShow() { that.calc(that.currentIndex); } } else that.scroll(); } }); }, scroll: function () { var that = this; if (that.$refs.items && that.$refs.items.length > 0) { var index = Math.round(that.$refs.scrollElm.scrollLeft / that.$refs.items[0].offsetWidth); if (index >= 0 && index < that.model.Testimonials.length) that.setCurrentIndex(index); } }, calc: function (value) { if (this.$refs.items && this.$refs.items.length > 0) { var itemWidth = this.$refs.items[0].offsetWidth; var isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style; if (isSmoothScrollSupported) { this.$refs.scrollElm.scrollLeft = value * itemWidth; } else { $(this.$refs.scrollElm).stop().animate({ scrollLeft: value * itemWidth }, 300, "swing"); } } } } }); </script> <script type="text/javascript"> $(function() { var poiInit = function () { var poi = new pointsOfInterest('poi_803dda29-d0e5-43c6-965f-ca477efe927d', { projectName: '', projectType: '', lat: 55.60986, lng: 12.977288, zoom: 16, radius: 1000, trackingCategory: '', categories: { 'shopping': { key: 'shopping', name: 'Shopping', types: ['shopping_mall', 'store'] }, 'convenience_store': { key: 'convenience_store', name: 'Livsmedel', types: ['convenience_store'] }, 'school': { key: 'school', name: 'Utbildning', types: ['school', 'university', 'library'] }, 'restaurant': { key: 'restaurant', name: 'Restauranger', types: ['restaurant', 'bar'] }, 'cafe': { key: 'cafe', name: 'Caféer', types: ['cafe'] }, 'healthcare': { key: 'healthcare', name: 'Hälsa och vård', types: ['hospital', 'pharmacy'] }, 'parking': { key: 'parking', name: 'Parkering', types: ['parking'] }, 'station': { key: 'station', name: 'Kollektivtrafik', types: ['bus_station', 'subway_station', 'train_station'] }, 'pleasure': { key: 'pleasure', name: 'Kultur och nöje', types: ['amusement_park', 'aquarium', 'art_gallery', 'movie_theater', 'museum', 'zoo'] }, 'training': { key: 'training', name: 'Träning', types: ['gym'] }, 'stadium': { key: 'stadium', name: 'Stadium', types: ['stadium'] }, 'airport': { key: 'airport', name: 'Flygplats', types: ['airport'] }, }, customMarkers: [ ], ignoreList: [ ], }); } // Lazyload function loadPOI() { if (typeof google === "undefined" || typeof google.maps === "undefined" || typeof google.maps.Map === "undefined") { $(document).on("google-maps-initialize", poiInit); } else { poiInit(); }; } var config = { rootMargin: '300px 0px', threshold: 0.1 }; function checkIfOnScreen() { var viewportTop = $(window).scrollTop(); var viewportBottom = viewportTop + $(window).innerHeight(); $pois = $(".poi-block-poi_803dda29-d0e5-43c6-965f-ca477efe927d:not(.poi-block-loaded)"); $pois.each(function () { var poiTop = $(this).offset().top; var poiBottom = poiTop + $(this).outerHeight(); if (poiBottom > (viewportTop - 400) && poiTop < (viewportBottom + 400)) { $(this).addClass("poi-block-loaded"); loadPOI(); } }); } if (("IntersectionObserver" in window)) { var observer = new IntersectionObserver(onIntersection, config); observer.observe($(".poi-block-poi_803dda29-d0e5-43c6-965f-ca477efe927d")[0]); function onIntersection(entries) { $(entries).each(function () { entry = this; if (entry.intersectionRatio > 0) { observer.unobserve(entry.target); loadPOI(); } }); } } else { $(document).on('scroll', function () { checkIfOnScreen(); }); checkIfOnScreen(); } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue([{"Level":1,"Key":"11839","Text":"Varför WTC","Description":"Vad är det som gör det så speciellt med World Trade Center?","Url":"/varfor-wtc/","Items":[{"Level":2,"Key":"56859","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"56860","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"57058","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"57117","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokal/","Items":[]},{"Level":3,"Key":"57187","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":"38172","Text":"Medlemsbrev","Description":"","Url":"/varfor-wtc/klubb/medlemsbrev/","Items":[]},{"Level":3,"Key":"12199","Text":"Evenemang","Description":"","Url":"/varfor-wtc/klubb/evenemang/","Items":[]},{"Level":3,"Key":"42575","Text":"Arkiv webbinarier \u0026 podcasts","Description":"","Url":"/varfor-wtc/klubb/arkiv-webbinarier--podcasts/","Items":[]}]},{"Level":2,"Key":"58662","Text":"Inspiration","Description":"","Url":"/varfor-wtc/inspiration/","Items":[]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Midroc?","Url":"/om-wtc/","Items":[{"Level":2,"Key":"12622","Text":"World Trade Centers Association","Description":"","Url":"/om-wtc/world-trade-centers-association/","Items":[{"Level":3,"Key":"13408","Text":"About us","Description":"","Url":"/om-wtc/world-trade-centers-association/about-us/","Items":[]}]},{"Level":2,"Key":"12646","Text":"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":[]}], '12884', 'Ta bort alla favoriter?', [{"name":"Svenska","url":"/","isCurrent":true},{"name":"English","url":"https://www.wtcmalmolundhelsingborg.com/","isCurrent":false}]); </script> </body> </html>