"Plantilla html envió de Notificacion"
Bootstrap 4.1.1 Snippet by cchirino

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <table style="background-color:#e4e6e8; border-collapse:collapse; border:0px; height:100%; margin:0; padding:0; width:100%"> <tbody> <tr> <td style="background-color:#e4e6e8; height:100%; width:auto!important"> </td> <td> </td> <td style="height:100%; width:600px!important"> <table class="m_1612016007818955036templateContainer" id="t2" style="background-color:#e4e6e8; border-collapse:collapse; border:0px; max-width:600px!important; width:100%"> <tbody> <tr> <td> <div style="width: 100%; height: 40px; background-color: #e4e6e8;"> <!--etiqueta_404--></div> </td> </tr> <tr> <td> <table class="m_1612016007818955036mcnTextContentContainer" style="background-color:#e4e6e8; border-collapse:collapse; border:0px"> <tbody> <tr> <td> <div style="width:20px;"> </div> </td> <td style="background-color:white"><!-- BLOQUE HEROE --> <table class="mcnImageBlock" style="border-collapse:collapse; min-width:100%; width:100%"> <tbody> <tr> <td> <table class="mcnImageContentContainer" style="border-collapse:collapse; border:0px; min-width:100%; width:100%"> <tbody> <tr> <td style="text-align:center; width:600px!important"><img alt="OVNICOM-SUPPORT-Heroe" class="mcnRetinaImage" src="https://gallery.mailchimp.com/e1bc316e3afc1c12836c12f41/images/364c2f76-db41-4428-92e6-ba50a7450003.jpg" style="-ms-interpolation-mode:bicubic; border:0; display:inline !important; height:auto; max-width:1920px; outline:none; padding-bottom:0; text-align:center; text-decoration:none; vertical-align:bottom; width:600px" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table class="mcnTextBlock" style="background-color:#ffffff; border-collapse:collapse; border:0px; width:600px"> <tbody> <tr> <td> <table class="mcnTextContentContainer" style="border-collapse:collapse; width:600px"> <tbody> <tr> <td> <div style="height:18px;"> </div> </td> </tr> <tr> <td style="text-align:center"> </td> </tr> <tr> <td> <div style="height:18px;"> </div> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <div style="width:500px; margin: 0 auto; padding-bottom:20px; text-align:left; color:#454546; font-family:raleway,roboto,open sans,helvetica,arial,sans-serif; font-size:13px"> <p> </p> <!-- CUERPO/TEXTO DEL CONTENIDO | INI --> <p>Estimado Sr.(a) <strong>${object.name}</strong>,<br /> Lo invitamos a conocer la nueva experiencia Ovnicom a través de nuestra nueva e innovadora aplicación móvil.</p> <p style="text-align:justify"><strong>Descargala ya!</strong><br /> Usa los siguientes enlaces:</p> <!-- BOTONES DE DESCARGA | INI --> <p style="text-align:center"><a href="https://apps.apple.com/us/app/ovnicom/id1475829045?l=es&ls=1" style="display:inline-block; margin:0px 10px;"><img src="https://gallery.mailchimp.com/32e2828010b10ad4f11449ea1/images/86a1d4f6-5372-4e3e-b65f-260c9d8f1ae6.jpg" style="border:0; display:block; height:auto; outline:none; text-decoration:none; width:120px" /></a> <a href="https://play.google.com/store/apps/details?id=com.ovnicom.ovnicom" style="display:inline-block; margin:0px 10px;"><img src="https://gallery.mailchimp.com/32e2828010b10ad4f11449ea1/images/2419d7ab-1582-44cf-8bab-d5bf123827ae.jpg" style="border:0; display:block; height:auto; outline:none; text-decoration:none; width:120px" /></a></p> <!-- BOTONES DE DESCARGA | END --> <p style="text-align:justify">Los beneficios de contar con la Aplicación Móvil son los siguientes:</p> <ul> <li style="text-align: left;"><span style="font-size:12px"><em>Chat en vivo con Atención al Cliente a través de <strong>WhatsApp</strong>.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Información de Facturas.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Información de Saldos.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Pagos en lineas con Tarjetas de Crédito <strong>Visa</strong>/<strong>MasterCard</strong>.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Información de Nuestros Productos y Servicios.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Acceso directo a nuestro Departamento de Ventas.</em></span></li> <li style="text-align: left;"><span style="font-size:12px"><em>Acceso directo a nuestro Departamento de Soporte Técnico.</em></span></li> </ul> <p style="text-align:justify">Para comenzar a disfrutar de todos estos beneficios que hemos creado para usted, lo invitamos a activar su cuenta validando sus datos y estableciendo su contraseña a través del siguiente enlace <a href="http://cuenta.ovnicom.com/#/auth/activate-user/${object.signup_token}"><strong>Activar Cuenta</strong></a></p> <p style="text-align:justify">Igualmente te informamos que tu nombre de usuario es <strong>${object.email}</strong></p><br /> <p style="text-align:justify">Para cualquier información adicional, comuníquese con nuestro equipo de Atención al Cliente a través de los siguientes canales.</p><br /> <p style="text-align:justify"><strong>Correo: </strong>info@ovnicom.com</p> <p style="text-align:justify"><strong>Teléfonos: </strong>50 2005555 y 507 2000000</p><br /> <p style="text-align:center"><strong>¡Ovnicom Tecnología con Inteligencia!</strong></p> </div> </td> <td> <div style="width:20px;"> </div> </td> </tr> </tbody> </table> </td> </tr> <tr> <td> </td> </tr> <tr> <td> <div style="width: 100%; height: 20px; background-color: #e4e6e8;"> <!--etiqueta_007--></div> </td> </tr> </tbody> </table> </td> <td> </td> <td style="height:100%; width:auto!important"> </td> </tr> </tbody> </table>

Related: See More


Questions / Comments: