<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 no-image grey"> <div class="intro-block-text col-xs-12 col-lg-7 col-xl-5 offset-lg-2"> <h4> Press & media contact </h4> <h1> Would you like to contact us? </h1> <div class="intro-block-content offset-lg-1"> <div class="intro-block-ingress"> </div> <p> Do You need to contact us for a reason? Please feel free to do so. Choose appropriate contact below! </p> </div> </div> </div> </div></div><div class="row"><div class="col-md-6 col-sm-12"> <div class="contact"> <div class="contact-photo"> <picture> <source srcset="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=797&format=jpg&quality=75, /siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=600&format=jpg&quality=75, /siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=496&format=jpg&quality=75, /siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/midroc_peter_syren_3358-3156crop45137026442974resize22762560quality75extensionjpgid42.jpg?width=496&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> <div class="contact-info"> <p class="eyebrow"> CEO </p> <h3> Peter Syrén </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:+46 10 470 74 06 ">+46 10 470 74 06 </a> </p> <p class="contact-mail"> <a href="mailto:peter.syren @midroc.se">Please email Peter</a> </p> </div> </div> </div> </div><div class="col-md-6 col-sm-12"> <div class="contact"> <div class="contact-photo"> <picture> <source srcset="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=797&format=jpg&quality=75, /siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=1594&format=jpg&quality=40 2x" media="(min-width: 1200px)"> <source srcset="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=600&format=jpg&quality=75, /siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=1200&format=jpg&quality=40 2x" media="(min-width: 992px)"> <source srcset="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=496&format=jpg&quality=75, /siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=992&format=jpg&quality=40 2x" media="(min-width: 768px)"> <source srcset="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=768&format=jpg&quality=75, /siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=1536&format=jpg&quality=40 2x" media="(min-width: 576px)"> <source srcset="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=576&format=jpg&quality=75, /siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=1152&format=jpg&quality=40 2x" media="(min-width: 0px)"> <img src="/siteassets/qbank2/cecilia-molvin-3155crop22937230503431resize22762560quality75extensionjpgid42.jpg?width=496&format=jpg&quality=75" alt="" loading="lazy"> </picture> </div> <div class="contact-info"> <p class="eyebrow"> Marketing- and Communication Manager </p> <h3> Cecilia Molvin </h3> <div class="contact-links"> <p class="contact-phone"> <a href="tel:+46 (0)10-471 33 22 ">+46 (0)10-471 33 22 </a> </p> <p class="contact-mail"> <a href="mailto:cecilia.molvin@midroc.se">Please email Cecilia</a> </p> </div> </div> </div> </div></div><div class="row"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <div class="link-module "> <div class="link-module__text-box"> <a href="mailto:info@wtcmalmo.se" class="text-box-container "> <h2> Granitor Properties HR </h2> <div class="text-box-body"> <p>For job inquiries, please email us Your information and wishes to the email below. </p> <span class="read-more with-arrow">General job inquiry</span></div> </a> </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/about-us/granitor-properties/sustainability">Move to next page: Sustainability <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('26407', 'Delete all favorites?'); </script> </body> </html>