<div class="card-wrapper it25-profile">
  <div class="card header">
    <div class="card-body">
      <div class="card-title">
        <div class="icon-user me-2">
          <svg class="icon icon-lg icon-white">
            <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-user"></use>
          </svg>
        </div>
        <span class="user-info">Mario Rossi</span>
        <span class="user-email">mariorossi@lispa.it</span>
      </div>
      <p class="card-text user-button d-none">
        <button type="button" class="btn white-bg">
          <svg class="icon icon-primary ms-1">
            <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-pencil"></use>
          </svg>
          <span>Modifica</span>
        </button>
      </p>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <div class="card-title header">
        <span class="title">ANAGRAFICA</span>
      </div>
      <p class="card-text">
        <label class="form-box"> <span class="me-2 title">Sesso:</span> <span>Maschio</span> </label>
        <label class="form-box"> <span class="me-2 title">Data di nascita:</span> <span>15/02/1989</span> </label>
        <label class="form-box"> <span class="me-2 title">Comune di nascita:</span> <span>Milano</span> </label>
      </p>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <div class="card-title header">
        <span class="title">Titolo</span>
        <div class="icon-box me-2 d-block">
          <svg class="icon icon-sm">
            <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-warning-blue"></use>
          </svg>
        </div>
      </div>
      <p class="card-text box-text">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
        quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
      </p>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <ul class="list-box">
        <li class="me-3">
          
          <svg class="icon icon-sm icon-primary">
            <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-file-save"></use>
          </svg>
           
        </li>
        <li class="textbox">
          <span class="text">Termini di utilizzo</span>
        </li>
        
        <li class="link">
          <button class="btn-link" aria-label="vai alla voce">
            <svg class="icon icon-xs">
              <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-external-link-fill"></use>
            </svg>
          </button>
        </li>
        
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-box">
  <div class="card">
    <div class="card-body">
      <ul class="list-box">
        <li class="me-3">
           
          <div class="circle"></div>
          
        </li>
        <li class="textbox">
          <span class="text">Titolo</span>
        </li>
        
      </ul>
    </div>
  </div>
</div>

<div class="card-wrapper it25-info-list">
  <div class="card">
    <div class="accordion" id="accordionExample109">
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading109">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse109"
            aria-expanded="false"
            aria-controls="collapse109"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse109" class="accordion-collapse collapse" data-bs-parent="#accordionExample109" role="region" aria-labelledby="heading1">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading209">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse209"
            aria-expanded="false"
            aria-controls="collapse209"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse209" class="accordion-collapse collapse" data-bs-parent="#accordionExample109" role="region" aria-labelledby="heading209">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
      <div class="accordion-item">
        <h2 class="accordion-header" id="heading309">
          <button
            class="accordion-button collapsed"
            type="button"
            data-bs-toggle="collapse"
            data-bs-target="#collapse309"
            aria-expanded="false"
            aria-controls="collapse309"
          >
            LOREM IPSUM
          </button>
        </h2>
        <div id="collapse309" class="accordion-collapse collapse" data-bs-parent="#accordionExample109" role="region" aria-labelledby="heading309">
          <div class="accordion-body">
            Vestibulum hendrerit ultrices nibh, sed pharetra lacus ultrices eget. Morbi et ipsum et sapien dapibus facilisis. Integer eget semper nibh. Proin
            enim nulla, egestas ac rutrum eget, ullamcorper nec turpis.
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<button type="button" class="btn exit">
  <svg class="icon icon-sm ms-1">
    <use href="/bootstrap-lombardia/dist/svg/sprites.svg#it-exit"></use>
  </svg>
  Esci dal profilo
</button>