Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <title>My Example</title> <!-- ================================================================== EMAIL FEEDBACK LOOP 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" style="background-color:#f9f9f9;"> <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; background-color:#ffffff; border:1px solid #e0e0e0; border-radius:8px;"> <!-- Feedback Section --> <tr> <td align="center" style="padding:30px 20px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation"> <!-- Heading --> <tr> <td align="center" style="padding-bottom:15px;"> <p style="margin:0; font-family: Arial, sans-serif; font-size:18px; line-height:24px; color:#333333; font-weight:bold;"> How was your experience? </p> </td> </tr> <!-- Emoji Ratings --> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0" role="presentation"> <tr> <!-- Bad --> <td style="padding:0 15px;"> <a href="https://example.com?rating=bad" target="_blank" style="text-decoration:none;"> <img src="https://placehold.co/60x60/f1c40f/ffffff?text=%3A%28" width="60" alt="Bad" style="width:60px; max-width:60px; display:block; border:0;"> <p style="margin:5px 0 0 0; font-family: Arial, sans-serif; font-size:12px; color:#555555;">Not Good</p> </a> </td> <!-- Neutral --> <td style="padding:0 15px;"> <a href="https://example.com?rating=neutral" target="_blank" style="text-decoration:none;"> <img src="https://placehold.co/60x60/f1c40f/ffffff?text=%3A%7C" width="60" alt="Neutral" style="width:60px; max-width:60px; display:block; border:0;"> <p style="margin:5px 0 0 0; font-family: Arial, sans-serif; font-size:12px; color:#555555;">Okay</p> </a> </td> <!-- Good --> <td style="padding:0 15px;"> <a href="https://example.com?rating=good" target="_blank" style="text-decoration:none;"> <img src="https://placehold.co/60x60/f1c40f/ffffff?text=%3A%29" width="60" alt="Good" style="width:60px; max-width:60px; display:block; border:0;"> <p style="margin:5px 0 0 0; font-family: Arial, sans-serif; font-size:12px; color:#555555;">Great!</p> </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <!-- Compliance Section --> <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" style="width:600px; max-width:600px;"> <tr> <td align="center" style="font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777; padding-top:30px;"> <p style="margin:0 0 10px 0;">© 2025 Your Company, Inc. All rights reserved.</p> <p style="margin:0;"><a href="https://example.com" target="_blank" style="color:#777777; text-decoration:underline;">Unsubscribe</a></p> </td> </tr> </table> </td> </tr> </table>