{% extends 'front/base.html.twig' %}{% block title %}{{ parent() ~ " | Contact" }}{% endblock %}{% block content %} <!-- Breadcrumb --> <div class="site-breadcrumb"> <div class="container"> <div class="row"> <div class="col-md-12"> <ul class="site-breadcrumb-list"> <li class="site-breadcrumb-list-item"><a href="/">Accueil</a></li> <li class="site-breadcrumb-list-item is-current"> <a href="/contact.html"> Contact </a> </li> </ul> </div> </div> </div> </div> <!-- Map --> <div class="c-map" id="c-map"></div> <!-- Informations --> <div class="c-informations"> <div class="container"> <div class="row align-items-center"> <div class="col-md-6 py-3 py-sm-0"> <h1 class="c-informations-title">Nous contacter</h1> <ul class="c-informations-list"> <li class="c-informations-list-item"> <h5>PITAXES Sàrl</h5> </li> <li class="c-informations-list-item"> <i class="fas fa-envelope"></i>info@pitaxes.ch </li> <li class="c-informations-list-item"> <i class="fas fa-map-marker-alt"></i>Chemin du Pavillon 2, 1218 Le Grand-Saconnex, Switzerland </li> <li class="c-informations-list-item"> <i class="fas fa-phone-alt"></i>+41 22 596 48 74 </li> </ul> </div> <div class="col-md-6"> <div class="c-form"> {% if isSent %} <div class="alert alert-success" role="alert"> Votre message a bien été envoyé. Nous reviendrons vers vous dans les meilleurs délais. </div> {% endif %} {{ form_start(form) }} <h4>Formulaire de contact</h4> {{ form_row(form.name) }} {{ form_row(form.lastname) }} {{ form_row(form.email) }} {{ form_row(form.phone) }} {{ form_row(form.message) }} {{ form_widget(form.recaptcha) }} {{ form_errors(form.recaptcha) }} <button class="btn btn-primary font-weight-bold" type="submit"> ENVOYER </button> {{ form_end(form) }} <ul class="c-form-social"> <li class="c-form-social-link"> <a href="https://ch.linkedin.com/company/pitaxes-sarl" target="_blank"> <i class="fab fa-linkedin-in"></i> </a> </li> </ul> </div> </div> </div> </div> </div> <!-- Accessibilité --> <div class="c-accessibility"> <div class="container"> <div class="row"> <div class="col-md-6"> <h3>Accessibilité</h3> <p> Nous sommes dans le bâtiment Octagon au 3ème étage, à l'étage vous trouverez une borne interactive qui vous accueillera. </p> <ul class="c-accessibility-list"> <li class="c-accessibility-list-item"> <i class="fas fa-bus"></i> <a target="_blank" href="https://www.google.ch/maps/dir//Chemin+du+Pavillon+2,+Le+Grand-Saconnex/@46.221219,6.1016238,13z/data=!4m9!4m8!1m0!1m5!1m1!1s0x478c646195404e15:0xcec25ccdfac0742d!2m2!1d6.1221518!2d46.2384691!3e3" >Voir plus</a > </li> <li class="c-accessibility-list-item"> <i class="fas fa-car"></i> Des places de parking visiteurs sont à votre disposition, le temps de notre rencontre. </li> <li class="c-accessibility-list-item"> <i class="fas fa-clock"></i> Horaires d’ouvertures: Du lundi au vendredi 09h00 à 12h30 - 13h30 à 17h30 </li> </ul> </div> </div> </div> </div>{% endblock %}{% block javascripts %} {{ parent() }} {{ include('gmap.html.twig') }} <script async defer src='{{ preload(asset('assets/js/phone.js'),{as: 'script'}) }}'></script> <script type="text/javascript"> // When the window has finished loading create our google map below google.maps.event.addDomListener(window, "load", init); function init() { // Basic options for a simple Google Map // For more options see: https://developers.google.com/maps/documentation/javascript/reference#MapOptions var mapOptions = { // How zoomed in you want the map to start at (always required) zoom: 13, // The latitude and longitude to center the map (always required) center: new google.maps.LatLng(46.2384691, 6.1199631), // New York // How you would like to style the map. // This is where you would paste any style found on Snazzy Maps. styles: [ { featureType: "administrative", elementType: "all", stylers: [ { saturation: "-100", }, ], }, { featureType: "administrative.province", elementType: "all", stylers: [ { visibility: "off", }, ], }, { featureType: "landscape", elementType: "all", stylers: [ { saturation: -100, }, { lightness: 65, }, { visibility: "on", }, ], }, { featureType: "poi", elementType: "all", stylers: [ { saturation: -100, }, { lightness: "50", }, { visibility: "simplified", }, ], }, { featureType: "road", elementType: "all", stylers: [ { saturation: "-100", }, ], }, { featureType: "road.highway", elementType: "all", stylers: [ { visibility: "simplified", }, ], }, { featureType: "road.arterial", elementType: "all", stylers: [ { lightness: "30", }, ], }, { featureType: "road.local", elementType: "all", stylers: [ { lightness: "40", }, ], }, { featureType: "transit", elementType: "all", stylers: [ { saturation: -100, }, { visibility: "simplified", }, ], }, { featureType: "water", elementType: "geometry", stylers: [ { hue: "#ffff00", }, { lightness: -25, }, { saturation: -97, }, ], }, { featureType: "water", elementType: "labels", stylers: [ { lightness: -25, }, { saturation: -100, }, ], }, ], }; // Get the HTML DOM element that will contain your map // We are using a div with id="map" seen below in the <body> var mapElement = document.getElementById("c-map"); // Create the Google Map using our element and options defined above var map = new google.maps.Map(mapElement, mapOptions); $icon = "/assets/img/map-marker.svg"; // Let's also add a marker while we're at it var marker = new google.maps.Marker({ position: new google.maps.LatLng(46.2384691, 6.1199631), map: map, icon: new google.maps.MarkerImage( $icon, null, null, null, new google.maps.Size(50, 50) ), title: "Snazzy!", }); } </script>{% endblock %}