71 lines
2.7 KiB
HTML
71 lines
2.7 KiB
HTML
<!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 name="viewport" content="width=device-width">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
<!-- Inject stylesheets after they are processed with LESS, SASS or postcss. -->
|
|
|
|
|
|
<style type="text/css">
|
|
/* Ideally, this would be part of a linked CSS file. @see https://github.com/fadeit/responsive-html-email-signature/issues/15 */
|
|
|
|
/*
|
|
* ================
|
|
* 4. Basic responsive stuff.
|
|
* ================
|
|
*/
|
|
@media only screen and (max-width:560px){
|
|
.footer td{
|
|
font-size: 12px!important;
|
|
}
|
|
|
|
.footer__main__col1{
|
|
width: 100%!important;
|
|
}
|
|
|
|
.footer__main__col1__td{
|
|
text-align: left;
|
|
}
|
|
|
|
.footer__main__col1__td > span{
|
|
margin-bottom:10px;
|
|
}
|
|
|
|
.footer__main__col2{
|
|
width: 100%!important;
|
|
}
|
|
|
|
.footer__main__col2__td{
|
|
text-align: left;
|
|
padding-bottom:20px;
|
|
}
|
|
|
|
.footer__main__col2__td__img{
|
|
padding-left:0!important;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body style="-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none;">
|
|
<br> <!-- <br/> Makes it easier to add text when composing -->
|
|
|
|
<table class="main rbcc" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" width="100%">
|
|
<tr class="sp" style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;"><td class="sp__inner" style="padding: 15px 0;"></td></tr>
|
|
|
|
<tr class="rbcc" style="border: 0; box-sizing: border-box; cellpadding: 0; cellspacing: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;">
|
|
<td class="footer footer--simple" style="border-top: 8px solid #585858; color: #f5f5f5; padding: 20px 30px 0px 30px; padding-bottom: 20px;" bgcolor="#FFFFFF">
|
|
<table class="rbcc footer__main" style="border: 0; cellpadding: 0; cellspacing: 0;" border="0" cellpadding="0" cellspacing="0" width="100%">
|
|
<tr style="box-sizing: border-box; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; line-height: 22px;">
|
|
<!-- @todo gulp-inline-css doesn't parse align -->
|
|
<td class="footer__main__signature" align="left" style="align: left; color: #888; font-size: 14px;">
|
|
Best regards,<br>
|
|
The dark mail team<br>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</body></html> |