---
layout: base
title: Template pagina wizard
---

<header class="it25-none">
{% include esempi-lombardia/topbar.html %}
{% include esempi-lombardia/barra_istituzionale.html %}
{% include esempi-lombardia/barra_utente.html %}
</header>

<main>
  <div class="container py-3">
    <div class="text-center my-3">
      <h1 class="primary-color">Cerca la sistemazione adatta a te</h1>
    </div>
    <div class="text-center my-2">
      <h5>Queste informazioni ci aiuteranno a capire meglio le tue esigenze.</h5>
    </div>

    <div class="steppers mt-5">
      {% include esempi-lombardia/it25_wizard.html %}

      <div class="steppers-content" aria-live="polite">
        <div class="text-center mt-5 mb-3">
          <h3 class="primary-color">Che cosa stai cercando?</h3>
        </div>
        <div class="d-flex justify-content-around">
          <div class="shadow-sm p-3 mb-3 bg-white border border-light" style="width: 12rem;">
              <div class="d-flex justify-content-center">
                <svg class="icon icon-primary icon-xl"><use xlink:href="{{ site.baseurl }}/dist/svg/sprite.svg#it-user"></use></svg>
              </div>
              <div class="form-check">
                <input name="gruppo1" type="radio" id="radio1">
                <label for="radio1">Soluzione singola</label>
              </div>
          </div>
          <div class="shadow-sm p-3 mb-3 bg-white border border-light" style="width: 12rem;">
            <div class="d-flex justify-content-center">
              <svg class="icon icon-primary icon-xl"><use xlink:href="{{ site.baseurl }}/dist/svg/sprite.svg#it-user"></use></svg>
              <svg class="icon icon-primary icon-xl"><use xlink:href="{{ site.baseurl }}/dist/svg/sprite.svg#it-user"></use></svg>
            </div>
            <div class="form-check">
              <input name="gruppo1" type="radio" id="radio2">
              <label for="radio2">In condivisione</label>
            </div>
          </div>
        </div>
      </div>
      {% include esempi-lombardia/wizard_nav.html %}
    </div> <!-- end steppers -->
  </div>
</main>

{% include esempi-lombardia/footer_minimo.html %}

<script>
  document.addEventListener("DOMContentLoaded", function() {
    $(function () {
      $('[data-toggle="tooltip"]').tooltip()
    });
  })
</script>