Template exemplo para notificação de e-mail

<div class=container style="width: 100%; max-width: 800px; margin: 0px auto; text-align: center; font-size: 12px; font-family: Roboto, Arial, sans-serif; font-weight: lighter;"> <div style="margin-bottom: 5px;> <a href="https://ema.net.br/"><IMG alt="" src="http://ema.net.br/brandplace/stock/ema-full.png" width=150></a>     </div>
<div class=padd style="text-align: left; line-height: 20px; border: #ded9e6 1px solid; padding-left: 20px; padding-right: 20px; border-radius: 10px">
   <div = style="margin-bottom: 20px; margin-top: 20px;">
      <p>Prezado(a), <br> Foi registrado uma reunião.<br> 
      <ul>
         <li><strong>Responsável</strong>: Administrador do Sistema</li>
         <li><strong>Data</strong>: 24/07/2019</li>
         <li><strong>Local</strong>: Local</li>
         <li><strong>Assunto</strong>: Assunto</li>
         <li><strong>Pauta</strong>: Pauta</li>
      </ul>
      </p> 
   </div>
   <div class=container style="overflow: hidden; border-top: #ded9e6 1px solid; padding-bottom: 5px; padding-top: 10px;">
      <div style="float: left;">
         <div style="margin-bottom: 5px; font-size: 10px; color: #888; margin-top: 0px; line-height: 11px;"><b>Simplifique</b> sua gestão</div>
         <div><a href="http://dox.net.br/" target=_blank> <img style="float: left; margin-right: 2px" src="http://ema.net.br/brandplace/stock/footer-dox.png" width=30></a> <a href="https://ema.net.br/produtos/erp/" target=_blank><img style="float: left; margin-right: 2px" src="http://ema.net.br/brandplace/stock/footer-erp.png" width=30></a> </div>
      </div>
      <div style="float: right; text-align: right"> <a href="https://ema.net.br/" target=_blank><img src="http://ema.net.br/brandplace/stock/ema-assinatura-bottom-roxa.png" width=80></a> </div>
   </div>
</div>
</div>

Resultado DeskTop: 

Resultado Mobile: