{% extends 'baseFront.html.twig' %}{% block title %}Hello HomeController!{% endblock %}{% block body %} <main> <div class="container px-1 "> <link rel="stylesheet" href="{{ asset('assetFront/leaflet.css') }}"> <script src="{{ asset('assetFront/leaflet.js.téléchargement') }}"></script> <div class="row ml-3 mr-1"> <div class="col-12 text-justify "> <h1>Local Informations </h1> <div class="col-12 col-md-8 mx-auto p-3"> <div id="map-container"> <div id="map" class="leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim leaflet-grab leaflet-touch-drag leaflet-touch-zoom" tabindex="0" style="position: relative;"><div class="leaflet-pane leaflet-map-pane" style="transform: translate3d(0px, 0px, 0px);"><div class="leaflet-pane leaflet-tile-pane"><div class="leaflet-layer " style="z-index: 1; opacity: 1;"><div class="leaflet-tile-container leaflet-zoom-animated" style="z-index: 18; transform: translate3d(0px, 0px, 0px) scale(1);"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2921.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(262px, 168px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2920.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(262px, -88px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2921(1).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(6px, 168px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2921(2).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(518px, 168px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2922.png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(262px, 424px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2920(1).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(6px, -88px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2920(2).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(518px, -88px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2922(1).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(6px, 424px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2922(2).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(518px, 424px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2921(3).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-250px, 168px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2921(4).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(774px, 168px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2920(3).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-250px, -88px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2920(4).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(774px, -88px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2922(3).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(-250px, 424px, 0px); opacity: 1;"><img alt="" role="presentation" src="./ICPR 2026_ local informations _ ICPR2026website_files/2922(4).png" class="leaflet-tile leaflet-tile-loaded" style="width: 256px; height: 256px; transform: translate3d(774px, 424px, 0px); opacity: 1;"></div></div></div><div class="leaflet-pane leaflet-shadow-pane"><img src="./ICPR 2026_ local informations _ ICPR2026website_files/marker-shadow.png" class="leaflet-marker-shadow leaflet-zoom-animated" alt="" style="margin-left: -12px; margin-top: -41px; width: 41px; height: 41px; transform: translate3d(403px, 278px, 0px);"></div><div class="leaflet-pane leaflet-overlay-pane"></div><div class="leaflet-pane leaflet-marker-pane"><img src="./ICPR 2026_ local informations _ ICPR2026website_files/marker-icon-2x.png" class="leaflet-marker-icon leaflet-zoom-animated leaflet-interactive" alt="" tabindex="0" style="margin-left: -12px; margin-top: -41px; width: 25px; height: 41px; transform: translate3d(403px, 278px, 0px); z-index: 278;"></div><div class="leaflet-pane leaflet-tooltip-pane"></div><div class="leaflet-pane leaflet-popup-pane"><div class="leaflet-popup leaflet-zoom-animated" style="opacity: 1; transform: translate3d(404px, 244px, 0px); bottom: -7px; left: -77px;"><div class="leaflet-popup-content-wrapper"><div class="leaflet-popup-content" style="width: 114px;">Center of Congres<br> 45.785021, 4.858137</div></div><div class="leaflet-popup-tip-container"><div class="leaflet-popup-tip"></div></div><a class="leaflet-popup-close-button" href="https://icpr2026.org/localInformations.html#close">×</a></div></div><div class="leaflet-proxy leaflet-zoom-animated" style="transform: translate3d(1.07688e+06px, 747886px, 0px) scale(4096);"></div></div><div class="leaflet-control-container"><div class="leaflet-top leaflet-left"><div class="leaflet-control-zoom leaflet-bar leaflet-control"><a class="leaflet-control-zoom-in" href="https://icpr2026.org/localInformations.html#" title="Zoom in" role="button" aria-label="Zoom in">+</a><a class="leaflet-control-zoom-out" href="https://icpr2026.org/localInformations.html#" title="Zoom out" role="button" aria-label="Zoom out">−</a></div></div><div class="leaflet-top leaflet-right"></div><div class="leaflet-bottom leaflet-left"></div><div class="leaflet-bottom leaflet-right"><div class="leaflet-control-attribution leaflet-control"><a href="https://leafletjs.com/" title="A JS library for interactive maps">Leaflet</a> | © OpenStreetMap contributors</div></div></div></div> </div> <script> var map = L.map('map').setView([36.4007049, 10.6250195], 13); L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: '© OpenStreetMap contributors' }).addTo(map); L.marker([36.4007049, 10.6250195]).addTo(map) .bindPopup("Center of Congres<br> 36.4007049, 10.6250195") .openPopup(); </script> </div> <h2>Hammamet , Sol Azur Hotel</h2> <div id="footerSite"> </div> </div> </div> </div> </main>{% endblock %}