"NUEVA PLANTILLA DE CORREO"
Bootstrap 4.1.1 Snippet by cchirino

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html> <title>OVNICOM</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script> <style type="text/css"> .boton_personalizado_cchirino{ text-decoration: none; padding: 5px 12px 5px 12px; font-size: 16px; color: #000000; background-color: #ffffff; border-radius: 5px; border: 1px solid #424242; } .boton_personalizado_cchirino:hover{ color: #ffffff; background-color: #000000; } </style> <body> <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 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;"> </div> </td> </tr> <tr> <td> <table style="background-color:#e4e6e8; border-collapse:collapse; border:0px"> <tbody> <tr> <td> <div style="width:20px;"> </div> </td> <td style="background-color:white;border-radius:15px"> <table style="border-collapse:collapse; min-width:100%; width:100%"> <tbody> <tr> <td> <table style="border-collapse:collapse; border:0px; min-width:100%; width:100%"> <tbody> <tr> <td style="text-align:center; width:600px!important"><img src="https://gallery.mailchimp.com/e1bc316e3afc1c12836c12f41/images/42d1884c-4016-45c7-819b-4531ff693928.png" 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;border-radius:15px" /></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table style="background-color:#ffffff; border-collapse:collapse; border:0px; width:600px"> <tbody> <tr> <td> <table 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> <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> <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/e1bc316e3afc1c12836c12f41/images/136bbc56-9a23-4c95-a4f7-c262d012dcfc.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/e1bc316e3afc1c12836c12f41/images/f46bbae1-909e-4396-aeab-739676ae94bc.jpg" style="border:0; display:block; height:auto; outline:none; text-decoration:none; width:120px" /></a></p> <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. <br /> </p> <p style="text-align:center"><a href="http://cuenta.ovnicom.com/#/auth/activate-user/${object.signup_token}" class="btn boton_personalizado_cchirino" role="button" aria-pressed="true" >Activa tu Cuenta</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> <p style="text-align:justify"><strong>Correo: </strong>info@ovnicom.com</p> <p style="text-align:justify"><strong>Teléfonos: </strong>507 2005555 y 507 2000000</p><br /> <hr style="background-color: #cccccc"> <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;"> </div> </td> </tr> </tbody> </table> </td> <td> </td> <td style="height:100%; width:auto!important"> </td> </tr> </tbody> </table> </body> </html>

Related: See More

Argon Design System

Questions / Comments: