<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Ufficio Catastale</title>
<?php require_once('includes/inc-css.php'); ?>
</head>
<body>
<?php require_once('includes/inc-ar-header.php'); ?>
<main id="content" role="main">
  <div class="overflow-hidden">
    <div class="container content-space-1">
      <div class="row">
        <?php require_once('includes/inc-ar-menu.php'); ?>
        <div class="col-lg-8 offset-lg-1 mb-5">
          <p class="h4  mb-0 text-center  text-center">Invita i tuoi amici a registrarsi </p>
          <p class="mb-3 text-center">Per te e per loro subito 0,00 € di ricarica extra* </p>
          <div class="card mb-5 rounded shadow">
            <div class="card-body pb-5">
              <picture>
                <source srcset="assets/img/promo-ufficiopostale.webp" type="image/webp">
                <source srcset="assets/img/promo-ufficiopostale.png" type="image/png" class="img-fluid rounded mb-4 lazyloaded" width="750" height="214" alt="INVITA UN AMICO" title="INVITA UN AMICO">
                <img src="assets/img/promo-ufficiopostale.png" alt="" class="img-fluid rounded mb-4 ls-is-cached lazyloaded" width="750" height="214" title="INVITA UN AMICO"> </picture>
            </div>
          </div>
          <div class="card mb-5 rounded shadow">
            <div class="card-body pb-5">
              <form class="row g-3 align-items-end">
                <div class="col-lg-5">
                  <label for="" class="" id="promo">NOMINATIVO</label>
                  <input type="text" class="form-control" id="promo" value="" placeholder="">
                </div>
                <div class="col-lg-5">
                  <label for="" class="" id="promo">EMAIL</label>
                  <input type="email" class="form-control" id="promo" value="" placeholder="">
                </div>
                <div class="col-lg-2">
                  <div class="d-grid gap-2">
                    <button type="submit" class="btn btn-primary">INVITA </button>
                  </div>
                </div>
              </form>
            </div>
          </div>
          <p><small>*Puoi invitare al massimo 10 amici. Riceverai il buono sconto tramite email dopo che i tuoi amici avranno effettuato la loro prima ricarica o acquisto su ufficiopostale.com. Per ricevere lo sconto i tuoi amici non devono essere già clienti di ufficiopostale.com e dovranno registrarsi con l'email alla quale li hai invitati.</small> </p>
          <div class="card mb-5 rounded shadow">
            <div class="card-body pb-5">
              <ul class="list-group list-group-lg list-group-flush list-group-striped  ">
                <li class="list-group-item p-3 d-none d-sm-block bg-light">
                  <div class="row">
                    <div class="col-sm-4 mb-2 mb-sm-0"><strong>Nominativo</strong> </div>
                    <div class="col-sm-6 mb-2 mb-sm-0"><strong>Email</strong> </div>
                    <div class="col-sm-2 mb-2 mb-sm-0"><strong>Esito</strong> </div>
                  </div>
                </li>
                <li class="list-group-item p-3">
                  <div class="row align-items-center">
                    <div class="col-sm-4 mb-2 mb-sm-0"> Mario Rossi </div>
                    <div class="col-sm-6 mb-2 mb-sm-0"> m.rossi@altravia.com </div>
                    <div class="col-sm-2 mb-2 mb-sm-0"> 0,00€</div>
                  </div>
                </li>
                <li class="list-group-item p-3">
                  <div class="row align-items-center">
                    <div class="col-sm-4 mb-2 mb-sm-0"> Matteo Di Giacomo </div>
                    <div class="col-sm-6 mb-2 mb-sm-0"> m.digiacomo@altravia.com</div>
                    <div class="col-sm-2 mb-2 mb-sm-0"> In attesa</div>
                  </div>
                </li>
                <li class="list-group-item p-3">
                  <div class="row align-items-center">
                    <div class="col-sm-4 mb-2 mb-sm-0"> Shaun De Lucia	 </div>
                    <div class="col-sm-6 mb-2 mb-sm-0"> s.delucia@altravia.com	</div>
                    <div class="col-sm-2 mb-2 mb-sm-0"> 0,00€</div>
                  </div>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</main>
<?php require_once('includes/inc-footer.php'); ?>
</body>
</html>
