SubscriptionPaymentFailed

Id: EB220250-25A3-485D-AD17-BB9DB4BDA9A2
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2023-01-24 16:58:50.040000
Updated: 2023-10-24 11:56:49.297000

HTML body (19769 chars)

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
    <meta name="x-apple-disable-message-reformatting">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title> payment failed</title>
    <style type="text/css">
        a {
            color: #1E9999;
        }

* {
            font-family: Helvetica, sans-serif !important;
        }

a {
            text-decoration: none;
            outline: 0
        }

a:hover {
            text-decoration: underline;
        }

#row {
            display: flex;
            flex-flow: row wrap;
        }

.serv ul {
            display: flex;
            flex-wrap: wrap;
            padding-left: 0;
        }

.serv ul li {
            list-style: none;
            flex: 0 0 33.333333%;
        }

@media (max-width:649px) {
            .o_col-full {
                max-width: 100%;
            }

.o_col-half {
                max-width: 50%;
            }

.o_hide-lg {
                display: inline-block !important;
                font-size: inherit !important;
                max-height: none !important;
                line-height: inherit !important;
                overflow: visible !important;
                width: auto !important;
                visibility: visible !important
            }

.o_hide-xs,
            .o_hide-xs.o_col_i {
                display: none !important;
                font-size: 0 !important;
                max-height: 0 !important;
                width: 0 !important;
                line-height: 0 !important;
                overflow: hidden !important;
                visibility: hidden !important;
                height: 0 !important
            }

.o_xs-center {
                text-align: center !important
            }

.o_xs-left {
                text-align: left !important
            }

.o_xs-right {
                text-align: left !important
            }

table.o_xs-left {
                margin-left: 0 !important;
                margin-right: auto !important;
                float: none !important
            }

table.o_xs-right {
                margin-left: auto !important;
                margin-right: 0 !important;
                float: none !important
            }

table.o_xs-center {
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important
            }

h1.o_heading {
                font-size: 32px !important;
                line-height: 41px !important
            }

h2.o_heading {
                font-size: 26px !important;
                line-height: 37px !important
            }

h3.o_heading {
                font-size: 20px !important;
                line-height: 30px !important
            }

.o_xs-py-md {
                padding-top: 24px !important;
                padding-bottom: 24px !important
            }

.o_xs-pt-xs {
                padding-top: 8px !important
            }

.o_xs-pb-xs {
                padding-bottom: 8px !important
            }
        }

#container {
            display: inline;
        }

.row {
            display: flex;
        }

.column {
            flex: 50%;
            padding: 1px;
        }

.o_heading,
        b,
        strong {
            font-weight: 700 !important
        }

a[x-apple-data-detectors] {
            color: inherit !important;
            text-decoration: none !important
        }

@media screen and (min-width:320px) {
            .footer {
                font-size: 7px !important;
            }

.footer1 {
                width: 324px;
            }
        }

@media screen and (min-width:425px) {
            .footer {
                font-size: 12px !important;
            }

.footer1 {
                width: 409px;
            }
        }

@media screen and (max-width:375px) {
            .footer {
                font-size: 8px !important;
            }

.footer1 {
                width: 359px;
            }

#letStartImage {
                position: relative;
                float: none;
                max-width: 250px !important;
                max-height: 130px !important;
            }

#imageId {
                float: none !important;
            }
        }

@media screen and (min-width:768px) {
            .footer {
                font-size: 14px !important;
            }

.footer1 {
                width: 900px;
            }
        }

@media screen and (min-width:1024px) {
            .footer {
                font-size: 15px !important;
            }

.footer1 {
                width: 900px;
            }
        }
    </style>
</head>

