Email Icon Driven Footer

<!DOCTYPE html>
<title>My Example</title>

<table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation" style="background-color:#f4f4f4; border-top:1px solid #e0e0e0;">
    <tr>
        <td align="center" style="padding:40px 20px;">
            
            <table border="0" cellpadding="0" cellspacing="0" width="600" role="presentation" style="width:600px; max-width:600px;">
                
                <tr>
                    <td align="center" style="padding-bottom:30px;">
                        <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
                            <tr>
                                
                                <td valign="top" width="45%" style="width:45%;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
                                        
                                        <tr>
                                            <td width="32" style="width:32px; padding-right:15px;">
                                                <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/3498db/ffffff?text=W" alt="Website" width="32" style="display:block; border:0;"></a>
                                            </td>
                                            <td valign="middle" style="font-family: Arial, sans-serif; font-size:14px; color:#333333;">
                                                <a href="https://example.com" target="_blank" style="color:#333333; text-decoration:none;">Visit our Website</a>
                                            </td>
                                        </tr>
                                        
                                        <tr><td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td></tr>
                                        
                                        <tr>
                                            <td width="32" style="width:32px; padding-right:15px;">
                                                <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/2ecc71/ffffff?text=H" alt="Help" width="32" style="display:block; border:0;"></a>
                                            </td>
                                            <td valign="middle" style="font-family: Arial, sans-serif; font-size:14px; color:#333333;">
                                                <a href="https://example.com" target="_blank" style="color:#333333; text-decoration:none;">Help & Support</a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                
                                <td width="10%" style="width:10%;">&nbsp;</td>
                                
                                <td valign="top" width="45%" style="width:45%;">
                                    <table border="0" cellpadding="0" cellspacing="0" width="100%" role="presentation">
                                        
                                        <tr>
                                            <td width="32" style="width:32px; padding-right:15px;">
                                                <a href="https://example.com" target="_blank"><img src="https://placehold.co/32x32/e74c3c/ffffff?text=B" alt="Blog" width="32" style="display:block; border:0;"></a>
                                            </td>
                                            <td valign="middle" style="font-family: Arial, sans-serif; font-size:14px; color:#333333;">
                                                <a href="https://example.com" target="_blank" style="color:#333333; text-decoration:none;">Read our Blog</a>
                                            </td>
                                        </tr>
                                        
                                        <tr><td height="20" style="font-size:1px; line-height:1px;">&nbsp;</td></tr>
                                        
                                        <tr>
                                            <td width="32" style="width:32px; padding-right:15px;">
                                                <a href="mailto:contact@example.com"><img src="https://placehold.co/32x32/9b59b6/ffffff?text=@" alt="Email" width="32" style="display:block; border:0;"></a>
                                            </td>
                                            <td valign="middle" style="font-family: Arial, sans-serif; font-size:14px; color:#333333;">
                                                <a href="mailto:contact@example.com" style="color:#333333; text-decoration:none;">Email Us Directly</a>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                
                <tr>
                    <td align="center" style="font-family: Arial, sans-serif; font-size:12px; line-height:18px; color:#777777; padding-top:20px; border-top:1px solid #e0e0e0;">
                        <p style="margin:0;">&copy; 2025 Your Company Name, Inc.</p>
                        <p style="margin:10px 0;">123 Creative Ave, Suite 100, Design City, 12345</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>