"gif promo mm"
Bootstrap 3.3.0 Snippet by martinfrancisco

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Hospital Metropolitano</title> <style type="text/css"> /* ------------------------------------- INLINED WITH https://putsmail.com/inliner ------------------------------------- */ /* ------------------------------------- RESPONSIVE AND MOBILE FRIENDLY STYLES ------------------------------------- */ @media only screen and (max-width: 620px) { table[class=body] h1 { font-size: 28px !important; margin-bottom: 10px !important; } table[class=body] p, table[class=body] ul, table[class=body] ol, table[class=body] td, table[class=body] span, table[class=body] a { font-size: 16px !important; } table[class=body] .wrapper, table[class=body] .article { padding: 10px !important; } table[class=body] .content { padding: 0 !important; } table[class=body] .container { padding: 0 !important; width: 100% !important; } table[class=body] .main { border-left-width: 0 !important; border-radius: 0 !important; border-right-width: 0 !important; } table[class=body] .btn table { width: 100% !important; } table[class=body] .btn a { width: 100% !important; } table[class=body] .img-responsive { height: auto !important; max-width: 100% !important; width: auto !important; }} /* ------------------------------------- PRESERVE THESE STYLES IN THE HEAD ------------------------------------- */ @media all { .ExternalClass { width: 100%; } .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } .apple-link a { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; text-decoration: none !important; } .btn-primary table td:hover { background-color: #34495e !important; } .btn-primary a:hover { background-color: #34495e !important; border-color: #34495e !important; } } </style> </head> <body class="" style="background-color:#f6f6f6;font-family:sans-serif;-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.4;margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;"> <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;background-color:#f6f6f6;width:100%;"> <tr> <td style="font-family:sans-serif;font-size:14px;vertical-align:top;"> </td> <td class="container" style="font-family:sans-serif;font-size:14px;vertical-align:top;display:block;max-width:580px;padding:10px;width:580px;Margin:0 auto !important;"> <div class="content" style="box-sizing:border-box;display:block;Margin:0 auto;max-width:580px;padding:10px;"> <!-- START CENTERED WHITE CONTAINER --> <span class="preheader" style="color:transparent;display:none;height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;visibility:hidden;width:0;">HOSPITAL METROPOLITANO</span> <table class="main" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;background:#fff;border-radius:3px;width:100%;"> <!-- START MAIN CONTENT AREA --> <tr> <td class="wrapper" style="font-family:sans-serif;font-size:14px;vertical-align:top;box-sizing:border-box;padding:20px;background-color:#fff"> <table border="0" cellpadding="0" cellspacing="0" style="background-color:#fff;border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;"> <tr style="font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 14px; margin: 0;"> <td class="alert" style="background-color:#fff; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; box-sizing: border-box; font-size: 16px; vertical-align: top; color: #000; font-weight: 500; text-align: center; border-radius: 3px 3px 0 0; background-color: #fff; margin: 0; padding: 20px;" align="center" bgcolor="#fff" valign="top"> <img src="http://serviciosenlinea.hospitalmetropolitano.ml/views/metro_logo.gif" width="35%"> </td> </tr> <tr> <td style="font-family:sans-serif;font-size:14px;vertical-align:top;"> <br/> <img src="http://links.hospitalmetropolitano.ml/views/video_mm.gif" width="100%"> <br/> </td> </tr> <tr> <td style="font-family:sans-serif;font-size:14px;vertical-align:top;"> <br/> <p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px; text-align: justify; text-justify: inter-word;"> ¡MAMÁ, este mes te queremos consentir! Si estás embarazada tenemos increíbles beneficios para ti: UPGRADE a Habitación ÉLITE, más cama y desayuno de acompañante GRATIS* por el mes de mayo. MetroMaternidad el mejor lugar para nacer. Para más información llama a 1800HMETRO. </p> <p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px; text-align: justify; text-justify: inter-word;"> Consulta términos y condiciones <a href="https://goo.gl/WR2Tv0">aquí</a>. </p> <p style="font-family:sans-serif;font-size:14px;font-weight:normal;margin:0;Margin-bottom:15px;"> <hr/> </p> </td> </tr> </table> <!-- CONTENT TABLE // --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" class="textContent"> <div style="text-align:center;font-family:Helvetica,Arial,sans-serif;font-size:12px;margin-bottom:0;margin-top:3px;line-height:100%;"> Síguenos en Facebook. <Br> <Br> <table border="0" cellspacing="0"> <tr> <td width="100" style="iosfix"> </td> <td width="100" style="iosfix"> </td> <td style="padding: 0 28px 0 28px;"> <a href="https://www.facebook.com/HospitalMetropolitanoEC/"> <img src="http://image.news.easytaxi.com/lib/fe901273776c077c7d/m/1/IconEmail_Facebook+35x35_v2.png" width="35" height="35" alt="Fb" border="0" style="display: block;" /></a> </td> <td width="100" style="iosfix"> </td> </tr> </table> </div> </td> </tr> </table> <!-- // CONTENT TABLE --> </td> </tr> <!-- END MAIN CONTENT AREA --> </table> <!-- START FOOTER --> <div class="footer" style="clear:both;padding-top:10px;text-align:center;width:100%;"> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;"> <tr> <td class="content-block powered-by" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;"> <a href="http://hospitalmetropolitano.org/" style="color:#3498db;text-decoration:underline;color:#999999;font-size:12px;text-align:center;">Hospital Metropolitano</a>. </td> </tr> <tr> <td class="content-block powered-by" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;"> AV. Mariana de Jesús s/n y Nicolás Arteta, Quito - Ecuador. </td> </tr> <tr> <td class="content-block powered-by" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;"> Contáctenos: 1800 - HMETRO Tlf:Fax: 2269 824. </td> </tr> <tr> <td class="content-block powered-by" style="font-family:sans-serif;font-size:14px;vertical-align:top;color:#999999;font-size:12px;text-align:center;"> ¿No quieres recibir las novedades de Hospital Metropolitano? <a href="<|RemoveUrl|>" target="_blank" style="text-decoration:none;color:#828282;"><span style="color:#828282;">Cancela esta subscripción.</span></a>. </td> </tr> </table> </div> <!-- END FOOTER --> <!-- END CENTERED WHITE CONTAINER --> </div> </td> <td style="font-family:sans-serif;font-size:14px;vertical-align:top;"> </td> </tr> </table> </body> </html>

Related: See More

BLK• Design System

Questions / Comments: