<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.5.2/epi-util/find.js"></script> <script type="text/javascript"> if(typeof FindApi === 'function'){var api = new FindApi();api.setApplicationUrl('/');api.setServiceApiBaseUrl('/find_v2/');api.processEventFromCurrentUri();api.bindWindowEvents();api.bindAClickEvent();api.sendBufferedEvents();} </script> <div id="app" v-cloak> <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" alt="" /> </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 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" alt="" /></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" alt="" /></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 reverse 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> Service </h4> <h1> Upplev service i världsklass </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Dina arbetsdagar blir smidigare och mer effektiva med vår högklassiga service. </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/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.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/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=930&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=700&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=579&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7346-redigera-6109crop011057383577resize25601596quality75extensionjpgid31.jpg?width=579&format=jpg&quality=75" alt=""> </script> </picture> </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"><text-block :model='{"imageUrl":"/siteassets/qbank/f9532736rf---original-556307_r-4536cfb35d87b28fb3e149e9e20cc08701ed.jpg","imageAlt":"","hasImage":true,"hasFacts":false,"hasContact":false,"hasLayout":true,"Wysiwyg":"\u003ch3\u003eUppt\u0026auml;ck v\u0026aring;rt gener\u0026ouml;sa utbud av service i toppklass\u003c/h3\u003e\n\u003cp\u003eH\u0026auml;r \u0026auml;r n\u0026aring;gra exempel p\u0026aring; vad v\u0026aring;ra hyresg\u0026auml;ster uppskattar allra mest:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eBemannad reception som tar hand om bes\u0026ouml;kare, post och leveranser.\u003c/li\u003e\n\u003cli\u003eProfessionell hj\u0026auml;lp med att arrangera konferenser och event i v\u0026aring;ra flexibla lokaler.\u003c/li\u003e\n\u003cli\u003eFrukosttr\u0026auml;ffar, seminarier och n\u0026auml;tverkande.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eSom hyresg\u0026auml;st hos oss blir du dessutom medlem i WTC Klubb, vilket ger dig massor av rabatter och f\u0026ouml;rm\u0026aring;ner som g\u0026ouml;r arbetsdagarna \u0026auml;nnu b\u0026auml;ttre! Beh\u0026ouml;ver ditt f\u0026ouml;retag n\u0026aring;got s\u0026auml;rskilt? Vi skr\u0026auml;ddarsyr g\u0026auml;rna ett paket med service som passar just dig och dina medarbetare.\u003c/p\u003e","Theme":"grey","FactsHeading":"Rätt service för rätt kontor","Facts":null,"ReadMoreText":"Read more","Contact":{"Heading":null,"Name":null,"Adress":null,"Email":null,"Phone":null,"Office":null}}'></text-block> </div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="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, /siteassets/qbank/_z5a7143-redigera-redigera-6095crop0100064022751resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" 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=1536&height=2640&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, /siteassets/qbank/_z5a7346-redigera-6109crop076757382466resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" 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=768&height=1320&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop39869726941992resize161119.39186806822953?width=1536&height=2640&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7346-redigera-6109crop39869726941992resize161119.39186806822953?width=576&height=990&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a7346-redigera-6109crop39869726941992resize161119.39186806822953?width=1152&height=1980&mode=crop&format=jpg&quality=40 2x" 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>Upplev hur vår bemannade reception stärker ditt varumärke. Hos World Trade Center hjälper vår kunniga personal dig att ta hand om besökare, post, leveranser, resebokningar och mycket annat.</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, /siteassets/qbank/_z5a0552-5740crop0110250822184resize25601100quality75extensionjpgid34.jpg?width=5120&height=2036&mode=crop&format=jpg&quality=40 2x" 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 finns erfaren personal till hands för att planera och genomföra framgångsrika konferenser. Dessutom har du tillgång till passande lokaler i våra fastigheter, nästan oavsett hur stort ditt event är. </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/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.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/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.jpg?width=2400&height=955&mode=crop" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.jpg?width=1200&height=477&mode=crop, /siteassets/qbank/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.jpg?width=2400&height=955&mode=crop 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.jpg?width=992&height=395&mode=crop, /siteassets/qbank/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.jpg?width=1984&height=789&mode=crop 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/granitor-passersystem-3-61193427bfeb2fea1e0235026bde167f1fed.jpg?width=582&height=1000&mode=crop" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/granitor-passersystem-3-61193427bfeb2fea1e0235026bde167f1fed.jpg?width=576&height=990&mode=crop, /siteassets/qbank/granitor-passersystem-3-61193427bfeb2fea1e0235026bde167f1fed.jpg?width=582&height=1000&mode=crop 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/granitor-passersystem-3-6119a8a70cbba14e6ee4f813d6eb03afcd1b.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åra hyresgäster uppskattar att vi visar närvaro, ger professionell service och arbetar proaktivt. Vi löser eventuella problem och hanterar dina önskemål direkt. Vårt mål är att du ska vara nöjd och att allt ska fungera, så att du kan fokusera på din kärnverksamhet och känna dig trygg.</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="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>Vill du också ha en bekymmersfri arbetsplats?</p> </h2> </div> <div class="col-md-6"> <p> World Trade Center har ett omfattande servicekoncept som gör ditt affärsliv enklare oavsett kontorslokal. Hitta ditt framtida kontor redan nu. </p> <a href="/varfor-wtc/"> <div class="read-more with-arrow"> <span class="read-more-text">Se våra lediga lokaler här</span> </div> </a> </div> </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/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.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/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a8262-643557832ae0831eddd1f0b16ed710bf7b68.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Reception </h3> <p>Varmt och professionellt bemötande av kunnig personal.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Tar emot dina besök </li> <li>Telefonpassning </li> <li>Post-och pakethantering </li> <li>Mötes-och konferensbokningar </li> <li>Ordnar telefonmöten </li> <li>Mindre kioskförsäljning</li> </ul> <div class="product-shelf-extra-info"> </div> </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/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.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/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/mp_fargaren_mote_istock-605749896-38166e7bb24bb9a6818b3bac77c0598eeee5.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Möten </h3> <p>Före, under och efter – vi hjälper dig med konferensen.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Planering</li> <li>Catering </li> <li>Förberedelse</li> <li>Genomförande</li> <li>Övrig service </li> </ul> <div class="product-shelf-extra-info"> </div> </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/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.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/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=266&height=266&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=532&height=532&mode=crop&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=200&height=200&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=400&height=400&mode=crop&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=166&height=166&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=332&height=332&mode=crop&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=768&height=512&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=576&height=384&mode=crop&format=jpg&quality=75, /siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=1000&height=667&mode=crop&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a8084-4436dea1e45ec3fa73fe3ff786b01beabb22.jpg?width=166&height=166&mode=crop&format=jpg&quality=75" alt=""> </script> </picture> </div> <h3> Förmåner </h3> <p>Du kan spara mycket – upptäck våra ramavtal och rabatter.</p> </div> <div class="product-shelf-expanded-info"> <div class="product-shelf-expanded-info-inner"> <ul> <li>Kontorsmaterial</li> <li>Resor och bil</li> <li>Träning och hälsa</li> <li>Mat och dryck</li> <li>Extratjänster</li> </ul> <div class="product-shelf-extra-info"> </div> </div> </div> </div></div></div></div> </div> </div> <div class="container-fluid"><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/varfor-wtc/service/medlemsformaner/" class="link-module__image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.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/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=797&format=jpg&quality=75, /siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/_z5a7304-redigera-6108crop0132041724693resize22762560quality75extensionjpgid30.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </a> <div class="link-module__text-box"> <a href="/varfor-wtc/service/medlemsformaner/" class="text-box-container grey"> <h2> Kontor i Sverige och världen </h2> <div class="text-box-body"> <p>Som hyresgäst får du även möjlighet att utnyttja möteslokaler och kontor på World Trade Centers i Sverige, Europa och övriga världen. </p> <span class="read-more with-arrow">Vill du ha kontor i hela världen?</span></div> </a> </div> </div></div><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/varfor-wtc/service/medlemsformaner/" class="link-module__image"> <picture class="ec-lazy-img" style="background-image:url(/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.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/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=797&format=jpg&quality=75, /siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=600&format=jpg&quality=75, /siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=496&format=jpg&quality=75, /siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=768&format=jpg&quality=75, /siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=576&format=jpg&quality=75, /siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <!--[if IE 9]></video><![endif]--> <img src="/siteassets/qbank/parkinn_malmo_023-2760crop17265924132714resize22762560quality75extensionjpgid30.jpg?width=496&format=jpg&quality=75" alt=""> </script> </picture> </a> <div class="link-module__text-box"> <a href="/varfor-wtc/service/medlemsformaner/" class="text-box-container grey"> <h2> Dra nytta av våra förmånliga avtal </h2> <div class="text-box-body"> <p>Vi har förhandlat fram bra priser på bland annat kontorsmaterial, transporter, drivmedel och hotell. Det hjälper dig som hyresgäst att hålla nere kostnaderna på de vardagliga utgifterna. För dig som egenföretagare ger det dessutom en fördelaktig möjlighet att dra nytta av storkundsrabatter. </p> <span class="read-more with-arrow">Se vilka förmåner du får!</span></div> </a> </div> </div></div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="link-module "> <div class="link-module__text-box"> <ia-modal url="/api/wtc/ia" page-id="0" class="text-box-container darkblue" dialog-type="auto"> <h2> Vill du veta mer om dina förmåner och vår service? </h2> <div class="text-box-body"> <p>Maila oss så kontaktar vi dig inom kort! </p> <span class="read-more with-arrow">Jag vill ha kontakt!</span></div> </ia-modal> </div> </div></div></div></div><div class="container-fluid container-fullbleed"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><testimonials-block :model='{"Heading":"Några hyresgäster berättar om hur det är att ha sitt kontor i World Trade Center","Testimonials":[{"Title":"Seniorkonsult och delägare","FirstName":"Erik","LastName":"Sparre","Testimonial":"Som konsulter varierar våra behov. Ibland behövs många fasta platser men i perioder är det bättre med färre, men med möjlighet till tillfälliga platser. World Trade Center erbjuder just den flexibilitet som vi behöver.","CompanyName":"Risk Pilot","hasImage":true,"ImageUrl":"/siteassets/qbank/erik_sparre-6012crop027434013825resize22762560quality75extensionjpgid30.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"IT-ingenjör","FirstName":"David","LastName":"Brinnen","Testimonial":"World Trade Center ger oss möjligheten att arbeta effektivt på dygnets alla timmar. Att umgås i fräscha lokaler med träning är ovärderliga faktorer till att leva dagen med goda resultat. Professionell administration och reception gör att vi är mycket nöjda.","CompanyName":"Energy Machines","hasImage":true,"ImageUrl":"/siteassets/qbank/david-brinnen-6018resize17151756crop1654114271463quality75quality75extensionjpgid37.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Paralegal","FirstName":"Anna","LastName":"Gunnarsson","Testimonial":"KBM Advokatbyrå är ett mindre företag och sitter på World Trade Centers kontorshotell där vi genom åren har fått många härliga ”kollegor” från andra branscher.","CompanyName":"KBM Advokatbyrå","hasImage":true,"ImageUrl":"/siteassets/qbank/anna-gunnarsson-paralegal-6190resize533570crop00533570quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Delägare","FirstName":"Sissi","LastName":"Cederwald","Testimonial":"Den service vi får här gör det enklare för oss som företagare. Det handlar om en reception med servicekänsla, olika evenemang och möten som ordnas i huset och ett gym med tränare som hjälper oss att hålla formen.","CompanyName":"Bidal Design","hasImage":true,"ImageUrl":"/siteassets/qbank/scarfar-5969resize54363624crop378493413871284autoorientbackground23ffffffquality80stripextensionjpgid14.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Försäljning Malmö","FirstName":"Carl-Dan","LastName":"Friberg","Testimonial":"Erteco är ett Nordiskt distributions företag som representerar ett antal utländska producenter.\nAtt vi valde World Trade Center i Malmö beror på närheten till en internationell flygplats, mycket väl fungerande konferensmöjligheter samt närliggande hotell.\n","CompanyName":"Erteco Rubber \u0026 Plastics","hasImage":true,"ImageUrl":"/siteassets/qbank/carl-dan-6191crop022540675resize240300quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null},{"Title":"Advokat Partner","FirstName":"Klas","LastName":"Johansson","Testimonial":"Läget i Västra Hamnen är fantastiskt, mycket bra receptionstjänster för vår verksamhet och en underbar personal med servicekänsla gör att vi ler när vi går till en ny arbetsdag.","CompanyName":"KBM Advokatbyrå","hasImage":true,"ImageUrl":"/siteassets/qbank/klas-johansson-advokat-partner-6189resize533570crop00533570quality75extensionjpgid36.jpg","ImageAlt":"","hasLogo":false,"LogoUrl":"","LogoAlt":null}]}'></testimonials-block> </div></div></div><div class="container-fluid"><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><div class="feature-icons-wrapper"> <h2 class="block-heading orange">Dra fördel av allt detta – och mycket mer</h2> <div class="feature-icons"> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/reception.svg" class="convert-svg" /> <h3>Bemannad reception</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/postutlamning.svg" class="convert-svg" /> <h3>Post & leveranser</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/moten.svg" class="convert-svg" /> <h3>Möteslokaler</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/seminarier.svg" class="convert-svg" /> <h3>Seminarier</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/event.svg" class="convert-svg" /> <h3>Event</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/frukost.svg" class="convert-svg" /> <h3>Frukostträffar</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/cykelparkering.svg" class="convert-svg" /> <h3>Cykelparkering</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/gym.svg" class="convert-svg" /> <h3>Gym</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/cafeer.svg" class="convert-svg" /> <h3>Caféer</h3> <p></p> </div> <div class="feature-item" href="" target=""> <img src="/siteassets/icons/benefit-icons/hotel.svg" class="convert-svg" /> <h3>Hotel</h3> <p></p> </div> </div> </div></div></div></div><div class="article-carousel-wrapper"> <div class="container-fluid"> <article-carousel :model='{"Heading":"Inspiration på World Trade Center","Eyebrow":"Inspiration \u0026 evenemang","Links":[{"Href":"/varfor-wtc/inspiration/","Target":null,"Title":null,"Text":"Inspiration \u0026 podcasts"},{"Href":"/varfor-wtc/klubb/evenemang/","Target":null,"Title":null,"Text":"Se våra evenemang"}],"Articles":[{"Key":"3c6aa489-65db-4925-ba71-0eefc271bf7a","Eyebrow":"LEDARSKAP","Heading":"Konsten att leda med hjärtat","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/wtc-klubb-seminarie-leda-med-hjartat-7580bdb994eb4eab34ee88afc79431ee0cc2.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/ledarskap/leda-med-hjartat/","Target":null,"Text":"Hjärtat har en egen intelligens och genom att förstå mer om oss själva kan vi få nycklar till ett ledarskap präglat av både struktur och känsla. Hör Charlotte Hagö utveckla detta."},{"Key":"e12c666b-34c6-4b3b-8b29-70147223e4d9","Eyebrow":"TILLVÄXT","Heading":"Affärsmöjligheter i ett nätverk – hur då?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_wtc_aug_magnus_s_header_1920x1080-7351e8549bb43863efef86a780e83ea10a0b.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/tillvaxt/affarsmojligheter-i-ett-natverk-hur-da/","Target":null,"Text":"Hur kommer det sig att MFF:s nätverk blivit så framgångsrikt? Och hur skapar man affärsmöjligheter i ett nätverk? "},{"Key":"7fc1493f-df1d-4aad-944a-b3d4b2b9fc1e","Eyebrow":"PODCAST","Heading":"Visste du att världens bästa spelutvecklingsskola finns i Malmö?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/image8-73292fa137880dab913b70d8736b08544f3c.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-isa-norden/","Target":null,"Text":"Hör Isa Nordén berätta bl a om hur man utbildar de bästa utvecklarna och, kanske viktigast av allt, hur man får fler kvinnor till spelbranschen."},{"Key":"3b912c69-03d3-4280-9cef-39c9f8a61d6f","Eyebrow":"ARBETSPLATSEN","Heading":"Nu vill vi ha det hemtrevligt på kontoret","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_kreativ_miljo_1920x1080-7253ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/arbetsplatsen/trendspaning-nu-vill-vi-ha-det-hemtrevligt-pa-kontoret/","Target":null,"Text":"Skapa hemkänsla så du får medarbetarna tillbaka till kontoret igen!"},{"Key":"bce55b4c-9f6d-411b-b94d-d1524e635504","Eyebrow":"PODCAST","Heading":"Vad har musikläraren som sadlade om till redovisningskonsult att säga om ålderism?","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/image8-7328cf2dbd84c83940194265f324112cafa8.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-kerstin-dahlgren/","Target":null,"Text":"Hör Kerstin Dahlgren berätta om sin hjärtefråga och skillnaden mellan Sverige och USA"},{"Key":"e210da60-69f0-4958-b170-ae63d1bcbabe","Eyebrow":"HÄLSA","Heading":"Så blir du bättre på att lyssna på kroppen","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_lyssna_pa_kroppen_1_1920x1080-7128ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/halsa/sa-blir-du-battre-pa-att-lyssna-pa-kroppen/","Target":null,"Text":"Fysioterapeuten Stina Dahan ger här sina bästa tips för en stressfri arbetsvardag."},{"Key":"4d5a335b-cdb8-40c7-bc4c-b70a6bdda4ab","Eyebrow":"PODCAST","Heading":"Human Gardening - ett företag man önskar inte skulle behöva finnas.","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/mikael2-6250cc75596f6b62fbc0a59a45884530eb46.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-mikael-lund/","Target":null,"Text":"Mikael Lund, VD och grundare, berättar och berör."},{"Key":"65582a7e-7090-4cfa-adba-681bef103a85","Eyebrow":"ARBETSPLATSEN","Heading":"Forskaren: Så får du medarbetarna att vilja komma till kontoret","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/p1_kontorsmiljo_1920x1080-7033ae188d6b5a844dccd0eb71c711d5e96d.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/arbetsplatsen/sa-far-du-medarbetarna-att-vilja-komma-till-kontoret/","Target":null,"Text":"Hur skapar man egentligen en arbetsplats som passar alla ?"},{"Key":"64b9101c-b82e-4c4f-be9f-7b237784ec96","Eyebrow":"PODCAST","Heading":"Hur blev en fotbollsintresserad 6-åring hela idrotts-Malmös sjukgymnast? ","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/rickard6-6251874d00b5d07292bdc001a772ceb20afc.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/podcast/podcast-rickard-dahan/","Target":null,"Text":"Rickard Dahan berättar om resan från fotbollsträning till sjukgymnastik och kompisen Zlatan. "},{"Key":"e79b1619-74e7-46c7-981b-0efe7f3a302a","Eyebrow":"HÄLSA","Heading":"Öppna upp din egen superkraft med mindfulness","Date":null,"Price":null,"ImageUrl":"/siteassets/qbank/low-mindfulness-wtc-945x630-56804638f2da6a1a29f5556a36d59cbbfa9e.jpg","ImageAlt":"","Url":"/varfor-wtc/inspiration/halsa/oppna-upp-din-egen-superkraft-med-mindfulness/","Target":null,"Text":"Så här kommer du igång"},{"Key":"28b87858-a0fb-41f7-9655-5170cf1321f9","Eyebrow":"PODCAST","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":"cc7efc69-1c47-425d-86b6-df579da27e41","Eyebrow":"LEDARSKAP","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":"/varfor-wtc/inspiration/ledarskap/sju-goda-vanor-for-sjalvledarskap-med-framgang/","Target":null,"Text":"Hur blir du den allra bästa versionen av dig själv?"}]}' inline-template> <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> </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" alt="" /> </a> <div class="language-switcher" v-if="$root.languages.length > 1"> <template v-for="language in $root.languages"> <span v-if="language.isCurrent" class="is-current-language">{{language.name}}</span> <a v-else :href="language.url">{{language.name}}</a> </template> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column" v-for="menu in menusWithChildren" :key="menu.Key"> <h4 v-if="menu.Url"><a :href="menu.Url">{{ menu.Text }}</a></h4> <h4 v-else>{{ menu.Text }}</h4> <ul v-if="menu.Items.length > 0"> <li v-for="item in menu.Items" :key="item.Key"> <a v-if="item.Url" :href="item.Url">{{ item.Text }}</a> <h4 v-else>{{ item.Text }}</h4> <ul v-if="item.Items.length > 0"> <li v-for="subItem in item.Items" :key="subItem.Key"><a :href="subItem.Url">{{subItem.Text}}</a></li> </ul> </li> </ul> </div> <div class="col-sm-12 col-lg-6 col-xl-3 menu-column contact-column"> <h4>Kontakt</h4> <div class="contact-info-container"> <div class="contact-info"> <div> <svg id="Group_6288" data-name="Group 6288" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 22.5"> <path id="Path_3559" data-name="Path 3559" class="cls-1" d="M8.5,0C3.8,0,0,3,0,8.3S8.5,22.5,8.5,22.5,17,13.5,17,8.3C17,3,13.2,0,8.5,0Zm0,19.4q-1.2-1.35-2.7-3.3C2.5,11.6,2,9.2,2,8.3A6.025,6.025,0,0,1,3.8,3.7,6.771,6.771,0,0,1,8.5,2a7.212,7.212,0,0,1,4.7,1.6A6.1,6.1,0,0,1,15,8.3c0,1-.5,3.3-3.9,7.9C10.2,17.4,9.2,18.6,8.5,19.4Z" /> <path id="Path_3560" data-name="Path 3560" class="cls-1" d="M8.5,6A2.5,2.5,0,1,0,11,8.5,2.476,2.476,0,0,0,8.5,6Zm0,3A.5.5,0,1,1,9,8.5.472.472,0,0,1,8.5,9Z" /> </svg> <span>Jungmansgatan 12, 211 11 Malmö</span> </div> <div class="phone"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20.554 20.555"> <g id="phone-talking" transform="translate(-1.215 -2.546)"> <g id="phone-talking-2" data-name="phone-talking"> <path id="shape" class="cls-1" d="M18.115,21.092A1,1,0,0,0,19,20.41l.718-2.153a1,1,0,0,0-.242-1.023L17.646,15.4a1,1,0,0,0-1.23-.145l-1.7,1.039a3,3,0,0,1-3.689-.436L8.454,13.282a3,3,0,0,1-.436-3.689L9.057,7.9a1,1,0,0,0-.145-1.23L7.082,4.839A1,1,0,0,0,6.058,4.6l-2.153.718a1,1,0,0,0-.682.884C3.1,8.167,4.467,11.79,8.5,15.819S16.148,21.218,18.115,21.092Zm.129,2c-2.727.176-6.751-1.443-11.162-5.854S1.052,8.8,1.228,6.071A3,3,0,0,1,3.273,3.418L5.426,2.7a3,3,0,0,1,3.07.725l1.829,1.829a3,3,0,0,1,.436,3.689l-1.039,1.7a1,1,0,0,0,.145,1.23l2.578,2.578a1,1,0,0,0,1.23.145l1.7-1.039a3,3,0,0,1,3.689.436l1.829,1.829a3,3,0,0,1,.725,3.07L20.9,21.042A3,3,0,0,1,18.244,23.087Z" /> </g> </g> </svg> <a href="tel:+46 40 627 11 00">+46 40 627 11 00</a> </div> <div class="email"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 16"> <g id="mail" transform="translate(-1 -4)"> <g id="mail-2" data-name="mail"> <path id="shape" class="cls-1" d="M23,8.978Q23,9,23,9.023V16a4,4,0,0,1-4,4H5a4,4,0,0,1-4-4V9.023Q1,9,1,8.978V8A4,4,0,0,1,5,4H19a4,4,0,0,1,4,4v.978Zm-2-.722V8a2,2,0,0,0-2-2H5A2,2,0,0,0,3,8v.256l8.344,4.474a5.4,5.4,0,0,0,1.347,0Zm0,2.088-8.138,4.441a3,3,0,0,1-1.724,0L3,10.344V16a2,2,0,0,0,2,2H19a2,2,0,0,0,2-2Z" /> </g> </g> </svg> <a href="mailto:info@wtcmalmo.se">info@wtcmalmo.se</a> </div> <div> <a href="/cookies/">Integritets- och cookiepolicy</a> </div> <div> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie-inställningar</a> </div> </div> <div class="member-of-midroc-image"> <a href="/om-wtc/granitor-properties/"><img src="/siteassets/images/logos/wtc_member_of_granitor_sv.png" alt="" /></a> </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" alt="" /></a></div> <div class="footer-navigation-item footer-navigation-item--next"><a href="https://www.wtcmalmolundhelsingborg.se/varfor-wtc/klubb/">Gå vidare till: Klubb <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></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-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" alt="" /> </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 menu-description" v-if="menu.Description"> <h4>{{ menu.Text }}</h4> <ul> <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.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share' || ia.dialogType == 'share-event'"> <p v-html="ia.title"></p> <div class="form-group"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'share-favorites'"> <p v-html="ia.title"></p> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="message" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Meddelande till mottagaren</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> </template> <template v-if="ia.dialogType == 'auto' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group"> <label for="size" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message2"></textarea> <span class="ia-modal-label">Önskad lokalstorlek</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <template v-if="isPropertyOrObject && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="requests-and-questions" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message" key="message"></textarea> <span class="ia-modal-label">Önskemål och frågor</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Jag vill bli uppringd av en uthyrare <input type="checkbox" class="form-check-input" v-model="ia.callMe" id="callMe" /> <span class="checkmark"></span> </label> </div> <div class="form-group" :class="{ 'form-group--error': $v.ia.phone.$error }"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span v-if="ia.callMe" class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> Jag är intresserad av att boka en visning <input class="form-check-input" id="booking" type="checkbox" v-model="ia.booking" key="booking" /> <span class="checkmark"></span> </label> </div> </template> <template v-if="ia.dialogType == 'conference' && showFormFields"> <div class="form-group" :class="{ 'form-group--error': $v.ia.email.$error }"> <label for="email" class="ia-modal-input" :class="{ 'form-group--error': $v.ia.email.$error }"> <input class="form-control ia-modal-form" id="email" type="email" placeholder=" " v-model="$v.ia.email.$model" key="email" /> <span class="ia-modal-label">E-postadress <span class="required-red">*</span></span> <span v-if="$v.ia.email.$dirty && $v.ia.email.$error" class="form-error"></span><span v-if="$v.ia.email.$dirty && !$v.ia.email.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="phone" class="ia-modal-input"> <input class="form-control ia-modal-form" id="phone" type="tel" placeholder=" " v-model="$v.ia.phone.$model" key="phone" /> <span class="ia-modal-label">Telefonnummer <span class="required-red">*</span></span> <span v-if="$v.ia.phone.$dirty && $v.ia.phone.$error" class="form-error"></span><span v-if="$v.ia.phone.$dirty && !$v.ia.phone.$error" class="form-success"></span> </label> </div> <div class="form-group"> <label for="name" class="ia-modal-input"> <input class="form-control ia-modal-form" type="text" placeholder=" " id="name" v-model="ia.name" key="name" /> <span class="ia-modal-label">Namn</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Våra önskemål</p> <hr> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.cities" v-model="ia.city"></custom-select> </div> <div class="form-group ia-modal-select"> <custom-select :items="ia.conferencePeoples" v-model="ia.peopleCount"></custom-select> </div> <div class="form-group"> <label for="other-request" class="ia-modal-input"> <textarea class="form-control ia-modal-form" placeholder=" " v-model="ia.message2" key="message"></textarea> <span class="ia-modal-label">Övriga önskemål - T ex tid, förtäring</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Obligatoriska fält markerade med <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> Jag är hyresgäst i World Trade Center <input class="form-check-input" type="checkbox" id="member" v-model="ia.isMember" key="member" /> <span class="checkmark"></span> </label> </div> </div> <button class="ia-modal-btn ia-modal-collapse" @click.stop.prevent="expanded = true" type="button" v-if="!expanded"> <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-left" alt="" /> Har ni mer specifika krav eller önskemål? <img src="/Areas/WTC/Content/img/arrow-down.svg" class="ia-modal-arrow-img-right" alt="" /> </button> </template> <div class="error-summary-group" v-if="$v.ia.$error || ia.errorMessage"> <ul class="error-summary"> <li v-if="!$v.ia.email.required"> Ange en e-postadress </li> <li v-if="!$v.ia.email.email"> Ange en giltig e-postadress </li> <li v-if="!$v.ia.phone.required"> Ange ett telefonnummer </li> <li v-if="!$v.ia.phone.number"> Ange ett giltigt telefonnummer </li> <li v-if="ia.errorMessage"> <blockquote> {{ ia.errorMessage }} </blockquote> </li> </ul> </div> <div class="success-summary-group" v-if="ia.successMessage && submitStatus == 'completed'"> <ul class="success-summary"> <li>{{ ia.successMessage }}</li> </ul> </div> <div class="form-footer ia-modal-footer"> <p v-if="ia.policyUrl"> När du kontaktar oss sparas de uppgifter som du anger i formuläret. Anledningen till varför vi sparar dessa uppgifter är för att vi ska kunna behandla dina frågor och synpunkter. Läs mer om hur vi behandlar dina personuppgifter och vilka rättigheter du har på <a :href="ia.policyUrl" class="policy-link" target="policy">vår integritets- och cookiepolicysida</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img" alt="" /> {{ getSubmitStatusText }}<span v-show="loading">...</span> </button> </div> <input type="text" v-model="honeypot" class="hidden" /> </form> </div> <!-- col-8 --> <div class="col-md-4 col-sm-12" align="center" v-if="isPropertyOrObject"> <div class="ia-modal-sidebar"> <div class="ia-modal-sidebar-header"> <h3>Jag vill veta mer om</h3> </div><!-- header--> <div class="ia-modal-title"> <div class="ia-modal-sidebar-image-wrapper"> <img v-if="ia.propertyImageUrl" :src="ia.propertyImageUrl" alt="" /> </div> <h1>{{ia.propertyName }}</h1> <h3>{{ ia.propertyCity }}<span v-if="ia.propertyLocation"> - {{ ia.propertyLocation }}</span></h3> </div><!-- title --> <div class="row ia-modal-sidebar-info" v-if="ia.dialogType == 'object'"> <div class="col-6 divider"> <h2>{{ ia.objectSpace }}</h2> <span>(kvadratmeter)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(antal personer)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>VÅNINGSPLAN</h3> <span>{{ ia.objectFloor }}</span> <p>{{ ia.objectQuote }}</p> </div><!-- footer --> </div> </div> </div> </div> </slot> </div> </div> </div> </div> </transition> </span> </script> <script type="text/x-template" id="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-people" :class="{'is-current': sliderState == 'people'}" @click.prevent="sliderState = 'people'" @change="track($options.trackingCategory, $options.trackingAction, 'Personalstorlek')"> <span>Personalstorlek (st)</span> </div> <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> <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" alt="" /> {{ 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" alt="" /> </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" alt="" /> </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 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=Kt32xkbB5YGveGYYJHEvqiVv56n8N85iWrh39K0bJO01"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/x-template" id="text-block"> <div class="text-box text-block row" :class="{'with-addon': model.hasLayout, 'without-addon': !model.hasLayout, 'with-addon--iconlist': model.hasContact}"> <div class="text-block-text" :class="{'col-md-6 col-lg-5 col-xl-5 col-xxl-5 offset-lg-1 offset-xl-1 offset-xxl-2' : model.hasLayout, 'col-md-10 col-lg-10 col-xl-10 col-xxl-10 offset-lg-1': !model.hasLayout }"> <div id="text-block-content" class="text-block-content" ref="textBlockContent" v-if="model.Wysiwyg" :class="{'text-block-with-expandable-body' : showReadMore, 'expanded' : expanded}" v-html="model.Wysiwyg"></div> <a href="#" class="load-read-more" :class="{'read-less' : expanded}" @click.prevent="expanded = !expanded" v-show="showReadMore">{{ !expanded ? model.ReadMoreText : 'Dölj' }}</a> </div> <div v-if="model.hasFacts || model.hasImage || model.hasContact" class="text-box-right text-block-addon-holder col-xs-12 col-md-5 offset-md-1 col-lg-4 offset-lg-1 col-xl-4 offset-xl-1 col-xxl-3 offset-xxl-1"> <div v-if="model.hasImage" class="text-block-picture-addon"> <a :href="model.imageUrl" data-toggle="lightbox"> <img class="expand-cursor text-block-picture object-fit" :src="imageResizer(model.imageUrl).width(720).scale('both').crop()" :alt="model.imageAlt"> </a> </div> <div v-if="model.hasFacts" class="text-block-addon" :class="model.Theme"> <span class="text-block-addon-title">{{ model.FactsHeading }}</span> <div class="text-block-addon-body"> <div v-for="fact in model.Facts" class="addon-fact" :class="{'addon-fact--fullwidth' : fact.FullWidth }"> <div class="addon-label"> {{fact.Label}} </div> <div class="addon-value"> {{fact.Text}} </div> </div> </div> </div> <div v-if="model.hasContact" class="text-block-addon contact-box" :class="model.Theme"> <span v-if="model.Contact.Heading" class="text-block-addon-title">{{ model.Contact.Heading }}</span> <div class="text-block-addon-body"> <div v-if="model.Contact.Adress" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/place.svg" alt="value icon" /> </div> <div class="addon-value"> {{ model.Contact.Adress }} </div> </div> <div v-if="model.Contact.Phone" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/phone-talking.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'tel:' + model.Contact.Phone">{{ model.Contact.Phone }}</a> </div> </div> <div v-if="model.Contact.Email" class="addon-fact"> <div class="addon-icon"> <img src="/Areas/WTC/Content/img/mail.svg" alt="value icon" /> </div> <div class="addon-value"> <a :href="'mailto:' + model.Contact.Email">{{ model.Contact.Email }}</a> </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> Vue.component("text-block", { template: '#text-block', props: ['model'], data: function () { return { expanded: false, showReadMore: false } }, methods: { checkReadMore: function () { this.showReadMore = this.model.ReadMoreText && this.$refs.textBlockContent && this.$refs.textBlockContent.offsetHeight > 350; } }, mounted: function () { this.checkReadMore(); } }); </script> <script type="text/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="testimonials-block"> <div class="testimonials-wrapper" tabindex="0" v-on:keyup.left="setCurrentIndex(currentIndex - 1)" v-on:keyup.right="setCurrentIndex(currentIndex + 1)"> <h2 class="block-heading blue">{{ model.Heading }}</h2> <div v-if="model.Testimonials && model.Testimonials.length > 0" class="testimonials-items" ref="scrollElm"> <div class="testimonial-item-wrapper" ref="items" :class="{'is-expanded' : currentIndex == index}" v-for="(testimonial,index) in model.Testimonials" :key="index" @click.prevent="setCurrentIndex(index)"> <div class="testimonial-item"> <div v-if="testimonial.hasImage" class="testimonial-item-photo"> <img :src="imageResizer(testimonial.ImageUrl).width(200).height(200).crop()" :alt="testimonial.ImageAlt"> </div> <div> <div class="testimonial-item-content"> <h3 class="testimonial-item-name"> {{ testimonial.FirstName }} {{ testimonial.LastName }} </h3> <div class="testimonial-item-title"> {{ testimonial.Title }} </div> <div class="testimonial-item-text"> <div class="testimonial-item-text-inner"> {{ testimonial.Testimonial }} </div> </div> </div> </div> <div v-if="testimonial.LogoUrl || testimonial.CompanyName" class="testimonial-item-logo"> <div v-if="testimonial.LogoUrl" class="company-image"> <img :src="testimonial.LogoUrl" :alt="testimonial.LogoAlt"> </div> <div v-else class="company-name"> {{ testimonial.CompanyName }} </div> </div> </div> </div> </div> </div> </script> <script type="text/javascript"> $(function () { var $window = $(window); var $document = $(document); var testimonials = document.querySelectorAll('.testimonials-wrapper'); var config = { rootMargin: '0px', threshold: 1.0 }; function checkIfOnScreen() { var viewportTop = $window.scrollTop(); var viewportBottom = viewportTop + $window.innerHeight(); $(testimonials).each(function () { var top = $(this).offset().top; var bottom = top + $(this).outerHeight(); if (bottom > viewportTop && top < viewportBottom) { this.focus(); } else if (document.activeElement == this) { this.blur(); } }); } if (("IntersectionObserver" in window)) { var observer = new IntersectionObserver(onIntersection, config); $(testimonials).each(function () { observer.observe(this); }); function onIntersection(entries) { $(entries).each(function () { if (this.isIntersecting) { this.target.focus(); } else if (document.activeElement == this.target) { this.target.blur(); } }); } } else { $document.on('scroll', function () { checkIfOnScreen(); }); checkIfOnScreen(); } }); Vue.component("testimonials-block", { props: ['model'], template: '#testimonials-block', data: function () { return { currentIndex: -1, processing: false } }, mounted: function () { this.init(); }, methods: { setCurrentIndex: function (index) { var that = this; if (that.processing || index < 0 || index >= that.model.Testimonials.length) return; that.processing = true; that.currentIndex = index; that.calc(that.currentIndex); setTimeout(function () { that.processing = false; }, 100); }, init: function () { this.$nextTick(function () { var that = this; var count = !that.$refs.items ? 0 : that.$refs.items.length; that.setCurrentIndex(count % 2 == 0 ? count / 2 : Math.floor(count / 2)) if (that.$refs.scrollElm) { that.$refs.scrollElm.addEventListener('scroll', that.debounce(function () { that.scroll() }, 50)); if (("IntersectionObserver" in window)) { var options = { rootMargin: '0px', threshold: 0 } var observer = new IntersectionObserver(onShow, options); observer.observe(that.$refs.scrollElm); function onShow() { that.calc(that.currentIndex); } } else that.scroll(); } }); }, scroll: function () { var that = this; if (that.$refs.items && that.$refs.items.length > 0) { var index = Math.round(that.$refs.scrollElm.scrollLeft / that.$refs.items[0].offsetWidth); if (index >= 0 && index < that.model.Testimonials.length) that.setCurrentIndex(index); } }, calc: function (value) { if (this.$refs.items && this.$refs.items.length > 0) { var itemWidth = this.$refs.items[0].offsetWidth; var isSmoothScrollSupported = 'scrollBehavior' in document.documentElement.style; if (isSmoothScrollSupported) { this.$refs.scrollElm.scrollLeft = value * itemWidth; } else { $(this.$refs.scrollElm).stop().animate({ scrollLeft: value * itemWidth }, 300, "swing"); } } } } }); </script> <script type="text/javascript"> 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":"56859","Text":"Kontor","Description":"","Url":"/varfor-wtc/kontor/","Items":[{"Level":3,"Key":"56860","Text":"Coworking","Description":"","Url":"/varfor-wtc/kontor/coworking/","Items":[]},{"Level":3,"Key":"57058","Text":"Kontorshotell","Description":"","Url":"/varfor-wtc/kontor/kontorshotell/","Items":[]},{"Level":3,"Key":"57117","Text":"Kontorslokal","Description":"","Url":"/varfor-wtc/kontor/kontorslokal/","Items":[]}]},{"Level":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":2,"Key":"58662","Text":"Inspiration","Description":"","Url":"/varfor-wtc/inspiration/","Items":[]}]},{"Level":1,"Key":"11916","Text":"Fastigheter och lokaler","Description":"Vi erbjuder moderna kontor och hyr även ut konferenslokaler.","Url":"/fastigheter-och-lokaler/","Items":[{"Level":2,"Key":"12334","Text":"Våra fastigheter","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/","Items":[{"Level":3,"Key":"12329","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/malmo/","Items":[]},{"Level":3,"Key":"12784","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/lund/","Items":[]},{"Level":3,"Key":"12787","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/vara-fastigheter/helsingborg/","Items":[]}]},{"Level":2,"Key":"14333","Text":"Konferenslokaler","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/","Items":[{"Level":3,"Key":"14371","Text":"Malmö","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/malmo/","Items":[]},{"Level":3,"Key":"18217","Text":"Lund","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/lund/","Items":[]},{"Level":3,"Key":"18462","Text":"Helsingborg","Description":"","Url":"/fastigheter-och-lokaler/konferenslokaler/helsingborg/","Items":[]}]},{"Level":2,"Key":"11930","Text":"Lediga lokaler","Description":"","Url":"","Items":[{"Level":3,"Key":"19343","Text":"Malmö","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Malmö","Items":[]},{"Level":3,"Key":"19344","Text":"Lund","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Lund","Items":[]},{"Level":3,"Key":"19345","Text":"Helsingborg","Description":"","Url":"/link/f157ae5ef624449dafabe76177ac3254.aspx?q=Helsingborg","Items":[]}]},{"Level":2,"Key":"14295","Text":"Nyproduktion","Description":"","Url":"/fastigheter-och-lokaler/nyproduktion/","Items":[]}]},{"Level":1,"Key":"12340","Text":"Om Oss","Description":"Vill du veta mer om World Trade Center eller vår ägare Granitor?","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":"En del av Granitor","Description":"","Url":"/om-wtc/granitor-properties/","Items":[{"Level":3,"Key":"12672","Text":"Hållbarhet","Description":"","Url":"/om-wtc/granitor-properties/hallbarhet/","Items":[]},{"Level":3,"Key":"12697","Text":"Press \u0026 media","Description":"","Url":"/om-wtc/granitor-properties/press-och-media/","Items":[]},{"Level":3,"Key":"110639","Text":"Kontakta oss","Description":"","Url":"/kontakta-oss/","Items":[]}]}]},{"Level":1,"Key":"11935","Text":"För hyresgäster","Description":null,"Url":"/for-hyresgaster/","Items":[]},{"Level":1,"Key":"100584","Text":"Inspiration","Description":null,"Url":"/varfor-wtc/inspiration/","Items":[]}], '11912', 'Ta bort alla favoriter?', [{"name":"Svenska","url":"/","isCurrent":true},{"name":"English","url":"https://www.wtcmalmolundhelsingborg.com/","isCurrent":false}]); </script> </body> </html>