<iframe></noscript> <script type="text/javascript" src="https://dl.episerver.net/13.6.1/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> <header class="header theme-dark-purple" id="header"> <div class="header__wrapper"> <div class="header__main"> <div class="header-logo"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> </div> <div class="header__main-nav navigation-overflow"> <div class="navigation__scroll navigation__scroll--left"><span></span></div> <div class="header__main-nav-wrapper"> <ul class="primary-navigation scroll-element"> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Why WTC</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Why WTC</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Why WTC</h4> <ul> <li class=""> <a href="/why-wtc/office"> <strong>Office</strong> <span>Office</span> </a> </li> <li class=""> <a href="/why-wtc/service"> <strong>Service</strong> <span></span> </a> </li> <li class=""> <a href="/why-wtc/club"> <strong>Club</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">Our Properties</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>Our Properties</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>Our Properties</h4> <ul> <li class=""> <a href="/our-properties/visit-our-premises"> <strong>Visit our premises</strong> <span></span> </a> </li> <li class=""> <a href="/our-properties/conference-facilities"> <strong>Conference facilities</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <span class="primary-navigation-item__trigger">About us</span> <div class="secondary-navigation"> <div class="secondary-navigation__inner"> <div class="secondary-navigation__header"> <h3>About us</h3> </div> <div class="secondary-navigation__list"> <div class="secondary-navigation__group"> <h4>About us</h4> <ul> <li class=""> <a href="/about-us/world-trade-centers-association"> <strong>World Trade Centers Association</strong> <span>World Trade Centers Association</span> </a> </li> <li class=""> <a href="/about-us/granitor-properties"> <strong>Granitor Properties</strong> <span></span> </a> </li> </ul> </div> </div> <div class="secondary-navigation__close"></div> </div> </div> </li> <li class="primary-navigation-item "> <a href="/vacant-premises">Vacant premises</a> </li> <li class="primary-navigation-item "> <a href="/contact-us">Contact us</a> </li> </ul> </div> <div class="navigation__scroll navigation__scroll--right"><span></span></div> </div> <div class="header-search"> <form action="/search" method="get"> <input type="search" class="header-search__input" id="searchInput" name="q" /> <label for="searchInput" class="header-search__label"> <span class="header-search__label-button"></span> </label> </form> </div> <div class="languages"> <a href="#" class="languages__toggler"> <div class="language-icon"> <img src="/Areas/WTC/Content/img/globe-icon.svg" alt="" class="convert-svg" /> </div> </a> <ul class="languages-switcher"> <li> <span class="is-current-language">English</span> </li> <li> <a href="https://www.wtcmalmolundhelsingborg.se/">Svenska</a> </li> </ul> </div> <div class="header__mobile-toggle"><span></span></div> </div> </div> </header> <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 grey"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h4> Membership benefits </h4> <h1> Take advantage of your benefits as a tenant </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Discounts, deals and access to jobs in Malmö, Lund, Helsingborg, Växjö, Gothenburg, Stockholm and the world. </div> <p> We offer preferential deals on e.g. office supplies, transportation, fuel and hotels. You also have access to workplaces in World Trade Centers around the world. </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> <source srcset="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=930&format=jpg&quality=75, /siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=700&format=jpg&quality=75, /siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75, /siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/parkinn_malmo_023-2760crop82625834302278resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75" alt="" loading="lazy"> </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"> <div class="intro-block row reverse orange"> <div class="intro-block-text col-xs-12 col-md-5 col-lg-4 col-xl-4 col-xxl-3 offset-xxl-1"> <h1> Access to our offices around the world </h1> <div class="intro-block-content"> <div class="intro-block-ingress"> Take advantage of worldwide networks </div> <p> Not only do you have access to meeting and conference rooms at the World Trade Centers in Malmö, Lund and Helsingborg, you also enjoy access to World Trade Center workplaces and services in Växjö, Gothenburg, Stockholm, Denmark and Finland. What’s more, you have the opportunity to use a workplace at any of the 325 or so World Trade Centers in cities all over the world. </p> <a href="/link/e0ce548fb4a346849bddbeabc5360854.aspx" class="intro-block-read-more wtc-btn orange" target="_blank"><span>Read more about World Trade Center Association</span></a> </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> <source srcset="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=930&format=jpg&quality=75, /siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=1860&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=700&format=jpg&quality=75, /siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=1400&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75, /siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=1158&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/wtc_5-6179crop15413730652035resize25601700quality75extensionjpgid33.jpg?width=579&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> </div> </div> </div></div><div class="row"><div class="col-md-6 col-sm-12"> <div class="link-module "> <a href="/link/37eb9f16173e4fcabe2c3274e69535fd.aspx" class="link-module__image"> <picture> <source srcset="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=797&format=jpg&quality=75, /siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=600&format=jpg&quality=75, /siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=496&format=jpg&quality=75, /siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/bringwash---vattenfri-biltvatt-6181resize40323024crop116632325602200quality75extensionjpgid36.jpg?width=496&format=jpg&quality=75" alt="" loading="lazy"> </picture> </a> <div class="link-module__text-box"> <a href="/link/37eb9f16173e4fcabe2c3274e69535fd.aspx" class="text-box-container darkblue"> <h2> Benefitial discounts for members </h2> <div class="text-box-body"> <p>We have negotiated good discounts for our members in, among other things, office supplies, transport, fuel and hotels.</p> <span class="read-more with-arrow">Information in Swedish</span></div> </a> </div> </div></div><div class="col-md-6 col-sm-12"> <div class="link-module "> <picture> <source srcset="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=797&format=jpg&quality=75, /siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=600&format=jpg&quality=75, /siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=496&format=jpg&quality=75, /siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/wtc-helsingborg-stamningsbild-3261resize57603840crop0187025601700quality75extensionjpgid33.jpg?width=496&format=jpg&quality=75" alt="" loading="lazy"> </picture> <div class="link-module__text-box"> <ia-modal url="/api/wtc/ia" page-id="0" class="text-box-container grey" dialog-type="auto"> <h2> For information in English </h2> <div class="text-box-body"> <p>Please contact us for information in English.</p> </div> </ia-modal> </div> </div></div></div></div> </main> <footer> <div class="top-banner"> <div class="container"> <a href="/"> <img src="/Areas/WTC/Content/img/wtc_logo-alla-svart.svg" class="convert-svg" /> </a> <div class="language-switcher"> <span class="is-current-language">English</span> <a href="https://www.wtcmalmolundhelsingborg.se/">Svenska</a> </div> </div> </div> <div class="footer-holder"> <div class="container"> <div class="row" data-equal-btns> <div class="col-md-12 footer-menu-columns"> <div class="footer-menu-column"> <h3><a href="/why-wtc">Why WTC</a></h3> <h4>Why WTC</h4> <ul> <li><a href="/why-wtc/office">Office</a></li> <li><a href="/why-wtc/service">Service</a></li> <li><a href="/why-wtc/club">Club</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/our-properties">Our Properties</a></h3> <h4>Our Properties</h4> <ul> <li><a href="/our-properties/visit-our-premises">Visit our premises</a></li> <li><a href="/our-properties/conference-facilities">Conference facilities</a></li> </ul> </div> <div class="footer-menu-column"> <h3><a href="/about-us">About us</a></h3> <h4>About us</h4> <ul> <li><a href="/about-us/world-trade-centers-association">World Trade Centers Association</a></li> <li><a href="/about-us/granitor-properties">Granitor Properties</a></li> </ul> </div> <div class="footer-menu-column"> <h3>Vacant premises</h3> <ul><li><a href="/vacant-premises">Vacant premises</a></li></ul> </div> <div class="footer-menu-column"> <h3>Contact us</h3> <ul><li><a href="/contact-us">Contact us</a></li></ul> </div> <div class="footer-menu-column contact-column"> <h3>Contact</h3> <div class="contact-info-container"> <ul class="contact-info"> <li> <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> </li> <li 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> </li> <li 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> </li> <li> <a href="/about-cookies">Integrity- and cookiepolicy</a> </li> <li> <a id="ot-sdk-btn" class="ot-sdk-show-settings">Cookie Settings</a> </li> </ul> </div> </div> </div> </div> </div> <div class="member-of-midroc-image"> <a href="/about-us/granitor-properties/we-are-a-member-of-granitor"><img src="/siteassets/images/wtc_member_of_granitor_en.png" alt="" /></a> </div> </div> </footer> <div class="footer-navigation"> <div class="footer-navigation-item footer-navigation-item--scroll"><a href="#">Scroll to top <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.com/our-properties/conference-facilities">Move to next page: Conference facilities <img src="/Areas/WTC/Content/img/footer-arrow-right.svg" alt="" /></a></div> </div> </div> <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">Email <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">Email <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">Personal message</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">Email <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">Personal message</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">Email <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">Requests and other questions</span> <span v-if="$v.ia.message.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Required fields marked with <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Our requests</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Please call me <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">Phone <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">Requested space</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Required fields marked with <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="booking"> I am interested in booking a viewing <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="" /> Do you have other specific requests? <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">Email <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">Requests and other questions</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">Name</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Required fields marked with <span class="required-red">*</span></p> </div> <div class="ia-modal-middle-divider"> <p>Our requests</p> <hr> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="callMe"> Please call me <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">Phone <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"> I am interested in booking a viewing <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">Email <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">Phone <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">Name</span> <span v-if="$v.ia.name.$dirty" class="form-success"></span> </label> </div> <div class="required-text" v-if="!expanded"> <p>Required fields marked with <span class="required-red">*</span></p> </div> <div class="expanded" v-if="expanded"> <div class="ia-modal-middle-divider"> <p>Our requests</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">Other requests - e.g. time, catering</span> <span v-if="$v.ia.message2.$dirty" class="form-success"></span> </label> </div> <div class="required-text"> <p>Required fields marked with <span class="required-red">*</span></p> </div> <div class="form-group"> <label class="form-check-label ia-modal-check" for="member"> I am a tenant in 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="" /> Do you have other specific requests? <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"> Enter an email address </li> <li v-if="!$v.ia.email.email"> Enter a valid email address </li> <li v-if="!$v.ia.phone.required"> Enter a phone number </li> <li v-if="!$v.ia.phone.number"> Enter a valid phone number </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"> Granitor Europe AB is responsible for the processing of your personal data. Your information will be processed according to our <a :href="ia.policyUrl" class="policy-link" target="policy">integrity- and cookiepolicy</a> </p> <button class="btn ia-modal-btn ia-modal-send" type="submit" :disabled="loading || submitStatus == 'invalid'"> <img :src="getSubmitImage" class="ia-modal-send-img" 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>I'd like more information</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>(sqm)</span> </div><!-- col-6 --> <div class="col-6"> <h2>{{ ia.objectPeople }}</h2> <span>(Number of people)</span> </div><!-- col-6 --> </div><!-- row --> <div class="ia-modal-sidebar-footer" v-if="ia.objectFloor"> <h3>FLOOR</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="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=My6kavj2JIgWmKbe9zHtJpl3VHXZi8oO1wvyE3t2xF01"></script> <script src="/Bundles/WTCScripts?v=UQUt_cF5WN-KcyLEn_7OUaqHA7nbF_FnCpbWgED6on41"></script> <script>(function ($, d) { $.each(readyQ, function (i, f) { $(f) }); $.each(bindReadyQ, function (i, f) { $(d).bind("ready", f) }) })(jQuery, document)</script> <script type="text/javascript"> 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=en-US&libraries=places'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); function google_maps_initialize() { $(document).trigger("google-maps-initialize"); } initVue('26273', 'Delete all favorites?'); </script> </body> </html>