<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="11903" 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> <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> Kontor </h4> <h1> Flexibla kontor med plats för tillväxt </h1> <div class="intro-block-content offset-xxl-1"> <div class="intro-block-ingress"> Vi har lokaler för både enmansföretag och stora koncerner. Beroende på verksamhetens storlek och behov kan du välja en postbox, coworking, kontorshotell eller traditionella kontorslokaler. </div> <p> </p> </div> </div> <div class="intro-block-addon-holder col-xs-12 col-md-7 col-lg-7 col-xl-7 offset-lg-1"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.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/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1120&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=2240&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=700&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7434-redigera-6111crop022061404077resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75" alt=""> </script> </picture> </div> </div> </div> </div></div></div> <div class="product-shelf-wrapper"> <div class="product-shelf-items"> <div class="container-fluid"><div class="row"><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=320&height=320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=640&height=640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7248-redigera-6104crop58754449993214resize25601646quality75extensionjpgid44.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7248-redigera-6104crop58754449993214resize25601646quality75extensionjpgid44.jpg?width=1536&height=1024&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7248-redigera-6104crop58754449993214resize25601646quality75extensionjpgid44.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7248-redigera-6104crop58754449993214resize25601646quality75extensionjpgid44.jpg?width=1152&height=768&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7225-redigera-6102resize66044403crop187959240883274.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Coworking </h3> <p>Ej bokningsbar arbetsplats i en öppen aktivitetsbaserad kontorsyta </p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>1</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>1- ca 400</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Bemannad reception</li> <li>Kostnadsfria och rabatterade mötesrum</li> <li>Wi-fi</li> <li>Tysta rum och bibliotek</li> <li>Förvaringsskåp</li> <li>Möjlighet att även sitta på annan ort (Malmö, Lund och Helsingborg)</li> </ul> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Månadsabonnemang</p> </div> </div> <a class="wtc-btn black" href="https://www.youtube.com/watch?v=gsYiSTxJbdU" target="_blank"><span>Se filmen om våra coworking kontor</span></a> </div> </div> </div></div><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=320&height=320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=640&height=640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=1536&height=1024&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=1152&height=768&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7060-redigera-redigera-6089resize41836275crop0041836275quality75quality75extensionjpgid37.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Kontorshotell </h3> <p>Eget kontorsrum för 1–8 personer </p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>1-8</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>10-60</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Bemannad reception</li> <li>Fasta arbetsplatser i eget rum </li> <li>Tillgång till gemensamma ytor</li> <li>Kostnadsfria och rabatterade mötesrum</li> <li>Förberett för bredband/telefoni</li> <li>Möjlighet att även sitta på annan ort (Malmö, Lund och Helsingborg)</li> </ul> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Flexibla avtalslängder</p> </div> </div> <a class="wtc-btn black" href="https://www.youtube.com/watch?v=anZTykvIkVI" target="_blank"><span>Se filmen om våra kontorshotell</span></a> </div> </div> </div></div><div class="col-md-3"> <div class="product-shelf-item"> <div class="product-shelf-base-info"> <div class="product-shelf-image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=60&format=png&colors=16&dither=true); padding-bottom:100%;"> <script type="text/template"> <!--[if IE 9]><video style="display: none; "><![endif]--> <source srcset="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=320&height=320&mode=crop&format=jpg&quality=75, /siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=640&height=640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=1536&height=1024&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=1152&height=768&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/kontorslandskap-5858resize25001667crop9756020331107quality75quality75extensionjpgid37.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Kontorslokaler </h3> <p>Verksamhetsanpassade kontorslokaler för hela företaget</p> <div class="info"> <p class="info-persons"> <span class="info-icon"><svg class="product-shelf-people" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 21"><defs></defs><g id="user" transform="translate(-2 -1.5)"><g id="user-2" data-name="user"><path id="shape" style="fill:#fff;" d="M12,13.5a6,6,0,1,1,6-6A6,6,0,0,1,12,13.5Zm0-2a4,4,0,1,0-4-4A4,4,0,0,0,12,11.5Zm-10,9v-2a4,4,0,0,1,4-4H18a4,4,0,0,1,4,4v2a2,2,0,0,1-2,2H4A2,2,0,0,1,2,20.5Zm2,0H20v-2a2,2,0,0,0-2-2H6a2,2,0,0,0-2,2Z" /></g></g></svg></span> <em>9 +</em> <span>pers</span> </p> <p class="info-size"> <span class="info-icon"><svg class="product-shelf-size" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 21.006 21.001"><defs></defs><g id="ruler" transform="translate(-1.497 -1.5)"><path id="shape" style="fill:#fff;" d="M18.5,16.529V18.5a1,1,0,1,1-2,0V16.521L14,16.513V18.5a1,1,0,1,1-2,0V16.507L9.5,16.5v2a1,1,0,0,1-2,0v-2h-2a1,1,0,0,1,0-2h2V12h-2a1,1,0,0,1,0-2h2V7.625H5.316a1,1,0,1,1,0-2H7.5V3.5h-4v17h17l0-3.957S19.832,16.534,18.5,16.529ZM17.464,14.5H20.5a2,2,0,0,1,2,1.939q0,.02.006,4.059a2,2,0,0,1-2,2H3.5a2,2,0,0,1-2-2V3.5a2,2,0,0,1,2-2h4a2,2,0,0,1,2,2v7.429q0,.035,0,.071t0,.071V14.5h7.967Z"/></g></svg></span> <em>70 +</em> <span>kvm</span> </p> </div> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Bemannad reception</li> <li>Tillgång till gemensamma konferenslokaler</li> <li>Förberett för bredband/telefoni</li> <li>Möjlighet till helt individuell utformning av lokalen </li> </ul> <div class="product-shelf-extra-info"> <div class="product-shelf-extra-info-1"> <h4>Avtalslängd</h4> <p>Enligt avtal</p> </div> </div> <a class="wtc-btn black" href="https://www.youtube.com/watch?v=m0by8htuqdU" target="_blank"><span>Se filmen om våra kontor</span></a> </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="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>Är du redo att ta företaget till en ny nivå? </p> </h2> </div> <div class="col-md-6"> <p> 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 hjälper dig att ta ditt företag till en ny nivå. </p> <a href="/lediga-lokaler/"> <div class="read-more with-arrow"> <span class="read-more-text">Hitta din nya kontorslokal </span> </div> </a> </div> </div> </div> </div> </div></div><div class="row"><div class="col-md-20 col-sm-12"> <script type="text/javascript"> $(function () { $(".bootstrapSpacerBlock").each(function () { var $this = $(this); var row = $this.closest(".row"); $this.css("height", row.innerHeight()); }); }); </script> </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/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.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/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7143-redigera-redigera-6095crop163490018233236resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7143-redigera-redigera-6095crop163490018233236resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7143-redigera-redigera-6095crop163490018233236resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7143-redigera-redigera-6095crop163490018233236resize14422560quality75extensionjpgid43.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/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.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/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.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/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop39869726941992resize161119.39186806822953?width=69&height=119&mode=crop&format=jpg&quality=75" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop39869726941992resize161119.39186806822953?width=69&height=119&mode=crop&format=jpg&quality=75" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.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>Reception</h2> <h3>Professionellt bemötande</h3> <div class="features-item-content-description"> <p>Vår bemannade reception stärker ditt varumärke En av fördelarna med World Trade Center är att du får tillgång till en personlig bemannad reception som hjälper dig med allt från att ta emot kunder till posthantering och resebokningar. </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/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.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-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop375023854233resize14422559quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop375023854233resize14422559quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a0552-5740crop375023854233resize14422559quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a0552-5740crop375023854233resize14422559quality75extensionjpgid43.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-5740crop0110250822184resize25601100quality75extensionjpgid34.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>Konferens</h2> <h3>Vi sköter din konferens</h3> <div class="features-item-content-description"> <p>Som hyresgäst har du både lokaler och logistik på plats På World Trade Center har du erfaren personal till hands för att planera och genomföra professionella konferenser. Dessutom har du tillgång till passande lokaler i våra fastigheter, nästan oavsett storlek på ditt event. </p> <a href="/fastigheter-och-lokaler/konferenslokaler/" 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 img-padding features-item-image" style="background-image:url(/siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.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_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=2559&height=1018&mode=crop" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop, /siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop, /siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/img_1739-6174crop430015512753resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop, /siteassets/qbank/img_1739-6174crop430015512753resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/img_1739-6174crop430015512753resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop, /siteassets/qbank/img_1739-6174crop430015512753resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/img_1739-6174crop0124835041506resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Förvaltning</h2> <h3>Alltid hjälp på plats</h3> <div class="features-item-content-description"> <p>Vår aktiva personliga förvaltning gör skillnad för dig För oss är det viktigt med närvaro, service och proaktivitet – det är något vi märkt är väldigt uppskattat av våra hyresgäster. Vi arbetar aktivt med att se till att du är nöjd och att allt fungerar. Allt för att du ska kunna fokusera på din kärnverksamhet och känna dig trygg i att eventuella problem och önskemål hanteras direkt. </p> <a href="/for-hyresgaster/" 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="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/david_brinnen_171002-263835210d02e4a4c39cf4a40bcd8acbd58c.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> Vi vill växa sunt och dynamiskt i en hållbar miljö </h2> <div class="text-box-body"> Tycker du precis som David Brinnen på Energy Machines att det är viktigt med en hälsosam arbetsmiljö?  <a href="/varfor-wtc/kontor/kontorslokaler/" class="read-more with-arrow"><span class="read-more-text">Läs mer om våra kontorslokaler</span></a> </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/_z5a7565-redigera-6116crop095142243630resize25602200quality75extensionjpgid36.jpg" alt=""> </picture> <div class="link-module-text-box col-xs-12 col-lg-9"> <div class="text-box-container grey"> <h2> World Trade Center har varit en viktigt del för vår tillväxt det senaste året. </h2> <div class="text-box-body"> Vi har med enkelhet kunnat hålla intervjuer, genomföra kundmöten och växla till större kontor när vårt start-kontor blev för trångt. Arbetsmiljön som erbjuds är dynamisk, livlig och stillsam på samma gång. Tim Åkesson, Skymill <a href="/varfor-wtc/kontor/coworking/" class="read-more with-arrow"><span class="read-more-text">Läs mer om fördelarna med att sitta i ett coworking kontor</span></a> </div> </div> </div> </div></div><div class="row"><div class="col-md-6 col-sm-12"><div class="text-center button-block-button"> <ia-modal url="/api/wtc/ia" page-id="11903" attrs="wtc-btn darkblue" dialog-type="auto"><span>Nyfiken på World Trade Center? Gör en intresseanmälan så kontaktar vi dig.</span></ia-modal> </div> </div><div class="col-md-6 col-sm-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 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/img_1779-6209crop081538981675resize25601100quality75extensionjpgid34.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_1779-6209crop081538981675resize25601100quality75extensionjpgid34.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/img_1779-6209crop081538981675resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1779-6209crop081538981675resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/img_1779-6209crop081538981675resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1779-6209crop081538981675resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/img_1779-6209crop236319214432562resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1779-6209crop236319214432562resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/img_1779-6209crop236319214432562resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/img_1779-6209crop236319214432562resize14422560quality75extensionjpgid43.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_1779-6209crop081538981675resize25601100quality75extensionjpgid34.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 img-padding features-item-image" style="background-image:url(/siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.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/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=2048&height=815&mode=crop" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=1200&height=477&mode=crop, /siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=2048&height=815&mode=crop 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=992&height=395&mode=crop, /siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=1984&height=789&mode=crop 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/wtc_propellergatan_trappa_160908_final-3324resize56163744crop2125103514432687.jpg?width=768&height=1320&mode=crop, /siteassets/qbank/wtc_propellergatan_trappa_160908_final-3324resize56163744crop2125103514432687.jpg?width=1443&height=2480&mode=crop 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/wtc_propellergatan_trappa_160908_final-3324resize56163744crop2125103514432687.jpg?width=576&height=990&mode=crop, /siteassets/qbank/wtc_propellergatan_trappa_160908_final-3324resize56163744crop2125103514432687.jpg?width=1152&height=1980&mode=crop 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/2_preview.jpeg-3378resize20481365crop013320481100.jpg?width=992&height=395&mode=crop" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Malmö</h2> <h3>Havsnära i Västra hamnen </h3> <div class="features-item-content-description"> <p>Perfekt läge vid Öresund, med restauranger och affärer utanför dörren. World Trade Center Malmö ligger i den västra delen av Västra Hamnen, nära vattnet och Ribersborg och med bara 10 minuters promenad till Malmö city. Du tar dig enkelt hit via buss, bil, cykel eller genom att promenera. Flera busslinjer med täta turer trafikerar Västra Hamnen och det finns drygt 200 parkeringsplatser inom fastigheterna.   </p> <a href="/fastigheter-och-lokaler/vara-fastigheter/malmo/omradet-vastra-hamnen/" class="read-more with-arrow"><span class="read-more-text">Läs mer om Västra Hamnen</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img features-item-image" style="background-image:url(/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.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/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=2560&height=1018&mode=crop&format=jpg&quality=75, /siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=2574&height=1024&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=1200&height=477&mode=crop&format=jpg&quality=75, /siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=2400&height=955&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=992&height=395&mode=crop&format=jpg&quality=75, /siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.jpg?width=1984&height=789&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330crop132154414412559resize14422561.7758501040944?width=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330crop132154414412559resize14422561.7758501040944?width=1441&height=2477&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330crop132154414412559resize14422561.7758501040944?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330crop132154414412559resize14422561.7758501040944?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/wtc-centrumhuset-visionsbild-framsida-4330resize50005000crop515195625741647.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>Lund</h2> <h3>Strategiskt läge i södra city</h3> <div class="features-item-content-description"> <p>Moderna kontor nära både kommunikationer och parkområden. World Trade Center Lund är strategiskt placerat, mitt i den expansiva Öresundsregionen, strax intill Råby trafikplats vid E22. Här finns goda parkeringsmöjligheter och du når centrala Lund på åtta minuter med cykel. Dessutom har du nära till Malmö, Malmö Airport, Köpenhamn och Copenhagen Airport.  </p> <a href="/fastigheter-och-lokaler/vara-fastigheter/lund/omradet-rabyholm/" class="read-more with-arrow"><span class="read-more-text">Läs mer om Råbyholm i södra Lund</span></a> </div> </div> </div> </div> <div class="features-item"> <picture class="ec-lazy-img img-padding features-item-image" style="background-image:url(/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.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/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=2559&height=1018&mode=crop" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=1200&height=477&mode=crop, /siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=2400&height=955&mode=crop 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop, /siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=1984&height=789&mode=crop 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop2986018143221resize14422560quality75extensionjpgid43.jpg?width=768&height=1320&mode=crop, /siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop2986018143221resize14422560quality75extensionjpgid43.jpg?width=1442&height=2478&mode=crop 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop2986018143221resize14422560quality75extensionjpgid43.jpg?width=576&height=990&mode=crop, /siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop2986018143221resize14422560quality75extensionjpgid43.jpg?width=1152&height=1980&mode=crop 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/hbg_tingsratten_inzoomning_ny_buss_v3_sweco-6161crop029351842228resize25601100quality75extensionjpgid34.jpg?width=992&height=395&mode=crop" alt=""> </script> </picture> <div class="features-item-content"> <div class="features-item-content-inner"> <div class="features-item-toggler"></div> <h2>Helsingborg</h2> <h3>Coworking vid Centralen</h3> <div class="features-item-content-description"> <p>Inspirerande miljö i aktivitetsbaserat kontor med goda förbindelser. World Trade Center Helsingborg är en filial som ligger i samma byggnad som Radisson Blu Metropol Hotel på Carl Krooks gata 18 nära södra infarten från E4:an, Malmöleden och övriga kommunikationer. Här finns ett stort parkeringsgarage och den nya södra nedgången till Centralstationen med både pendlings- och fjärrtåg ligger precis runt hörnet!</p> <a href="/fastigheter-och-lokaler/vara-fastigheter/helsingborg/omradet-oceanhamnen/" class="read-more with-arrow"><span class="read-more-text">Läs även om Oceanhamnen</span></a> </div> </div> </div> </div> </div> </div> </div></div></div><building-blocks :model='{"filters":["Alla städer","Malmö","Lund","Helsingborg"],"buildings":[{"Key":44474863,"PropertyName":"Jungmansgatan","City":"Malmö","Location":"Västra hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/jungmansgatan/","ImageUrl":"/siteassets/buildings/illustration-jungmansgatan.svg"},{"Key":62040076,"PropertyName":"Propellergatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/propellergatan/","ImageUrl":"/siteassets/buildings/illustration-propellergatan.svg"},{"Key":59986393,"PropertyName":"Skeppsgatan","City":"Malmö","Location":"Västra Hamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/malmo/skeppsgatan/","ImageUrl":"/siteassets/buildings/illustration-skeppsgatan.svg"},{"Key":7481175,"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":12890244,"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":21788001,"PropertyName":"Bröderna Pihls gränd","City":"Helsingborg","Location":"Oceanhamnen","PropertyPageUrl":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/broderna-phils-grand/","ImageUrl":"/siteassets/buildings/illustration-broderna-phils-gata.svg"},{"Key":51838446,"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"><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">Fördelar med kontor i World Trade Center</h2> <div class="feature-icons"> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/lage.svg" alt=""> <h3>Läget</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/reception.svg" alt=""> <h3>Reception</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/restauranger.svg" alt=""> <h3>Restauranger</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/natverkande.svg" alt=""> <h3>Nätverkande</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/flexible-workspaces_icon.svg" alt=""> <h3>Flexibla arbetsplatser</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/moten.svg" alt=""> <h3>Möteslokaler</h3> <p></p> </div> <div class="feature-item"> <img src="/siteassets/icons/benefit-icons/skalbart.svg" alt=""> <h3>Skalbart</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/omkladningsrum.svg" alt=""> <h3>Dusch- och omklädningsrum</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"><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/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.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/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=2560\u0026format=jpg\u0026quality=75, /siteassets/qbank/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=5120\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 1200px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=1200\u0026format=jpg\u0026quality=75, /siteassets/qbank/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=2400\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 992px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=992\u0026format=jpg\u0026quality=75, /siteassets/qbank/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.jpg?width=1984\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 768px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/img_6753-5853crop1730035103744resize24002560quality75extensionjpgid41.jpg?width=768\u0026format=jpg\u0026quality=75, /siteassets/qbank/img_6753-5853crop1730035103744resize24002560quality75extensionjpgid41.jpg?width=1536\u0026format=jpg\u0026quality=40 2x\u0022 media=\u0022(min-width: 576px)\u0022\u003e\r\n \u003csource srcset=\u0022/siteassets/qbank/img_6753-5853crop1730035103744resize24002560quality75extensionjpgid41.jpg?width=576\u0026format=jpg\u0026quality=75, /siteassets/qbank/img_6753-5853crop1730035103744resize24002560quality75extensionjpgid41.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/img_6753-5853crop1002043573744resize25602200quality75extensionjpgid36.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":"Skräddarsy en produktiv kontorsmiljö","Ingress":"Allt fler företag rör sig från traditionella kontor till aktivitetsbaserade kontorsmiljöer.","Content":"Som hyresgäst har du alltid möjlighet att välja till aktivitetsbaserad kontorsmiljö, för att ta er arbetsmiljö till nästa nivå. Oavsett vilken stad eller World Trade Center fastighet du väljer. "},"Link":{"Text":"Läs mer om","AdditionalLinkText":"Aktivitetsbaserad arbetsmiljö","Target":null,"Url":"/varfor-wtc/kontor/aktivitetsbaserade-kontor/"},"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"},{"Href":"/varfor-wtc/klubb/medlemsbrev/","Target":null,"Title":null,"Text":"Våra medlemsbrev"}],"Articles":[{"Key":"983f598d-3d43-443b-9661-c8ac52b8dce6","Eyebrow":"Inspiration","Heading":"Öppna upp din egen superkraft med mindfulness","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/colourbox24234138-48635f16e0756c1eb9bcf9ee3b2d61e7054b.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/oppna-upp-superkraft/","Target":null,"Text":"Så här kommer du igång"},{"Key":"eb695dee-f63b-4a2b-840c-d8dfd4cf0904","Eyebrow":"World Trade Center Malmö","Heading":"Eget poddrum för våra hyresgäster ökar mervärdet","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/img_0964-4729bb57e3a32217f14940425d3550711953.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/nyhet---finsam-testar-poddrum/","Target":null,"Text":"Läs mer "},{"Key":"fcaf0eea-39d9-4e29-b5fa-f605c34ff76b","Eyebrow":"Läs artikel i vårt Magasin","Heading":"Sju goda vanor för självledarskap med framgång","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/anneth-dyberg_magasinet-479119ab28078ccdc422dcdbd1233fb91cb6.jpg","ImageAlt":"","Url":"https://magasinet.wtcmalmolundhelsingborg.se/sju-goda-vanor-for-sjalvledarskap-med-framgang/2028800","Target":null,"Text":"Läs mer"},{"Key":"525cc74b-7954-474a-8b87-b93f143c2ba8","Eyebrow":"World Trade Center Helsingborg","Heading":"Stort tekniksprång när den digitala staden blir verklighet på H22 i Helsingborg","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/mp_kontor_99493_wtc-oceanhamnen_exterior_fran-havet-4164cdbfb8833ea24a536cf4ce0b9ebff14e.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/testnyhet3/","Target":null,"Text":"Läs mer"},{"Key":"523bce90-d4ab-41c7-ae56-961c00b39740","Eyebrow":"World Trade Center Helsingborg","Heading":"Melitta Nordic AB flyttar till Oceanhamnen i Helsingborg","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/mp_kontor_99493_wtc-oceanhamnen_broderna-pihls-grand_sydvvastbild_utan_batar2-3834crop68614125652054resize25602050quality75extensionjpgid37.jpg","ImageAlt":"","Url":"/om-wtc/nyheter/testnyhet/","Target":null,"Text":"Läs mer"},{"Key":"7ecdbf00-dace-4f99-a94d-fb33d9765d68","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":"40d57067-5dcb-4742-beb9-532f105e6474","Eyebrow":"World Trade Center Malmö","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"}]}'></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 class="language-switcher" v-if="$root.languages.length > 1"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column" v-for="menu in menusWithChildren" :key="menu.Key"> <h4 v-if="menu.Url"><a :href="menu.Url">{{ menu.Text }}</a></h4> <h4 v-else>{{ menu.Text }}</h4> <ul v-if="menu.Items.length > 0"> <li v-for="item in menu.Items" :key="item.Key"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li v-for="subItem in item.Items" :key="subItem.Key"><a :href="subItem.Url">{{subItem.Text}}</a></li> </ul> </li> </ul> </div> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column contact-column"> <h4>Kontakt</h4> <div class="contact-info-container"> <div class="contact-info"> <div> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </div> <div class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </div> <div class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </div> </div> <div class="member-of-midroc-image"> <img src="/siteassets/qbank/member_of_midroc-logo-vit-5956.png" /> </div> </div> </div> </div> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scrolla till toppen <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/varfor-wtc/service/">Gå vidare till: Service <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="11903" 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="11903" 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=gNNagdvulpXiin5qmViyyEp43_PiKPJjLf_LTVt8TjY1"></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.3.0/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")) { track('Feature image', 'Open', 'Features', title); $this.closest(".features-items").addClass("features-selected").find(".features-item").removeClass("feature-expanded"); $this.addClass("feature-expanded"); $this.closest(".features-items").addClass("features-selected"); } else { track('Feature image', 'Close', 'Features', title); $this.removeClass("feature-expanded"); $this.closest(".features-items").removeClass("features-selected"); } } else { if (!$this.hasClass("feature-expanded")) { track('Feature image', 'Open', 'Features', title); $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".features-item").addClass("feature-collapsed"); $this.closest(".features-items").addClass("features-selected"); $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); $this.addClass("feature-expanded").removeClass("feature-collapsed"); }, 600); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.find(".features-item-details").fadeIn(500); }, 1200); } else { track('Feature image', 'Close', 'Features', title); $this.closest(".features-items").find(".features-item:not(.feature-collapsed)").find(".features-item-content-inner").fadeOut(300); $this.closest(".features-items").find(".features-item-details").fadeOut(500); setTimeout(function () { $this.closest(".features-items").find(".feature-expanded").removeClass("feature-expanded"); }, 500); setTimeout(function () { $this.closest(".features-items").find(".features-item-content-inner").fadeIn(500); $this.closest(".features-items").find(".features-item").removeClass("feature-collapsed"); }, 1000); } } }); }); </script> <script type="text/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </script> <script type="text/x-template" id="building-blocks"> <div class="container-fluid buildings" v-if="model.buildings && model.buildings.length > 0"> <h2 class="block-heading lightblue"> {{ model.heading }} </h2> <div class="row buildings-container" :class="{'no-filter': model.filters.length < 1 && filteredBuildings.length < 4}"> <div class="col-sm-6 offset-sm-3 col-lg-3 offset-lg-0 col-xl-2 buildings-filter" v-if="model.filters.length > 1" :class="{'is-expanded' : expanded}"> <div class="button" v-for="(f, index) in model.filters" :key="'filter-' + index" :class="{selected: filter == (index == 0 ? '' : f) }"> <button @click.prevent="toggleFilter(index, f)">{{f}}</button> </div> </div> <div class="col-sm-12 col-lg-9 offset-lg-0 col-xl-8 offset-xl-0 slideshow" :class="{'buildings-and-arrows': model.filters.length > 1}"> <div v-if="filteredCount > 4" class="scroll-buttons"> <button @click.prevent="imageIndex--" :disabled="imageIndex <= 0"><div class="caret left"></div></button> <button @click.prevent="imageIndex++" :disabled="imageIndex >= filteredCount - 4"><div class="caret right"></div></button> </div> <div class="buildings-list slideshow-items" ref="scrollElm"> <a :href="b.PropertyPageUrl" class="building slideshow-item" v-for="b in filteredBuildings" :key="b.Key" ref="buildings"> <div class="image" v-if="b.ImageUrl"> <picture> <img :src="b.ImageUrl" class="object-fit" /> </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="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="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 && 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 && 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":"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":"22526","Text":"Magasinet","Description":"","Url":"/varfor-wtc/magasinet/","Items":[]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Midroc?","Url":"/om-wtc/","Items":[{"Level":2,"Key":"12622","Text":"World Trade 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":[]}], '11903', 'Ta bort alla favoriter?', [{"name":"Svenska","url":"/","isCurrent":true},{"name":"English","url":"https://www.wtcmalmolundhelsingborg.com/","isCurrent":false}]); </script> </body> </html>