<section class="find-us" data-lat="{{ hotel.latitude }}" data-lng="{{ hotel.longitude }}" data-center-lat="{{ hotel.centeredLatitude }}" data-center-lng="{{ hotel.centeredLongitude }}"> <div class="container"> <div class="find-us--left"> <h4 class="find-us--left-toptitle subtitle-caps" data-description="{{ hotel.title }}">{{ hotel.title }}</h4> <h3 class="find-us--left-title ">{{ 'app.experience.find_us.title' | trans }}</h3> <address class="find-us--left-text subtitle-regular"> <a href="tel:{{ hotel.phone }}" class="ux-phone-event"> <p>{{ hotel.phone }}</p> </a> <a class="find-us--mail ux-email-event" href="mailto:{{ hotel.email }}"> <strong>{{ hotel.email }}</strong> </a> <p> {{ hotel.addressLine1 }} <br> {{ hotel.addressLine2 }} </p> <a href="{{ hotel.googleUrl }}" class="find-us--map-link link white" target="_blank"> <span>{{ 'app.global.view_in_maps' | trans }}</span> </a> <a href="#" class="find-us--map-link link white js-opener-popup" data-dest="maps-info"> <span>{{ 'app.global.how_to_get_there' | trans }}</span> </a> </address> </div> <div class="find-us--right"> <div class="find-us--map js-map-hotel"> </div> </div> <div class="maps-info js-container--popup" id="maps-info"> <div class="maps-info--content"> <span class="maps-info--close js-closer-popup">{% include 'partials/global/svg/close.svg.twig' %}</span> <div class="maps-info--text">{{ hotel.howToGetThere|raw }}</div> <div class="maps-info--image" style="background-image: url({{ hotel.howToGetThereImage | resize(750)|file_url }});"></div> </div> </div> </div></section>