<body class="o_body o_bg-light; line-height:5"
    style="width:100%;margin:0;padding:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background-color:#FFFFFF">
    <div>
        <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
            <tbody>
                <tr>
                    <td class="o_bg-light o_px-xs o_pt-lg o_xs-pt-xs" align="center"
                        style="background-color:#FFFFFF;padding-left:8px;padding-right:8px;padding-top:32px;">
                        <table class="o_block footer1" width="100%" cellspacing="0" cellpadding="0" border="0"
                            role="presentation" style="max-width:900px;margin:0 auto">
                            <tbody>
                                <td class="o_bg-primary o_px o_py-md o_br-t o_sans o_text " align="center"
                                    style="align-items: center;margin-top:0;margin-bottom:0;font-size:15px;background-color:#4CB2B21A;padding-left:12px;padding-right:8px;padding-top:3px;padding-bottom:5px">
                                    <div style="display: flex; align-items: center;                                   height: 40px;"
                                        id="container"> <img src="https://i.stack.imgur.com/7YofS.png"
                                            style="width:180px;height:30px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;margin-top:auto;margin-bottom:auto;outline:0;text-decoration:none; margin-left:auto ;margin-right: auto;">
                                        </a> </div>
                                </td>
                            </tbody>
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
        </td>
        </tr>
        </tbody>
        </table>
        <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
            <tbody>
                <tr>
                    <td class="o_bg-light o_px-xs" align="center"
                        style="background-color:#FFFFFF;padding-left:8px;padding-right:8px">
                        <table class="o_block footer1" width="100%" cellspacing="0" cellpadding="0" border="0"
                            role="presentation"
                            style="max-width:900px; margin: auto; border-right:1.5px solid #4CB2B21A;border-left:1.5px solid #4CB2B21A;padding-left: 20px;padding-right: 20px;">
                            <tbody>
                                <tr>
                                    <td class="o_bg-white o_px-md o_py-xl o_xs-py-md o_sans o_text-md o_text-light"
                                        style="margin-top:auto;margin-bottom:auto;font-size:15px;">
                                        <div id="container">
                                            <div id="topContainer">
                                                <p id="imageId" style="float:right ;"> <img id="letStartImage"
                                                        style=" width: 280px;height: 140px; text-align: center;"
                                                        src=" https://i.stack.imgur.com/axPbK.jpg" alt="as"> </p>
                                                <p style="font-weight:600;color: #363636;line-height:3;font-size: 15px;"
                                                    ;> Hello ##UserName##, </p>
                                            </div>
                                            <p
                                                style="text-align: justify;font-size: 15px;color:#363636;padding-top:4px;line-height:23px">
                                                Unfortunately, the ##SubscriptionType## subscription payment has failed.
                                            </p>
                                        </div>
                                        <p
                                            style="font-size: 15px;color:#363636;padding-top:5px;line-height:23px;margin-bottom: -5px;">
                                            If the name, expiration date and CVV you submitted do not match the bank's
                                            information, the charge will usually be declined. </p>
                                        <p
                                            style="text-align: justify;font-size: 15px;color:#363636;line-height:25px;padding-top: 5px;">
                                            To continue with your subscription. We respectfully request that you update
                                            your payment method to make payment easier. </p>
                                        <p
                                            style="text-align: justify;font-size: 15px;color:#363636;padding-top: 1px;line-height:25px">
                                            Even if this appears to be an error, please contact us at <a
                                                href="mailto:support@timechamp.io"
                                                style="color:#1E9999;text-decoration: none;">support@timechamp.io</a>
                                            and we will assist you. </p>
                                        <div class="container2">
                                            <p
                                                style="font-weight:600;font-size: 15px;  color:#363636 ;padding-top:15px; ">
                                                Best Regards, </p>
                                            <div id="cover" class="mktEditable" mktoname="cover">
                                                <p class="no-spacing"><img src=" https://i.stack.imgur.com/bCepr.jpg"
                                                        style="max-width: 100%; width: 130px; height: auto" /></p>
                                            </div>
                                        </div>
    </div>
    </div>
    </div>
    </td>
    </tr>
    </tbody>
    </table>
    </td>
    </tr>
    </tbody>
    </table>
    <table width="100%" cellspacing="0" cellpadding="0" role="presentation">
        <tbody>
            <tr>
                <td class="x_o_bg-light x_o_px-xs x_o_pb-lg x_o_xs-pb-xs"
                    style="padding-left:8px; padding-right:8px; padding-bottom:32px">
                    <table class="x_o_block footer1" width="100%" cellspacing="0" cellpadding="0" border="0"
                        role="presentation"
                        style="max-width:900px; margin: auto; border-right:1.5px solid #4CB2B21A;border-left:1.5px solid #4CB2B21A;border-bottom:#4CB2B21A solid 1.5px;border-right: #4cb2b21a;border-left: #4CB2B21A;background-color:#4CB2B21A;">
                        <tbody>
                            <tr>
                                <td class="x_o_re x_o_px x_o_pb-lg footer" style="font-size:0; vertical-align:top;">
                                    <div class="x_o_col x_o_col-4"
                                        style="display:inline-block; vertical-align:top; white-space: nowrap;">
                                        <div class="x_o_px-xs x_o_sans x_o_text-xs x_o_text-dark_light x_o_left x_o_xs-center"
                                            style="font-family:Helvetica,Arial,sans-serif; font-size:12px; line-height:21px; text-align:left; padding-left:21px; padding-right:8px">
                                            <p class="footer"><strong>For support </strong><a
                                                    href="https://timechamp.freshdesk.com/support/solutions/articles/101000451716"
                                                    target="_blank" rel="noopener noreferrer" data-auth="NotApplicable"
                                                    class="x_o_text-dark_light x_o_underline"
                                                    style="outline:0; color:#1E9999;text-decoration: none;"
                                                    data-safelink="true" data-linkindex="0">Contact us</a></p>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div class="x_o_col x_o_col-4"
                                        style="display:inline-block; vertical-align:top; white-space: nowrap;">
                                        <div class="x_o_px-xs x_o_sans x_o_text-xs x_o_text-dark_light x_o_left x_o_xs-center"
                                            style=" margin-top:auto; margin-bottom:auto; font-size:12px; line-height:21px; text-align:left; padding-left:8px; padding-right:8px;">
                                            <span class="footer"><a
                                                    href="https://timechamp.io/documents/TimeChampTermsAndConditions.pdf"
                                                    target="_blank" rel="noopener noreferrer" data-auth="NotApplicable"
                                                    class="x_o_text-dark_light x_o_underline"
                                                    style="outline:0; color:#1E9999;text-decoration: none;"
                                                    data-safelink="true" data-linkindex="0">Terms & Conditions</a></span>
                                        </div>
                                    </div>
                                </td>
                                <td>
                                    <div id="container" style="white-space: nowrap;">
                                        <div class="x_o_col x_o_col-2"
                                            style="display:inline-block; vertical-align:top;float:right">
                                            <div class="x_o_px-xs x_o_sans x_o_text-xs x_o_text-dark_light x_o_right x_o_xs-center"
                                                style="font-family:Helvetica,Arial,sans-serif; font-size:10px;  color:#a0a3ab;">
                                                <p style="margin-top:auto; margin-bottom:auto;padding-right: 10px;"> <a class="o_text-dark_light"
                                                    href="https://www.youtube.com/@timechamp_io"
                                                    target="_blank" style="text-decoration:none;outline:0;"> <img
                                                        class="youtube" src="https://i.stack.imgur.com/FbejQ.png"
                                                        width="19" height="19" alt="fb"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a><span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://www.facebook.com/TimeChamp1/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/Xu3X2.png" width="14" height="14"
                                                        alt="fb"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://twitter.com/timechamp_io" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/elPSB.png" width="14" height="14"
                                                        alt="tw"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://www.linkedin.com/showcase/timechamp/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/vBBlN.png" width="14" height="14"
                                                        alt="ig"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span>  <a class="o_text-dark_light"
                                                    href="https://www.instagram.com/timechamp.io/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/ARfLl.png" width="14" height="14"
                                                        alt="ig"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a><span>&nbsp;&nbsp;&nbsp;</span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </td>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="x_o_hide-xs" style="font-size:64px; line-height:64px; height:64px" aria-hidden="true"> </div>
    </td>
    </tr>
    </tbody>
    </table>
    </div>
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

SubscriptionPaymentFailed

HTML body (19769 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as