Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <!-- ================================================================== EMAIL TWO-TIERED INFO FOOTER ================================================================== - Built for maximum compatibility in all major email clients. - Uses table-based layouts and inlined CSS. --> <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"> <!-- Top Tier: Social & Brand --> <tr> <td style="background-color:#2d3436; padding:30px 20px;"> <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" align="center" style="width:600px; max-width:600px;"> <tr> <!-- Logo --> <td align="left" valign="middle"> <a href="https://example.com" target="_blank"> <img src="https://placehold.co/120x30/ffffff/2d3436?text=LOGO" width="120" alt="Company Logo" style="width:120px; max-width:120px; display:block; border:0;"> </a> </td> <!-- Social Icons --> <td align="right" valign="middle"> <table border="0" cellpadding="0" cellspacing="0" role="presentation"> <tr> <td style="padding-left:10px;"> <a href="https://example.com" target="_blank"><img src="https://placehold.co/28x28/ffffff/2d3436?text=t" width="28" alt="Twitter" style="width:28px; max-width:28px; display:block; border:0; border-radius:50%;"></a> </td> <td style="padding-left:10px;"> <a href="https://example.com" target="_blank"><img src="https://placehold.co/28x28/ffffff/2d3436?text=f" width="28" alt="Facebook" style="width:28px; max-width:28px; display:block; border:0; border-radius:50%;"></a> </td> <td style="padding-left:10px;"> <a href="https://example.com" target="_blank"><img src="https://placehold.co/28x28/ffffff/2d3436?text=in" width="28" alt="LinkedIn" style="width:28px; max-width:28px; display:block; border:0; border-radius:50%;"></a> </td> </tr> </table> </td> </tr> </table> </td> </tr> <!-- Bottom Tier: Compliance --> <tr> <td style="background-color:#f8f9fa; padding:30px 20px;"> <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" align="center" style="width:600px; max-width:600px;"> <tr> <td align="center" style="font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777;"> <p style="margin:0 0 10px 0;"> You received this email because you subscribed to our newsletter. </p> <p style="margin:0 0 10px 0;"> <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Update your preferences</a> | <a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Unsubscribe</a> </p> <p style="margin:0;"> © 2025 Your Company, 123 Brand Lane, Suite 100, City, State 12345 </p> </td> </tr> </table> </td> </tr> </table>