<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="11916" 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> </ul> </div> </div> </div> </nav> <main class="main-body base-page"> <div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="intro-block row darkblue"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h4> Fastigheter och lokaler </h4> <h1> Moderna kontor och möteslokaler på strategiska lägen </h1> <div class="intro-block-content offset-xxl-1"> <div class="intro-block-ingress"> Oavsett om du vill arbeta i Malmö, Lund eller Helsingborg kan vi erbjuda flexibla kontors- och konferenslokaler. </div> <p> Genom att ha ditt kontor eller konferens i någon av World Trade Centers fastigheter får du inte bara moderna lokaler på rätt läge med goda kommunikationer. Du får även unik service i världsklass och tillgång till ett affärsnätverk som utvecklar både företag och medarbetare. </p> </div> </div> <div class="intro-block-addon-holder col-xs-12 col-md-7 col-lg-7 col-xl-7 offset-lg-1"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.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/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=1120&format=jpg&quality=75, /siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=2240&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=700&format=jpg&quality=75, /siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=579&format=jpg&quality=75, /siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_27a1639-5861crop13071444473821resize25602200quality75extensionjpgid36.jpg?width=579&format=jpg&quality=75" alt=""> </script> </picture> </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="features"> <picture class="ec-lazy-img features-image" style="background-image:url(/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.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/helsingborg-1-4715resize57603840crop053857603302.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=1536&height=2640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/helsingborg-1-4715crop9556121293779resize14422560.5669328323156?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/helsingborg-1-4715resize57603840crop053857603302.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/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.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/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop0173514432562resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop0173514432562resize14422560quality75extensionjpgid43.jpg?width=1536&height=2640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop0173514432562resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop0173514432562resize14422560quality75extensionjpgid43.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/_z5a7434-redigera-6111crop0111664462770resize25601100quality75extensionjpgid34.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>Skalbart</h2> <h3>Lokaler som passar dina behov</h3> <div class="features-item-content-description"> <p>Fortsätt växa utan att flytta. Till skillnad från många andra förvaltar vi på World Trade Center alla våra kontorslokaler själva. Därför är det aldrig några problem när ni behöver öka eller minska er yta, vi har en nära dialog med våra hyresgäster och hittar en fungerande lösning utan att ni behöver byta adress. </p> <a href="/varfor-wtc/kontor/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra lokaler här</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.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/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=1536&height=2640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop356297714452565resize14422560quality75extensionjpgid43.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/_z5a0552-5740crop087563502729resize25601100quality75extensionjpgid34.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>Delbart</h2> <h3>Möteslokaler när du behöver</h3> <div class="features-item-content-description"> <p>Dra nytta av delade konferenslokaler och optimera din kontorsyta. Varför betala för en stor yta som bara används ibland? På World Trade Center finns ett antal gemensamma konferens- och möteslokaler du kan boka när det behövs. Vissa är kostnadsfria, andra kan du som hyresgäst boka till rabatterat pris. Dessutom finns olika loungemiljöer för mer informella möten i en behaglig och inspirerande miljö.</p> <a href="/fastigheter-och-lokaler/konferenslokaler/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra konferenslokaler här</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.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/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/oversikt_2_preview.jpeg-5813resize16001065crop77708231065.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/oversikt_2_preview.jpeg-5813resize16001065crop77708231065.jpg?width=1536&height=2640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/oversikt_2_preview.jpeg-5813resize16001065crop77708231065.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/oversikt_2_preview.jpeg-5813resize16001065crop77708231065.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/img_1785-6202crop089840321733resize25601100quality75extensionjpgid34.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>Nåbart</h2> <h3>Bra lägen med goda kommunikationer</h3> <div class="features-item-content-description"> <p>Strategiskt placerade kontor med nära till allt. Oavsett om du vill sitta på World Trade Center i Malmö, Lund eller Helsingborg har du alltid nära till kommunikationer. Alla våra fastigheter ligger på strategiska lägen med kollektivtrafik och huvudleder på bekvämt avstånd</p> <a href="/fastigheter-och-lokaler/vara-fastigheter/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra fastigheter här</span></a> </div> </div> </div> </div> </div> </div> </div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><testimonials-block :model='{"Heading":"Några av våra hyresgäster om fördelarna med kontor i World Trade Center","Testimonials":[{"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":"Advokat Partner","FirstName":"Klas","LastName":"Johansson","Testimonial":"Läget i Västra Hamnen är fantastiskt, mycket bra receptionstjänster för vår verksamhet och en underbar personal med servicekänsla gör att vi ler när vi går till en ny arbetsdag.","CompanyName":"KBM Advokatbyrå","hasImage":true,"ImageUrl":"/siteassets/qbank/klas-johansson-advokat-partner-6189resize533570crop00533570quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Site Manager","FirstName":"Sabina","LastName":"Callan","Testimonial":"För oss är det oerhört bekvämt att ha vår verksamhet på World Trade Center, det ligger på ett trevligt läge, fina faciliteter och en fantastisk servicenivå som hjälper oss i vår vardag. Våra anställda uppskattar verkligen möjligheten till ett välutrustat gym och flertal pass i veckan så att vi kan kombinera träning på arbetsplatsen. ","CompanyName":"Enfo Sweden AB","hasImage":true,"ImageUrl":"/siteassets/qbank/sabina-bild-mars-2019-sv-6188resize10001500crop0010001500quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Delägare","FirstName":"Sissi","LastName":"Cederwald","Testimonial":"\u0022Den 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.\u0022","CompanyName":"Bidal Design","hasImage":true,"ImageUrl":"/siteassets/qbank/scarfar-5969crop3256111421801058resize8943quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"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":"VD","FirstName":"Scott","LastName":"Ferguson","Testimonial":"I World Trade Centers fastigheter i Malmö, Lund och Helsingborg jobbar man med delningsekonomi på ett sätt som är helt unikt.","CompanyName":"World Trade Center Associations i New York","hasImage":true,"ImageUrl":"/siteassets/qbank/wtcny2-5968resize945613crop21767501473.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Paralegal","FirstName":"Anna","LastName":"Gunnarsson","Testimonial":"KBM Advokatbyrå är ett mindre företag och sitter på World Trade Centers kontorshotell där vi genom åren har fått många härliga ”kollegor” från andra branscher.","CompanyName":"KBM Advokatbyrå","hasImage":true,"ImageUrl":"/siteassets/qbank/anna-gunnarsson-paralegal-6190resize533570crop00533570quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Försäljning Malmö","FirstName":"Carl-Dan","LastName":"Friberg","Testimonial":"Erteco är ett Nordiskt distributions företag som representerar ett antal utländska producenter.\nAtt vi valde World Trade Center i Malmö beror på närheten till en internationell flygplats, mycket väl fungerande konferensmöjligheter samt närliggande hotell.\n","CompanyName":"Erteco Rubber \u0026 Plastics","hasImage":true,"ImageUrl":"/siteassets/qbank/carl-dan-6191crop022540675resize240300quality75extensionjpgid36.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"><chapter-block :model='{"Id":"chapter-18957395","Theme":"grey","Heading":"Yteffektiva kontor","Eyebrow":"Våra fastigheter","Content":"World Trade Center erbjuder moderna kontorslokaler i Malmö, Lund och Helsingborg. Genom att dra nytta av våra gemensamma resurser, som reception, konferensrum och lounger, kan ni dessutom nyttja varje kvadratmeter maximalt.","NavigateToTitle":"Navigera till:","ImageUrl":"/siteassets/qbank/_z5a7277-redigera-6106w600h600.jpg","ImageAlt":""}'></chapter-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":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.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/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop0018601500quality75extensionjpgid39.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop0018601500quality75extensionjpgid39.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop0018601500quality75extensionjpgid39.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop0018601500quality75extensionjpgid39.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/wtc_propellergatan_horisont_fasad-vy-2-5991resize20001500crop49019511463.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":"Fastigheter som sticker ut","Ingress":"Strategiskt placerade med modern arkitektur","Content":"En sak som utmärker World Trade Centers fastigheter är den spännande och moderna arkitekturen som bidrar till att stärka ert företags varumärke. Dessutom ligger de på bra lägen med mycket av den service du behöver på bekvämt avstånd, som parkering, hotell, restauranger och kommunikationer."},"Link":{"Text":"Läs mer","AdditionalLinkText":"Om våra fastigheter","Target":null,"Url":"/fastigheter-och-lokaler/vara-fastigheter/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div></div><building-blocks :model='{"filters":["Alla städer","Malmö","Lund","Helsingborg"],"buildings":[{"Key":27658512,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":60076272,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","ImageUrl":"/siteassets/buildings/illustration-propellergatan.svg"},{"Key":13017486,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"},{"Key":44385847,"PropertyName":"Hedvig Möllers gata 12","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-12/","ImageUrl":"/siteassets/buildings/illustration-lund.svg"},{"Key":317171,"PropertyName":"Hedvig Möllers gata 5","City":"Lund","Location":"Råbyholm","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/lund/hedvig-mollers-gata-5/","ImageUrl":"/siteassets/buildings/wtc_illustration_hedvid-mollers-gata-5-copy2.svg"},{"Key":59945434,"PropertyName":"Bröderna Pihls gata","City":"Helsingborg","Location":"Oceanhamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/broderna-phils-gata/","ImageUrl":"/siteassets/buildings/illustration-broderna-phils-gata.svg"},{"Key":55397909,"PropertyName":"Carl Krooks gata","City":"Helsingborg","Location":"Södra centrum","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/carl-krooks-gata/","ImageUrl":"/siteassets/buildings/illustration-carl-krooks-gata.svg"}],"heading":"Vi har moderna lokaler i tre städer. "}'></building-blocks> <div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="bulletin grey"> <a href="/lediga-lokaler/"> <div> <p><strong>Malmö, Lund eller Helsingborg?</strong> Se alla lediga kontor i World Trade Center </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"><chapter-block :model='{"Id":"chapter-36682149","Theme":"orange","Heading":"Fler fastigheter och nya möjligheter","Eyebrow":"Nyproduktion ","Content":"Allt fler företag får upp ögonen för World Trade Centers unika kombination av flexibla lokaler, service utöver det vanliga och ett utvecklande affärsnätverk. Därför bygger vi nu fler fastigheter på strategiska lägen.","NavigateToTitle":"Navigera till: ","ImageUrl":"/siteassets/qbank/8879-5848crop305031202682resize25602201quality75extensionjpgid36.jpg","ImageAlt":""}'></chapter-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":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.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/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/midroc-22-mars---farmiddag_21-6149w600h600.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/midroc-22-mars---farmiddag_21-6149w600h600.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":"Var med från början","Ingress":null,"Content":"Även om våra kontorslokaler är anpassningsbara finns det givetvis större möjligheter att påverka utformning och materialval om du är med i tidigt skede. Just nu har vi planerade och pågående projekt som ger dig utrymme att ta företaget till en ny nivå."},"Link":{"Text":"Läs mer om ","AdditionalLinkText":"våra projekt","Target":null,"Url":"/fastigheter-och-lokaler/vara-fastigheter/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><chapter-block :model='{"Id":"chapter-60269815","Theme":"darkblue","Heading":"Lokaler för meningsfulla möten","Eyebrow":"Konferenslokaler ","Content":"World Trade Center erbjuder ett stort antal moderna, flexibla och välutrustade konferens- och möteslokaler i Malmö, Lund och Helsingborg. Oavsett om ni är fyra eller 100 personer har vi en mötesplats för er.","NavigateToTitle":"Navigera till:","ImageUrl":"/siteassets/qbank/c27a4167-redigera-5801resize1500999crop0-115001000quality75extensionjpgid36.jpg","ImageAlt":""}'></chapter-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":"Text","ReverseOrder":false,"Images":[{"Content":null,"Picture":"\u003cpicture class=\u0022ec-lazy-img\u0022 style=\u0022background-image:url(/siteassets/qbank/_z5a7346-redigera-6109w600h600.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/_z5a7346-redigera-6109w600h600.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/_z5a7346-redigera-6109w600h600.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/_z5a7346-redigera-6109w600h600.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/_z5a7346-redigera-6109w600h600.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":"All service finns på plats","Ingress":null,"Content":"Oavsett vilken konferens- eller möteslokal ni väljer är de välutrustade med modern fungerande teknik på plats. Vi kan även hjälpa er med det praktiska, som till exempel catering, planering och logistik före, under och efter konferensen."},"Link":{"Text":"Läs mer om ","AdditionalLinkText":"möteslokaler","Target":null,"Url":"/fastigheter-och-lokaler/konferenslokaler/"},"Quote":{"QuotePropertyName":null,"QuotePersonName":null,"QuotePersonCompany":null,"QuoteCity":null,"QuoteText":null}}'></text-images> </div></div></div><div class="article-carousel-wrapper"> <div class="container-fluid"> <article-carousel :model='{"Heading":"Aktuellt på World Trade Center","Eyebrow":"Nyheter \u0026 evenemang","Links":[{"Href":"/om-wtc/nyheter/","Target":null,"Title":null,"Text":"Se alla nyheter"},{"Href":"/varfor-wtc/klubb/evenemang/","Target":null,"Title":null,"Text":"Se alla evenemang"},{"Href":"https://www.wtcmalmo.se/magasinet/","Target":null,"Title":null,"Text":"Läs artiklar i Magasinet"}],"Articles":[{"Key":"687ca23f-cafd-432c-af91-d2dacc663204","Eyebrow":"Nyhet","Heading":"Se fasaden monteras på Propellergatan","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/skarmklipp-fasaden-2-6162resize1229811crop981041131707autoorientbackground23ffffffquality80stripextensionjpgid14.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet3/","Target":null,"Text":"Se filmen"},{"Key":"5ca12a3e-c843-400a-8f82-0e91cca19595","Eyebrow":"Nyhet","Heading":"Våningen \u0026 Villan ny hyresgäst i fastigheten på Propellergatan","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/vaningen-och-villan-1024x575-5953resize1024575crop001024575quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet2/","Target":null,"Text":"Läs nyheten"},{"Key":"147fd71e-46d1-46b5-a3c4-98d95f7cae73","Eyebrow":"Nyhet","Heading":"Logtrade stannar kvar inom World Trade Center ","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/midroc-22-mars---eftermiddag_27-6014crop783940993282resize25602050quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/testnyhet/","Target":null,"Text":"Läs nyheten"},{"Key":"96534d0c-d4b8-4772-8099-c3eb106f007a","Eyebrow":"Nyhet","Heading":"Ny läsning från World Trade Center Magasinet","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/2018_28_pontus_bodelsson-6194resize19201280crop0019201280quality75extensionjpgid38.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet---pontus-bodelsson-artikel/","Target":null,"Text":"Läs artikeln"}]}'></article-carousel> </div> </div> </main> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/siteassets/logotyper-svg-nya/wtc_logo-alla-svart.svg" /> </a> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column" v-for="menu in menusWithChildren" :key="menu.Key"> <h4 v-if="menu.Url"><a :href="menu.Url">{{ menu.Text }}</a></h4> <h4 v-else>{{ menu.Text }}</h4> <ul v-if="menu.Items.length > 0"> <li v-for="item in menu.Items" :key="item.Key"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li v-for="subItem in item.Items" :key="subItem.Key"><a :href="subItem.Url">{{subItem.Text}}</a></li> </ul> </li> </ul> </div> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column contact-column"> <h4>Kontakt</h4> <div class="contact-info-container"> <div class="contact-info"> <div> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </div> <div class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </div> <div class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </div> </div> <div class="member-of-midroc-image"> <img src="/siteassets/qbank/member_of_midroc-logo-vit-5956.png" /> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/om-wtc/">Gå vidare till: Om Oss <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="11916" 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 style="fill: none;" 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 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> </ul> </li> <li v-else class="dropdown-nav-item nav-item" :class="{'has-child-menu' : menu.Items.length > 0, 'is-expanded' : expanded, selected: isSelected(menu, true)}" v-show="breakpoint > -1 && breakpoint < index"> <a v-if="menu.Items.length > 0" class="nav-link" href="#" @click.stop.prevent="toggleExpand" @keydown.esc="expanded = false">{{ menu.Text }}</a> <a v-else class="nav-link" :href="menu.Url">{{ menu.Text }}</a> <ul v-if="menu.Items.length > 0" class="dropdown-menu-holder sub-sub-menu"> <li class="dropdown-sub-nav-item" v-for="item in menu.Items" :key="'dropdown-' + item.Key" :class="{selected: isSelected(item, true)}"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li class="dropdown-sub-sub-nav-item" v-for="subItem in item.Items" :key="'dropdown-' + subItem.Key" :class="{selected: isSelected(subItem, true)}"> <a :href="subItem.Url">{{ subItem.Text }}</a> </li> </ul> </li> </ul> </li> </script> <script type="text/x-template" id="ia-modal-template"> <span> <a href="#" :class="attrs" @click.prevent="showModal = true" :title="title"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal-mask modal" :class="{'ia-modal-mask-startpage':startpage}" ref="modal"> <div class="modal-dialog" :class="{'modal-lg': isPropertyOrObject }"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title" v-html="ia.pageHeader"></h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div :class="{'col-md-8 col-sm-12 order-last order-md-first' : isPropertyOrObject, 'col-12': !isPropertyOrObject }"> <form @submit.prevent="post" class="needs-validation" novalidate> <template v-if="ia.dialogType == 'project-follow'"> <div v-html="ia.title"></div> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe"> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left"> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right"> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe"> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="text" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.phone.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.conferencePeopleCount"></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.conferenceWTCMember" 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> <a href="#" @click.prevent="showModal = true"><slot></slot></a> <transition name="modal" v-if="showModal"> <div class="ia-modal-mask modal" ref="modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header ia-modal-header"> <slot name="header"> <h5 class="modal-title">{{ find.pageHeader }}</h5> <a href="#" class="ia-modal-close" aria-label="CLOSE" data-dismiss="modal" @click.stop.prevent="showModal = false"> <span aria-hidden="true">×</span> </a> </slot> </div> <div class="modal-body ia-modal-body"> <slot name="body"> <div class="container"> <div class="row"> <div class="col-12"> <div v-if="!find.errorMessage"> <p v-html="find.title"></p> <form @submit.prevent="post"> <div class="object-search-sliders" style="margin-bottom:1.5rem"> <div class="object-search-sliders-tabs"> <div class="object-search-sliders-tab tab-area" :class="{'is-current': sliderState == 'area'}" @click.prevent="sliderState = 'area'"> <span>Lokalyta</span> </div> <div class="object-search-sliders-tab tab-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'"> <span>Personalstorlek (st)</span> </div> </div> <div class="object-search-slider"> <span class="object-search-slider-area" v-show="sliderState == 'area'"> <custom-range-slider v-if="find.fromArea < find.toArea" style="margin: 3rem 0;" :min="find.fromArea" :max="find.toArea" :step="1" :value="[find.selectedAreaFrom, find.selectedAreaTo]" @change="updateSlider" ref="space"></custom-range-slider> <div v-else> Flexibelt </div> </span> <span class="object-search-slider-people" v-show="sliderState == 'people'"> <custom-range-slider v-if="find.fromPeople < find.toPeople" style="margin: 3rem 0;" :min="find.fromPeople" :max="find.toPeople" :step="1" :value="[find.selectedPeopleFrom, find.selectedPeopleTo]" @change="updateSlider" ref="people"></custom-range-slider> <div v-else> Flexibelt </div> </span> </div> </div> <div class="form-footer ia-modal-footer"> <button class="btn ia-modal-btn ia-modal-send text-center" type="submit"> <img v-show="loading" src="/Areas/WTC/Content/img/time.svg" class="ia-modal-send-img ia-modal-sending"> {{ find.buttonText }} </button> </div> </form> </div> <div v-else class="error-summary-group"> <ul class="error-summary"> <li> {{ find.errorMessage }} </li> </ul> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="start-page-menu-left-template"> <div class="nav-branding-container"> <div class="top-branding"> <div class="frontpage-logo"> <img :src="model.HeaderLogo" /> </div> <div class="frontpage-menu-mobile d-flex d-md-none"> <div class="frontpage-menu-mobile-holder"> <transition name="start-page-menu"> <a class="McButton" :class="{'active': expanded}" data="hamburger-menu" @click.prevent="expanded = !expanded"> <i ref="bar1"></i> <i ref="bar2"></i> <i ref="bar3"></i> </a> </transition> </div> <div class="frontpage-menu-mobile-search"> <a href="/sok/"> <img src="/Areas/WTC/Content/img/ikon-sok.svg" /> </a> </div> </div> </div> <span style="position: fixed;left: 0; top: 0; right: 0; bottom: 0; z-index: 1;" v-if="expanded" @click="expanded = false" @keydown.esc="expanded = false"></span> <nav id="site-nav" class="mobile-front-navigation" v-if="expanded"> <div class="nav-wrapper"> <div class="branding-nav-wtc"> <div class="sweet-nav-wtc priority-nav-wtc"> <top-menu :menus="menus" :startpage="true"></top-menu> <ul class="nav navbar-nav navbar-right"> <li id="ia" class="nav-item-right nav-right navbar-cta cta-1"> <ia-modal url="/api/wtc/ia" page-id="11916" 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 style="fill:none" 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> </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="expanded = !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=ulrKai5QbIlN6NXUArLI6HxZvgl17km6wh3KYHZSWFg1"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/javascript" src="https://dl.episerver.net/13.2.2/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/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="testimonials-block"> <div class="testimonials-wrapper"> <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="currentIndex = 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"> Vue.component("testimonials-block", { props: ['model'], template: '#testimonials-block', data: function () { return { currentIndex: -1 } }, mounted: function () { this.init(); }, methods: { init: function () { this.$nextTick(function () { var that = this; var count = !that.$refs.items ? 0 : that.$refs.items.length; that.currentIndex = 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.currentIndex = 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"); } } } }, watch: { currentIndex: function (value) { this.calc(value); } } }); </script> <script type="text/x-template" id="chapter-block"> <div class="chapter anchor" :id="model.Id" :class="model.Theme"> <div class="chapter-container"> <div class="chapter-row"> <div class="chapter-left col-sm-12 col-lg-5 col-xl-3 offset-xl-1"> <h4>{{ model.Eyebrow }}</h4> <h2>{{ model.Heading }}</h2> <p>{{ model.Content }}</p> </div> <div class="chapter-right col-sm-12 col-lg-6 offset-lg-1 col-xl-7 offset-xl-1"> <img class="object-fit" v-if="model.ImageUrl" :src="imageResizer(model.ImageUrl).height(720).scale('both').crop()" :alt="model.ImageAlt"> </div> <div class="chapter-nav" v-if="chapters.length > 1"> <div class="chapter-nav-holder col-xl-7 offset-xl-1"> <div>{{model.NavigateToTitle}}</div> <div v-if="chapter.model.Id != model.Id" class="chapter-item" v-for="chapter in chapters" :key="chapter.model.Id"> <a :href="'#' + chapter.model.Id" v-smooth-scroll> <h4>{{ chapter.model.Eyebrow }}</h4> <h2>{{ chapter.model.Heading }}</h2> </a> </div> <div v-else class="chapter-item selected"> <h4>{{ chapter.model.Eyebrow }}</h4> <h2>{{ chapter.model.Heading }}</h2> </div> </div> </div> </div> </div> </div> </script> <script src="https://unpkg.com/vue-smooth-scroll@1.0.11"></script> <script type="text/javascript"> Vue.use(VueSmoothScroll) Vue.component("chapter-block", { props: ['model'], data: function () { return { isChapter: true, chapters: [] } }, template: "#chapter-block", mounted: function () { this.chapters = this.$root.$children.filter(function (child) { return child.isChapter; }); } }); </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="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="article-carousel"> <div class="row article-carousel"> <div class="col-md-4 col-lg-3 article-carousel-left"> <h4>{{ model.Eyebrow }}</h4> <h2>{{ model.Heading }}</h2> <div class="article-carousel-links" v-for="link in model.Links" :key="link.Href"> <div class="article-carousel-link"> <a :href="link.Href" :target="link.Target" class="read-more with-arrow"><span class="read-more-text">{{ link.Text }}</span></a> </div> </div> </div> <div class="col-md-8 col-lg-9 slideshow article-carousel-right"> <div class="slideshow-items article-carousel-items" v-if="model.Articles.length > 0" ref="scrollElm"> <div class="col-md-5 article-carousel-item-wrapper" v-for="(article, index) in filteredArticles" :key="article.Key" ref="articles"> <div class="slideshow-item article-carousel-item"> <a :href="article.Url" :target="article.Target" :key="article.Key"> <div class="article-carousel-image" v-if="article.ImageUrl"> <img :src="imageResizer(article.ImageUrl).width(560).height(447).scale('both').crop()" :alt="article.ImageAlt" /> </div> <div class="article-carousel-content"> <div class="article-carousel-content-heading"> <h4 v-if="article.Eyebrow">{{ article.Eyebrow }}</h4> <h3 v-if="article.Heading">{{ article.Heading }}</h3> </div> <div class="article-carousel-eventinfo" v-if="article.Date || article.Price"> <dl> <dt v-if="article.Date">Datum</dt> <dd v-if="article.Date">{{ article.Date }}</dd> <dt v-if="article.Price">Pris</dt> <dd v-if="article.Price">{{ article.Price }}</dd> </dl> </div> <div class="fake-link"><p class="read-more with-arrow"><span class="read-more-text">{{article.Text}}</span></p></div> </div> </a> </div> </div> </div> <div class="slideshow-navigation article-carousel-navigation" v-if="model.Articles.length > 2"> <div class="slideshow-navigation-prev" @click.prevent="imageIndex--">Prev</div> <div class="slideshow-navigation-next" @click.prevent="imageIndex++">Next</div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("article-carousel", { props: ['model'], data: function () { return { imageIndex: 0 } }, template: "#article-carousel", methods: { resize: function () { this.imageIndex = 0; } }, computed: { filteredArticles: function () { var articles = this.model.Articles; var index = this.imageIndex; if (this.$refs.scrollElm && this.$refs.articles && this.$refs.articles.length) { if (index > articles.length - 2) { this.imageIndex = index = 0; } else if (index < 0) { this.imageIndex = index = articles.length - 2; } var scrollWidth = this.$refs.articles.slice(0, index).reduce(function (acc, article) { return acc + article.offsetWidth }, 0); this.$refs.scrollElm.scrollLeft = scrollWidth; } return articles; } } }); </script> <script type="text/javascript"> window.PageEditing = { PageIsInEditMode:false }; (function () { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = '//maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyCHHj_hXSbYvU8sn9e5vcZCjTa-zg5pGPE&callback=google_maps_initialize&language=sv-SE&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue([{"Level":1,"Key":"11839","Text":"Varför WTC","Description":"Vad är det som gör det så speciellt med World Trade Center?","Url":"/varfor-wtc/","Items":[{"Level":2,"Key":"11903","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"11904","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"12003","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"12058","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokaler/","Items":[]},{"Level":3,"Key":"11906","Text":"Aktivitetsbaserad kontorsmiljö","Description":"","Url":"/varfor-wtc/kontor/aktivitetsbaserade-kontor/","Items":[]}]},{"Level":2,"Key":"11912","Text":"Service","Description":"","Url":"/varfor-wtc/service/","Items":[{"Level":3,"Key":"12169","Text":"Medlemsförmåner","Description":"","Url":"/varfor-wtc/service/medlemsformaner/","Items":[]},{"Level":3,"Key":"19346","Text":"Konferenslokaler","Description":"","Url":"/link/796d8d380d0d4095a0192eec96a2b161.aspx","Items":[]}]},{"Level":2,"Key":"11911","Text":"Klubb","Description":"","Url":"/varfor-wtc/klubb/","Items":[{"Level":3,"Key":"12149","Text":"Medlemmar","Description":"","Url":"/varfor-wtc/klubb/medlemmar/","Items":[]},{"Level":3,"Key":"12199","Text":"Evenemang","Description":"","Url":"/varfor-wtc/klubb/evenemang/","Items":[]},{"Level":3,"Key":"20122","Text":"Magasinet","Description":"","Url":"/varfor-wtc/klubb/magasinet/","Items":[]}]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Midroc?","Url":"/om-wtc/","Items":[{"Level":2,"Key":"12622","Text":"World Trade Center Association","Description":"","Url":"/om-wtc/world-trade-center-association/","Items":[{"Level":3,"Key":"13408","Text":"About us","Description":"","Url":"/om-wtc/world-trade-center-association/about-us/","Items":[]}]},{"Level":2,"Key":"12646","Text":"Midroc Properties","Description":"","Url":"/om-wtc/midroc-properties/","Items":[{"Level":3,"Key":"12722","Text":"Jobba hos oss","Description":"","Url":"/om-wtc/midroc-properties/jobba-hos-oss/","Items":[]},{"Level":3,"Key":"12697","Text":"Press \u0026 media","Description":"","Url":"/om-wtc/midroc-properties/press-och-media/","Items":[]},{"Level":3,"Key":"12672","Text":"Hållbarhet","Description":"","Url":"/om-wtc/midroc-properties/hallbarhet/","Items":[]}]},{"Level":2,"Key":"15506","Text":"Nyheter","Description":"","Url":"/om-wtc/nyheter/","Items":[]},{"Level":2,"Key":"13456","Text":"Kontakta oss","Description":"","Url":"/om-wtc/kontakta-oss/","Items":[]}]},{"Level":1,"Key":"11935","Text":"För hyresgäster","Description":null,"Url":"/for-hyresgaster/","Items":[]}], '11916', 'Ta bort alla favoriter?'); </script> </body> </html>