---
layout: base
title: Template pagina profilo utente
---
<header class="it25-none">
{% include esempi-lombardia/header.html %}
{% include esempi-lombardia/barra_utente.html %}
</header>

<main>
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 col-md-5 col-xl-4">
        <div class="text-center py-3 lightgrey-bg-c2">
          <h5>Foto del profilo</h5>
          <div>Carica la foto in formato jpg, jpeg o png.</div>
          <div>Dimensione: 200x200 px, 72 dpi, max 2 mb.</div>
          <div class="avatar-wrapper my-3">
            <div class="avatar size-xxl">
              <img src="https://randomuser.me/api/portraits/women/32.jpg" alt="Ludovica Galli">
            </div>
          </div>
          <div>
            <button type="button" class="btn btn-outline-primary">Aggiorna foto</button>
            <button type="button" class="btn btn-primary">Salva</button>
          </div>
          <p>
            Vuoi aggiornare i contatti del tuo profilo?
            <a href="#"><span class="font-weight-semibold">Clicca QUI</span></a>
          </p>
        </div>
      </div>
      <div class="col-12 col-md-7 col-xl-8 py-3">
        <h3 class="primary-color">Dati dell’utente</h3>
        <ul class="list-unstyled">
          <li><span class="font-weight-semibold">Username:</span> MCRossi</li>
          <li><span class="font-weight-semibold">Nome:</span> Maria Carla</li>
          <li><span class="font-weight-semibold">Cognome:</span> Rossi</li>
          <li><span class="font-weight-semibold">Codice fiscale:</span> MRCRSS62G69I754V</li>
          <li><span class="font-weight-semibold">E-mail:</span> mariacarla.rossi@tin.it</li>
          <li><span class="font-weight-semibold">Data di nascita:</span> 29/01/1962</li>
          <li><span class="font-weight-semibold">Telefono:</span> 039 2022633</li>
        </ul>
      </div>
    </div>
  </div>
</main>
<!--
<div class="d-none d-xl-block fixed-bottom">
{% include esempi-lombardia/footer.html %}
</div>
<div class="d-block d-xl-none">
{% include esempi-lombardia/footer.html %}
</div>
-->
{% include esempi-lombardia/footer.html %}