<div class="position-relative mb-xl-100">
<div class="p-20 py-xl-80 px-lg-60 px-xl-100 bg-dark-gray text-white mb-xl-100">
<div class="col-12 col-lg-3">
<h1>
{{ pimcore_input("name",{
"width": '100%',
"placeholder": "Nome progetto"
}) }}
</h1>
<p>
{{ pimcore_wysiwyg("location",{
"width": '100%',
"placeholder": "Location"
}) }}
</p>
<div class="socials">
<h5 class="fw-bold">{{ 'Seguici'|trans }}</h5>
<div class="d-flex">
<a href="https://www.facebook.com/Busettosrl" target="_blank" class="social me-10"><i class="fa-brands fa-facebook-f"></i></a>
<a href="https://www.pinterest.it/busettosrl/" target="_blank" class="social me-10"><i class="fa-brands fa-pinterest-p"></i></a>
<a href="https://www.linkedin.com/company/busetto-srl" target="_blank" class="social"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
<div class="map-container position-relative position-xl-absolute top-auto end-auto top-xl-0 end-xl-0 mt-xl-60 col-12 col-xl-8 col-xxl-9">
<div id="googleMap" class="map w-100"></div>
</div>
</div>