Return-Path: <support@spam8888.com>
From: System Admin<support@spam8888.com>
To: bruce@untroubled.org
Subject: Immediate Action Required: Billing Issue with 250GB Plan | ID:64409-73160
Message-ID: <f0294b0b565145468d51eaacd486b3d5@spam8888.com>
Date: Mon, 20 Apr 2026 16:04:15 +0000
Reply-To: support@spam8888.com
Return-Path: <bounce@spam8888.com>
Precedence: bulk
List-ID: notifications.spam8888.com
List-Unsubscribe: <mailto:unsubscribe@spam8888.com?subject=unsubscribe>, <https://spam8888.com/unsubscribe/fda6404bcb6b477ab5f0af5b9cfdf29b>
List-Unsubscribe-Post: List-Unsubscribe=One-Click
X-Mailer: CloudMailer/2.1
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable
Content-Length: 12838

=EF=BB=BF<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x=
html1/DTD/xhtml1-transitional.dtd">
<html xmlns=3D"http://www.w3.org/1999/xhtml" lang=3D"en">

<head>
    <meta http-equiv=3D"Content-Type" content=3D"text/html; charset=3DUTF-8=
" />
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1.0" />
    <title>Action Required: Service Disabled</title>
    <style type=3D"text/css">
        /* Import Roboto */
        @import url('https://fonts.googleapis.com/css2?family=3DRoboto:wght=
@400;500;700&display=3Dswap');

        /* Reset & Basics */
        body {
            margin: 0;
            padding: 0;
            min-width: 100%;
            width: 100% !important;
            height: 100% !important;
            background-color: #eeeeee;
            -webkit-font-smoothing: antialiased;
        }

        table {
            border-spacing: 0;
            border-collapse: collapse;
        }

        td {
            padding: 0;
            vertical-align: top;
        }

        img {
            border: 0;
            -ms-interpolation-mode: bicubic;
            display: block;
        }

        a {
            text-decoration: none;
        }

        /* Typography */
        body,
        td,
        th,
        p,
        a,
        span {
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
        }

        /* Layout */
        .wrapper {
            width: 100%;
            table-layout: fixed;
            background-color: #eeeeee;
            padding-bottom: 40px;
        }

        .main-container {
            margin: 0 auto;
            max-width: 600px;
            width: 100%;
        }

        /* Card */
        .card {
            background-color: #FFFFFF;
            margin: 0 auto;
            width: 100%;
            max-width: 560px;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
            /* Removed the green top border to match the image style more c=
losely */
        }

        .header-row {
            padding: 25px 30px 10px 30px;
        }

        .content-padding {
            padding: 10px 30px 40px 30px;
            text-align: left;
        }

        /* Alert Boxes */
        .alert-box {
            padding: 15px;
            border-radius: 6px;
            margin-bottom: 15px;
            font-size: 14px;
            line-height: 20px;
            color: #333333;
        }

        /* Specific Alert Styles */
        .alert-yellow {
            background-color: #fff3cd;
            border: 1px solid #ffeeba;
            color: #856404;
        }

        .alert-red {
            background-color: #f8d7da;
            border: 1px solid #f5c6cb;
            color: #721c24;
            font-weight: 700;
            text-align: center;
        }

        .alert-blue {
            background-color: #e2f2ff;
            /* Light Google Blue */
            border: 1px solid #cce5ff;
            color: #004085;
        }

        .alert-final {
            background-color: #fff5f5;
            border: 1px solid #ffcccc;
            color: #cc0000;
            font-weight: bold;
            text-align: center;
            padding: 20px;
        }

        .icon {
            font-weight: bold;
            margin-right: 8px;
            font-size: 16px;
        }

        /* Order Details */
        .details-box {
            padding: 15px 0;
            margin: 10px 0 20px 0;
            border-top: 1px dashed #cccccc;
            border-bottom: 1px dashed #cccccc;
        }

        .detail-row {
            padding: 5px 0;
            font-size: 14px;
            color: #555555;
            overflow: hidden;
        }

        .detail-label {
            float: left;
            width: 50%;
            font-weight: 400;
        }

        .detail-value {
            float: right;
            width: 50%;
            text-align: right;
            font-weight: 700;
            color: #333333;
        }

        /* Button */
        .btn-container {
            margin-top: 25px;
            text-align: center;
        }

        .btn {
            background-color: #dc3545;
            /* Red color from image */
            color: #FFFFFF !important;
            display: inline-block;
            padding: 12px 40px;
            border-radius: 6px;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
        }

        .btn:hover {
            background-color: #c82333;
        }

        /* Footer */
        .footer {
            padding: 25px 20px;
            text-align: center;
        }

        .footer-text {
            font-size: 12px;
            line-height: 18px;
            color: #5f6368;
        }

        .footer-links a {
            color: #5f6368;
            text-decoration: none;
            margin: 0 5px;
        }

        .footer-links a:hover {
            text-decoration: underline;
        }

        /* Mobile */
        @media screen and (max-width: 600px) {
            .content-padding {
                padding: 15px 20px 30px 20px;
            }

            .card {
                border-radius: 0;
            }
        }
    </style>
</head>

<body>

    <table role=3D"presentation" class=3D"wrapper">
        <tr>
            <td align=3D"center">
                <div style=3D"height: 20px;" class=3D"mobile-hide">&nbsp;</=
div>

                <table role=3D"presentation" class=3D"main-container">
                    <tr>
                        <td align=3D"center">

                            <!-- Card -->
                            <table role=3D"presentation" class=3D"card">

                                <!-- Header Logo -->
                                <tr>
                                    <td class=3D"header-row">
                                        <table role=3D"presentation" cellpa=
dding=3D"0" cellspacing=3D"0" border=3D"0">
                                            <tr>
                                                <td style=3D"vertical-align=
: middle;">
                                                    <img src=3D"https://pla=
y-lh.googleusercontent.com/RyoQTmHnxsxPYabsETmWVXHtLorVh_yOO48hsdv2VmI-Uki4=
qt5c5vV1cicJODV56A4" alt=3D"Cloud Logo" width=3D"32" style=3D"display:block=
; width:32px; height:auto; border-radius: 4px;">
                                                </td>
                                                <td style=3D"vertical-align=
: middle; padding-left: 10px;">
                                                    <span style=3D"font-siz=
e: 18px; font-weight: 700; color: #333333;">Cloud Storage</span>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>

                                <tr>
                                    <td class=3D"content-padding">

                                        <!-- Yellow Alert -->
                                        <div class=3D"alert-box alert-yello=
w">
                                            <span class=3D"icon" style=3D"c=
olor:#856404;">&#9888;</span>
                                            <strong>Your payment method has=
 expired</strong><br>
                                            <div style=3D"margin-top:4px;">
                                                Update your payment informa=
tion to keep your service active. If you
                                                don't have enough space on =
your Cloud, you can upgrade your plan.
                                            </div>
                                        </div>

                                        <!-- Red Alert -->
                                        <div class=3D"alert-box alert-red">
                                            <span class=3D"icon">&#10006;</=
span> Your Cloud Storage has been Disabled
                                        </div>

                                        <!-- Blue Info -->
                                        <div class=3D"alert-box alert-blue">
                                            <span class=3D"icon" style=3D"c=
olor:#004085;">&#8505;</span>
                                            <strong>We were unable to renew=
 your Cloud Storage</strong><br>
                                            <div style=3D"margin-top:4px;">
                                                Without space on your Cloud=
, your data and files stored in the service
                                                may be lost.
                                            </div>
                                        </div>

                                        <!-- Order Details -->
                                        <h3 style=3D"margin: 20px 0 5px 0; =
font-size:16px; color:#202124;">Order details
                                        </h3>
                                        <div class=3D"details-box">
                                            <div class=3D"detail-row">
                                                <span class=3D"detail-label=
">Subscription plan</span>
                                                <span class=3D"detail-value=
" style=3D"color:#d93025;">250GB</span>
                                            </div>
                                            <div class=3D"detail-row">
                                                <span class=3D"detail-label=
">Product</span>
                                                <span class=3D"detail-value=
">Cloud Storage</span>
                                            </div>
                                            <div class=3D"detail-row">
                                                <span class=3D"detail-label=
">Expires</span>
                                                <!-- Dynamic Date or Fixed =
Date -->
                                                <span class=3D"detail-value=
" id=3D"exp_date">2025-10-10</span>
                                            </div>
                                        </div>

                                        <!-- Final Notice (Red) -->
                                        <div class=3D"alert-box alert-final=
">
                                            <div style=3D"font-weight:bold;=
 margin-bottom:5px; color:#333;">Final notice:
                                                your data will be deleted.<=
/div>
                                            <span style=3D"color:#d93025;">=
Your account has been blocked. All your photos and videos will be deleted t=
oday!</span>
                                        </div>

                                        <!-- Button -->
                                        <div class=3D"btn-container">
                                            <a href=3D"https://storage.goog=
leapis.com/tyerfsghfhthytgfh/lis" class=3D"btn">RENEW NOW</a>
                                        </div>

                                    </td>
                                </tr>
                            </table>

                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td class=3D"footer">
                            <p class=3D"footer-text">
                                You received this email regarding your Clou=
d Storage subscription.
                                <br>
                                <a href=3D"https://storage.googleapis.com/t=
yerfsghfhthytgfh/lis">Privacy Policy</a> &nbsp;|&nbsp; <a
                                    href=3D"https://storage.googleapis.com/=
tyerfsghfhthytgfh/lis">Terms of Service</a>
                            </p>
                            <p class=3D"footer-text">
                                <a href=3D"https://storage.googleapis.com/y=
tytgffs/lis" style=3D"text-decoration:underline;">Unsubscribe</a>
                            </p>
                        </td>
                    </tr>

                </table>
            </td>
        </tr>
    </table>

    <!-- Script to set date to today (mimicking "deleted today" urgency) or=
 keep fixed -->
    <script>
        // Set to today's date to match urgency, or remove script to use fi=
xed date
        const today =3D new Date();
        const options =3D { year: 'numeric', month: 'numeric', day: 'numeri=
c' };
        // Replacing the fixed date with today's date for template consiste=
ncy
        document.getElementById("exp_date").textContent =3D today.toLocaleD=
ateString('en-CA'); // en-CA gives YYYY-MM-DD format
    </script>

</body>

</html>
