Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <!-- ================================================================== EMAIL SOCIAL PROOF FOOTER ================================================================== - Built for maximum compatibility in all major email clients. - Uses table-based layouts and inlined CSS. - Star icons are embedded as Data URIs for maximum reliability. --> <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" style="background-color:#ffffff;"> <tr> <td align="center" style="padding:40px 20px;"> <!-- Main Container Table --> <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" style="width:600px; max-width:600px;"> <!-- Testimonial Section --> <tr> <td align="center" style="padding-bottom:30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" style="background-color:#f8f9fa; border:1px solid #dee2e6; border-radius:8px;"> <tr> <td align="center" style="padding:30px;"> <!-- Star Rating --> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom:15px;"> <tr> <td><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmYzEwNyI+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==" width="24" alt="Star" style="width:24px; max-width:24px; display:block; border:0;"></td> <td width="4" style="width:4px;"> </td> <td><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmYzEwNyI+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==" width="24" alt="Star" style="width:24px; max-width:24px; display:block; border:0;"></td> <td width="4" style="width:4px;"> </td> <td><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmYzEwNyI+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==" width="24" alt="Star" style="width:24px; max-width:24px; display:block; border:0;"></td> <td width="4" style="width:4px;"> </td> <td><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmYzEwNyI+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==" width="24" alt="Star" style="width:24px; max-width:24px; display:block; border:0;"></td> <td width="4" style="width:4px;"> </td> <td><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iI2ZmYzEwNyI+PHBhdGggZD0iTTEyIDE3LjI3TDE4LjE4IDIxbC0xLjY0LTcuMDNMMjIgOS4yNGwtNy4xOS0uNjFMMTIgMiA5LjE5IDguNjMgMiA5LjI0bDUuNDYgNC43M0w1LjgyIDIxeiIvPjwvc3ZnPg==" width="24" alt="Star" style="width:24px; max-width:24px; display:block; border:0;"></td> </tr> </table> <!-- Quote --> <p style="margin:0 0 15px 0; font-family: Georgia, serif; font-size:20px; line-height:28px; color:#343a40; font-style:italic;"> “This is hands-down the best service I've ever used. It has completely changed my workflow for the better!” </p> <!-- Attribution --> <p style="margin:0; font-family: Arial, sans-serif; font-size:14px; line-height:20px; color:#6c757d; font-weight:bold;"> - Sarah J., Marketing Director </p> </td> </tr> </table> </td> </tr> <!-- Social & Compliance Section --> <tr> <td align="center" style="padding:20px 0; border-top:1px solid #e0e0e0;"> <table border="0" cellpadding="0" cellspacing="0" role="presentation" style="margin-bottom:20px;"> <tr> <td style="padding:0 10px;"> <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/cccccc/ffffff?text=f" width="32" alt="Facebook" style="width:32px; max-width:32px; display:block; border:0; border-radius:50%;"></a> </td> <td style="padding:0 10px;"> <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/cccccc/ffffff?text=t" width="32" alt="Twitter" style="width:32px; max-width:32px; display:block; border:0; border-radius:50%;"></a> </td> </tr> </table> <p style="margin:0; font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777;"> Your Company Inc. • 123 Trust Ave, Credibility City, 12345 </p> <p style="margin:10px 0 0 0; font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777;"> <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Unsubscribe</a> | <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Manage Preferences</a> </p> </td> </tr> </table> </td> </tr> </table>