<!doctype html>
<html>
 <head> 
  <meta charset="UTF-8"> 
 </head>
 <body> 
  <style>
    body { margin: 16px; max-width: 700px; }
     
    .base,
    .base table {
        border-spacing: 0;
        border-collapse: collapse;
    }
    .base td,
    .base th {
        padding: 0;
    }

    .item {
        border: white 8px solid;
                vertical-align: top;
    }

    .item--image {
        display: block;
        border: 0;
        max-width: 100%;
    }

    .base--row {
        vertical-align: top;
        margin: auto;
    }

    .base .item--text {
        font-family: arial, sans-serif;
        font-size: 14px;
        color: #333;
        padding-top: 10px;
        text-align: center;
        max-width: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .item--row {
        vertical-align: top;
    }

    .item--image {
       -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    /* space equally shared */
    @media only screen and (max-width : 768px) {
        .item {
            width: 15%;
            max-width: 100%;
        }
    }

    /* two column grid */
    @media only screen and (max-width : 480px) {
        .item {
            width: 50%;
            float: left;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .item table,
        .item--image {
            width: 100%;
        }
    }

    /* one column list */
    @media only screen and (max-width : 320px) {
        .base .item {
            width: 100%;
            display: block;
            float: none;
            border-left: 0;
        }
        .item--row {
            display: table-cell;
            width: 60%;
        }
        .item--row:first-child {
            width: 40%;
        }
        .base .item--text {
            padding-left: 8px;
        }
        body {
            margin: 12px;
        }
    }
</style> 
  <p> Fran_ois ROBERT ha condiviso il seguente file con te: </p> 
  <table class="base"> 
   <tbody>
    <tr> 
     <td> 
      <table> 
       <tbody>
        <tr class="base--row"> 
         <td class="item"> 
          <table> 
           <tbody>
            <tr class="item--row"> 
             <td align="left"><img class="item--image" src="cid:58ca9b4c-3a36-488c-995a-52c71f4c9db2" alt=""></td> 
            </tr> 
            <tr class="item-row"> 
             <td align="left" class="item--text"> Esercitazioni Fonia.zip </td> 
            </tr> 
           </tbody>
          </table> </td> 
        </tr> 
       </tbody>
      </table> </td> 
    </tr> 
   </tbody>
  </table> 
  <p style="clear:both"> </p> 
  <p> <a href="https://share.mail.libero.it/ajax/share/0ed2239901bc045be9b31891bc044b429a06b3448c31725f/2/m8/fRE1RRlM6Ly9kcml2ZW1haWwtZGVmYXVsdC1hY2NvdW50LzIyMDg3MD0yMzQ3ODg3NTI/aZHJpdmVtYWlsLnJlY2lwaWVudA~c2N1b2xhQGFjYW8uaXQ.ZHJpdmVtYWlsLmZvbGRlcmlk~MjIwODcwIzQ3ODg3NTI" style="color:#ffffff; background:#135496; border-color:#356697;  padding:10px 15px; font-size:14px; line-height:1.5; border: 1px solid; border-radius:3px;  text-align:center; text-decoration:none; vertical-align:middle;"> <span>Visualizza file</span> </a> </p> 
  <p> Il collegamento scadrà il 25 novembre 2020 </p> 
  <hr> 
  <p>Utilizza il link sopra per scaricare i file. Si aprirà una nuova pagina dalla quale potrai scegliere quali file scaricare.<br><br> To download all desired files click on the link above. You will be taken to a new page that allows you to pick the files you want to download.<br></p>
  <hr>
  <br>
  <br>
  <p class="default-style"><br></p>
 </body>
</html>