bootstrap-v4.0_demo
/
email-ecommerce.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 name="viewport" content="width=device-width" />
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Neptune</title>
    </head>
    <body style="margin:0px; background: #e8ebf0;">
        <div width="100%" style="background: #e8ebf0; padding: 0px 0px; font-family:arial; line-height:28px; height:100%;  width: 100%; color: #333;">
            <div style="max-width: 700px; padding: 50px 0; margin: 0px auto; font-size: 14px">
                <div style="padding: 30px; background: #fff;">
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                        <tbody><tr>
                            <td>
                                <h1 style="color: #24222f; font-size: 20px; font-weight: bold">Lorem ipsum dolor sit amet.</h1>
                                <p style="color: #999">Monday, July 12 2016 at 16:00 PM</p>
                                <h3 style="margin-bottom: 20px; color: #24222f; font-weight: bold">Order #0123456789</h3>
                                <table border="0" cellpadding="0" cellspacing="0" style="width: 100%;">
                                    <tr>
                                        <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 2px solid #333;">
                                            First product
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 2px solid #333;">
                                            1
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 2px solid #333;">
                                            $ 999.00
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 1px solid #d9d7e0;">
                                            Second product
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 1px solid #d9d7e0;">
                                            2
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #d9d7e0;">
                                            $ 28.99
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 1px solid #d9d7e0;">
                                            Third product
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 1px solid #d9d7e0;">
                                            5
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #d9d7e0;">
                                            $ 5.99
                                        </td>
                                    </tr>
                                    <tr style="color: #999;">
                                        <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 1px solid #d9d7e0;">
                                            Subtotal
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 1px solid #d9d7e0;">
                                            8
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 1px solid #d9d7e0;">
                                            $ 1033.98
                                        </td>
                                    </tr>
                                    <tr style="color: #999;">
                                        <td style="text-align: left; padding: 0px 10px 10px 0px;">
                                            Tax
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 0px 10px;">
                                            10%
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap;">
                                            $ 103.39
                                        </td>
                                    </tr>
                                    <tr style="color: #999;">
                                        <td style="text-align: left; padding: 0px 10px 10px 0px;">
                                            Shipping
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 0px 10px;">
                                            &nbsp;
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 0px 0px 10px 10px; white-space: nowrap;">
                                            $ 9.99
                                        </td>
                                    </tr>
                                    <tr>
                                        <td style="text-align: left; padding: 10px 10px 10px 0px; border-top: 2px solid #333;">
                                            <span style="font-size: 18px; font-weight: bold">Total</span>
                                        </td>
                                        <td style="width: 10%; text-align: center; padding: 10px 10px; border-top: 2px solid #333;">
                                        </td>
                                        <td style="width: 20%; text-align: right; padding: 10px 0px 10px 10px; white-space: nowrap; border-top: 2px solid #333;">
                                            <span style="font-size: 18px; font-weight: bold">$ 1147.368</span>
                                        </td>
                                    </tr>
                                </table>
                                <p>Lorem ipsum dolor sit amet, consectetur <a href="#" style="color: #3e70c9; text-decoration: underline;">adipiscing elit</a>. Sed diam sem, imperdiet at mollis vestibulum, bibendum id purus.</p>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div style="text-align: center; font-size: 12px; color: #b2b2b5; margin-top: 20px">
                    <p>
                        Neptune
                        <br>
                        <a href="#" style="color: #b2b2b5; text-decoration: underline;">Unsubscribe</a>
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>