index.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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Email</title>
<style>
    @media (max-width: 480px) {
        .wrapper table {
            width: 100% !important;
        }
    }

    @media (max-width: 480px) {
        .wrapper .column {
            width: 100% !important;
            display: block !important;
            text-align: center !important;
        }
    }

    @media (max-width: 480px) {
        .wrapper .column p{
            width: 60% !important;
            display: inline-block !important;
        }
    }

    @media (max-width: 480px) {
        .regis-btn {
            margin-left: 30px !important;
            margin-right: 30px !important;
            padding-left: 10px !important;
            padding-right: 10px !important;
        }
    }
</style>
<body style="margin: 0; padding: 0; background-color: #f6f6f6;font-family:Verdana, Geneva, Tahoma, sans-serif;">
    <table role="presentation" style="width:100%;max-width:600px;border-collapse:collapse;border:0;border-spacing:0;background:#ffffff;" align="center">
        <tr>
            <td style="padding:0;">
                <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/1.jpg" width="100%" alt="">
            </td>
        </tr>
        <tr>
            <td style="padding: 20px;">
                <p style="line-height:17px;font-size:14px;color:#333333;margin: 0;font-weight: bold;">Quý khách thân mến,</p>
                <div style="padding-top: 10px;line-height: 21px;font-size: 14px;font-weight: 400;">
                    Bạn đã có tấm thẻ nào để giao dịch và rút tiền mặt? Mở ngay thẻ thẻ ghi nợ quốc tế
                    <span style="color: #008000;font-weight: bold;">Visa Prime Platinum Debit</span> hoàn toàn miễn phí phát hành và miễn phí sử dụng để hưởng thêm ngàn đặc quyền ưu đãi khi chi tiêu & giao dịch.
                </div>
                <div style="padding-top: 10px;line-height: 21px;font-size: 14px;font-weight: 400;">
                    Với tính năng mở thẻ Ghi nợ quốc tế trực tuyến thông qua Website <span style="color: #008000;font-weight: bold;">VPBank Neo</span>, Quý khách hoàn toàn có thể ngồi tại nhà & thao tác đăng ký mở thẻ ngay trên thiết bị có kết nối internet của mình
                </div>
            </td>
        </tr>
        <tr style="background-color: #d9ead3;">
            <td align="center">
                <p style="color: #008000; font-size: 15px;font-weight: bold;line-height: 22px;padding-left: 10px;padding-right: 10px;">UNG DUNG DÙNG THẺ SUỐT TUẦN NHỜ BỘ "TỨ KHOÁI" ƯU ĐÃI</p>
            </td>
        </tr>
        <tr>
            <td class="wrapper" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;">
                <table style="border-collapse:collapse;border:0;border-spacing:0;">
                    <tr>
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/2.jpg" alt="" width="98px">
                        </td>
                        <td class="column" style="width: 160px;">
                            <p style="font-size: 14px;font-weight: bold;line-height: 18px;">
                                <span style="color: #008000;">Hoàn tiền đến 3% KHÔNG GIỚI HẠN</span> cho mọi chi tiêu</p>
                            </td>
                        </td>
                    
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/3.jpg" alt="" width="98px">
                        </td>
                        <td class="column" style="width: 160px;">
                            <p style="font-size: 14px;font-weight: bold;line-height: 18px; ">
                                <span style="color: #008000;">Hoàn tiền THÊM lên đến 1.500.000VNĐ</span> khi chi tiêu trong 03 tháng đầu mở thẻ </p>
                            </td>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="wrapper" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;">
                <table style="border-collapse:collapse;border:0;border-spacing:0;">
                    <tr>
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/4.jpg" alt="" width="98px">
                        </td>
                        <td class="column" style="width: 160px;">
                            <p style="font-size: 14px;font-weight: bold;line-height: 18px;">
                                <span style="color: #008000;">
                                    MIỄN PHÍ thường niên</span> năm đầu sử dụng</p>
                            </td>
                        </td>
                    
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/5.jpg" alt="" width="98px">
                        </td>
                        <td class="column" style="width: 160px;">
                            <p style="font-size: 14px;font-weight: bold;line-height: 18px; ">
                                <span style="color: #008000;">Rút tiền KHÔNG MẤT PHÍ</span> tại TẤT CẢ các ATM nội địa và tiện lợi rút tiền tại các ATM quốc tế</p>
                            </td>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 30px;padding-bottom: 20px;" align="center">
                <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/6.png" width="50%"  alt="">
            </td>
        </tr>
        <tr style="background-color: #d9ead3;">
            <td align="center">
                <p style="color: #008000; font-size: 15px;font-weight: bold;line-height: 22px;padding-left: 10px;padding-right: 10px;">MỞ THẺ GHI NỢ QUỐC TẾ TRONG GANG TẤC</p>
            </td>
        </tr>
        <tr>
            <td class="wrapper" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;">
                <table width="100%" style="border-collapse:collapse;border:0;border-spacing:0;">
                    <tr>
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/7.jpg" alt="" width="50%">
                        </td>
                    
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/8.jpg" alt="" width="50%">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td class="wrapper" style="padding-top: 20px;padding-left: 20px;padding-right: 20px;">
                <table width="100%" style="border-collapse:collapse;border:0;border-spacing:0;">
                    <tr>
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/9.jpg" alt="" width="50%">
                        </td>
                    
                        <td class="column" width="115px" align="center">
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/10.jpg" alt="" width="50%">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 30px;padding-bottom: 20px;" align="center">
                <p class="regis-btn" style="padding: 10px 30px; width: fit-content;background-color: #cc0000; color: #ffffff;border-radius: 14px">Hướng dẫn chi tiết cách đăng ký mở thẻ ghi nợ quốc tế</p>
            </td>
        </tr>
        <tr>
            <td style="padding-top: 30px;padding-bottom: 20px;background-color: #008000;background-image: url(https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/11.png);">
                <table style="border-collapse:collapse;border:0;border-spacing:0;margin: auto;margin-bottom: 10px;">
                    <tr>
                        <td>
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/12.png" alt="" width="32px" style="    margin-right: 10px;">
                        </td>
                        <td>
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/13.png" alt="" width="32px" style="    margin-right: 10px;">
                        </td>
                        <td>
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/14.png" alt="" width="32px" style="    margin-right: 10px;">
                        </td>
                        <td>
                            <img src="https://s7986713.sendpul.se/image/747991a0e145ac2bbe69f063a9402e69/files/emailservice/userfiles/f408f00ad7fd3ea98f92a7b9b86357fc7986713/15.png" alt="" width="32px" style="    margin-right: 10px;">
                        </td>
                    </tr>
                </table>
                <table style="border-collapse:collapse;border:0;border-spacing:0;margin: auto;">
                    <tr>
                        <td>
                            <p style="color: #ffffff;font-size: 14px;font-weight: bold;line-height: 21px;text-align: center;margin: 0;">Ngân hàng Việt Nam Thịnh Vượng VPBank © 2022</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="color: #ffffff;font-size: 14px;line-height: 21px;text-align: center;margin: 0;">Hội sở: 89 Láng Hạ, Q. Đống Đa, Hà Nội</p>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <p style="color: #ffffff;font-size: 14px;line-height: 21px;text-align: center;margin: 0;">Hotline: 1900545415</p>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>