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: