"Email signatur test"
Bootstrap 4.1.1 Snippet by enghed

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 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title></title> <style type="text/css"> /* Client-specific Styles */ #outlook a { padding: 0; } /* Force Outlook to provide a "view in browser" menu link. */ body { width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; } /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */ .ExternalClass { width: 100%; } /* Force Hotmail to display emails at full width */ .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; } /* Force Hotmail to display normal line spacing. */ #backgroundTable { margin: 0; padding: 0; width: 100% !important; line-height: 100% !important; } img { outline: none; text-decoration: none; border: none; -ms-interpolation-mode: bicubic; } a img { border: none; } .image_fix { display: block; } p { margin: 0px 0px !important; } table td{ border-collapse: collapse; border-spacing:0; mso-table-lspace: 0pt; mso-table-rspace: 0pt; } /*##############################################*/ /*IPHONE STYLES*/ /*##############################################*/ @media only screen and (max-width: 480px) { table { position: relative; } table[class="fluid-table"], td[class="fluid-cell"]{ width: 100% !important; } } </style> </head> <body> <div class="block"> <!-- Start of wrapper table --> <table cellpadding="0" cellspacing="0" border="0" width="100%"> <tr> <td> <table cellpadding="0" cellspacing="0" border="0" width="600" class="fluid-table"> <!-- Start of name, function title and logo --> <tr> <td style="padding-bottom:3px; outline:none; text-decoration:none; color:#000; font-size:14px; text-align:left; font-family: Open Sans, Arial, Verdana, sans-serif;"> <strong style="color: #9C1C27;font-size: 9px;">Med vänliga hälsningar / Best regards / Mit freundlichen Grüssen</strong><br/> </td> </tr> <tr> <td style="padding-bottom:5px;"> <a href="https://www.kabe.se/"><img src="https://www.kabe.se/images/extra/kabe-logo-morkare-3.png" nosend="1" border="0" style="display:block; width:150px; height:28px;" alt="KABE logo" title="KABE AB logo" /></a> </td> </tr> <!-- End of name, function and logo --> <!-- Contact info and Start of first column --> <tr> <td width="200" style="padding-bottom:3px; text-decoration:none; color:#B5987F; font-size:14px; font-family: Open Sans, Arial, Verdana, sans-serif;"> <strong style="color:#9C1C27;">Location Nijmegen</strong><br/> Lindenhoutseweg 69<br/> 6545 AH Nijmegen <br/> The Netherlands </td> <!-- End of first column --> <!-- Start of second column --> <td width="200" style="padding-bottom:3px; text-decoration:none; color:#B5987F; font-size:14px; font-family: Open Sans, Arial, Verdana, sans-serif;"> <strong style="color:#9C1C27;">Location Winterswijk</strong><br/> Industrieweg 2a<br/> 7102 DZ Winterswijk<br/> The Netherlands </td> <!-- End of second column --> <!-- Start of third column --> <td width="200" style="padding-bottom:3px; text-decoration:none; color:#B5987F; font-size:14px; font-family: Open Sans, Arial, Verdana, sans-serif;"> <a href="tel:0031-024-3775233" style="color:#B5987F;">T:0031-024-3775233</a> <br/> <span style="text-decoration:none">F: 0031-024-3779316</span> <br/> <a style="text-decoration:none; color:#9C1C27;" href="mailto:sales@deleeuwhides.nl"><span style="text-decoration:none; color:#9C1C27;">sales@deleeuwhides.nl</span></a><br/> <a style="text-decoration:none; color:#9C1C27;" href="http://www.deleeuwhides.com"><span style="text-decoration:none; color:#9C1C27;">www.deleeuwhides.com</span></a> </td> </tr> </table> <!-- End of third column and contact info --> <!-- Start of branding identity elements --> <tr> <td bgcolor="#B5987F" style="height:3px; width:100%;"></td> </tr> <tr> <td bgcolor="#ffffff" style="height:3px; width:100%;"></td> </tr> <tr> <td valign="middle" bgcolor="#9C1C27" style="height:30px; width:100%;"> <center> <img style="display:block;"src="http://www.deleeuwhides.com/img/slogan-footer.png" alt="slogan" /> </center> </td> </tr> <!-- End of branding identity elements --> </td> </tr> </table> <!-- end of wrapper table --> </div> </body> </html> shareimprove this answer answered Feb 27 '17 at 14:43 michelle88 12 add a comment

Related: See More

Argon Design System
Responsive Email Template
Email interface like Gmail

Questions / Comments: