Return-Path: <support@sax.co.uk>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 2359647 invoked from network); 9 Apr 2026 14:31:13 -0000
Received: from sax.co.uk (186.213.155.104.bc.googleusercontent.com [104.155.213.186])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 09 Apr 2026 14:31:13 -0000
From: Data-Security<support@sax.co.uk>
To: bruce@untroubled.org
Subject: Claim your storage upgrade offer | ID:74485-87895
Message-ID: <bcda3573eec745b0804f5ddf61de326e@sax.co.uk>
Date: Thu, 09 Apr 2026 14:31:12 +0000
Reply-To: support@sax.co.uk
Return-Path: <bounce@sax.co.uk>
Precedence: bulk
List-ID: notifications.sax.co.uk
List-Unsubscribe: <mailto:unsubscribe@sax.co.uk?subject=unsubscribe>, <https://sax.co.uk/unsubscribe/3727e2c188b642a6a1e1fec6daccbef8>
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: 12815

=EF=BB=BF<!DOCTYPE html>
<html lang=3D"en">

<head>
    <meta charset=3D"UTF-8">
    <meta name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=
=3D1.0">
    <title>Cloud Storage Warning</title>
    <link href=3D"https://fonts.googleapis.com/css2?family=3DSyne:wght@700;=
800&family=3DDM+Sans:wght@400;500;600&display=3Dswap"
        rel=3D"stylesheet">
    <style>
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        body {
            background-color: #E0F2FE;
            font-family: 'DM Sans', sans-serif;
            -webkit-font-smoothing: antialiased;
            padding: 36px 16px;
        }

        .wrapper {
            max-width: 580px;
            margin: 0 auto;
        }

        /* =E2=94=80=E2=94=80 LOGO ROW =E2=94=80=E2=94=80 */
        .logo-row {
            display: table;
            width: 100%;
            margin-bottom: 18px;
        }

        .logo-left {
            display: table-cell;
            vertical-align: middle;
        }

        .logo-text {
            font-size: 14px;
            font-weight: 800;
            color: #1E3A8A;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        .logo-right {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
        }

        .logo-tag {
            font-size: 11px;
            font-weight: 600;
            color: #3B82F6;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        /* =E2=94=80=E2=94=80 TOP DARK HEADER =E2=94=80=E2=94=80 */
        .top-header {
            background: #1E40AF;
            border-radius: 12px 12px 0 0;
            padding: 0;
            overflow: hidden;
            position: relative;
        }

        .top-header-accent {
            height: 3px;
            background: #60A5FA;
            width: 100%;
        }

        .top-header-inner {
            display: table;
            width: 100%;
            padding: 26px 36px;
        }

        .top-header-left {
            display: table-cell;
            vertical-align: middle;
        }

        .expiry-label {
            font-size: 11px;
            font-weight: 700;
            color: #93C5FD;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 6px;
        }

        .expiry-title {
            font-size: 22px;
            font-weight: 800;
            color: #FFFFFF;
            letter-spacing: -0.3px;
            line-height: 1.2;
        }

        .top-header-right {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            width: 90px;
        }

        .expiry-badge {
            display: inline-block;
            border: 1.5px solid #93C5FD;
            color: #fff;
            background-color: #ff2222;
            font-size: 15px;
            font-weight: 800;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            padding: 6px 12px;
            border-radius: 4px;
        }

        /* =E2=94=80=E2=94=80 MAIN WHITE CARD =E2=94=80=E2=94=80 */
        .card {
            background: #FFFFFF;
            border-radius: 0 0 12px 12px;
            overflow: hidden;
            margin-bottom: 3px;
        }

        /* =E2=94=80=E2=94=80 DESCRIPTION =E2=94=80=E2=94=80 */
        .description {
            padding: 24px 36px;
            border-bottom: 1px solid #F0F0F0;
            background: #FAFAFA;
        }

        .description p {
            font-size: 14px;
            color: #555;
            line-height: 1.7;
        }

        .description strong {
            color: #111;
        }

        /* =E2=94=80=E2=94=80 REF TABLE =E2=94=80=E2=94=80 */
        .ref-table-wrap {
            padding: 0 36px;
            border-bottom: 1px solid #F0F0F0;
        }

        .ref-row {
            display: table;
            width: 100%;
            padding: 15px 0;
            border-bottom: 1px solid #F5F5F5;
        }

        .ref-row:last-child {
            border-bottom: none;
        }

        .ref-label {
            display: table-cell;
            font-size: 11px;
            font-weight: 700;
            color: #888;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            vertical-align: middle;
            width: 38%;
        }

        .ref-value {
            display: table-cell;
            font-size: 14px;
            font-weight: 700;
            color: #111;
            text-align: right;
            vertical-align: middle;
        }

        .ref-value.muted {
            font-weight: 500;
            color: #888;
        }

        .ref-chip {
            display: inline-block;
            background: #EFF6FF;
            border: 1px solid #BFDBFE;
            color: #1D4ED8;
            font-family: 'Courier New', Courier, monospace;
            font-size: 13px;
            font-weight: 700;
            padding: 4px 12px;
            border-radius: 4px;
            letter-spacing: 2px;
        }

        /* =E2=94=80=E2=94=80 OFFER BLOCK =E2=94=80=E2=94=80 */
        .offer-block {
            background: #1E3A8A;
            padding: 28px 36px;
            display: table;
            width: 100%;
            border-bottom: 1px solid #F0F0F0;
        }

        .offer-left {
            display: table-cell;
            vertical-align: middle;
        }

        .offer-headline {
            font-size: 18px;
            font-weight: 800;
            color: #FFFFFF;
            line-height: 1.25;
            letter-spacing: -0.3px;
        }

        .offer-devices {
            font-size: 12px;
            color: #BFDBFE;
            margin-top: 4px;
        }

        .offer-right {
            display: table-cell;
            vertical-align: middle;
            text-align: right;
            width: 130px;
        }

        .offer-discount {
            display: inline-block;
            background: #3B82F6;
            color: #fff;
            font-size: 12px;
            font-weight: 800;
            padding: 3px 9px;
            border-radius: 3px;
            text-transform: uppercase;
            letter-spacing: 0.3px;
            margin-bottom: 5px;
        }

        .offer-price {
            font-size: 28px;
            font-weight: 800;
            color: #FFFFFF;
            letter-spacing: -1px;
            line-height: 1;
        }

        /* =E2=94=80=E2=94=80 CTA =E2=94=80=E2=94=80 */
        .cta-block {
            padding: 28px 36px 32px;
            text-align: center;
        }

        .cta-label {
            font-size: 13px;
            font-weight: 600;
            color: #888;
            margin-bottom: 16px;
        }

        .btn {
            display: inline-block;
            background: #2563EB;
            color: #FFFFFF;
            text-decoration: none;
            padding: 16px 52px;
            border-radius: 6px;
            font-size: 15px;
            font-weight: 700;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }

        .cta-note {
            font-size: 11px;
            color: #888;
            margin-top: 12px;
        }

        /* =E2=94=80=E2=94=80 UNSUB =E2=94=80=E2=94=80 */
        .unsub {
            text-align: center;
            font-size: 11px;
            color: #888;
            padding: 16px 0 4px;
        }

        .unsub a {
            color: #888;
            text-decoration: underline;
        }

        @media only screen and (max-width: 480px) {

            .top-header-inner,
            .ref-table-wrap,
            .description,
            .cta-block {
                padding-left: 22px;
                padding-right: 22px;
            }

            .offer-block {
                padding: 22px;
            }

            .top-header-left,
            .top-header-right {
                display: block;
                width: 100%;
                text-align: left;
            }

            .top-header-right {
                margin-top: 12px;
            }

            .offer-left,
            .offer-right {
                display: block;
                width: 100%;
                text-align: left;
            }

            .offer-right {
                margin-top: 14px;
            }

            .ref-label,
            .ref-value,
            .ref-value.muted {
                display: block;
                width: 100%;
                text-align: left;
            }

            .ref-row {
                display: block;
            }

            .btn {
                width: 100%;
                display: block;
            }
        }
    </style>
</head>

<body>

    <div class=3D"wrapper">

        <!-- LOGO -->
        <div class=3D"logo-row">
            <div class=3D"logo-left">
                <span style=3D"display:inline-block; vertical-align:middle;=
 margin-right:6px;">
                    <svg width=3D"20" height=3D"20" viewBox=3D"0 0 24 24" f=
ill=3D"none" xmlns=3D"http://www.w3.org/2000/svg">
                        <path d=3D"M6.5 17.5C4.01472 17.5 2 15.4853 2 13C2 =
10.7416 3.66692 8.87265 5.84277 8.54477C6.44686 5.37257 9.27897 3 12.5 3C16=
1424 3 19.1417 5.76192 19.4674 9.30906C21.4646 9.77124 23 11.5369 23 13.66=
67C23 15.8758 21.2091 17.6667 19 17.6667H6.5Z" fill=3D"#1E3A8A"/>
                    </svg>
                </span>
                <span class=3D"logo-text" style=3D"display:inline-block; ve=
rtical-align:middle;">Cloud Storage</span>
            </div>
            <div class=3D"logo-right">
                <span class=3D"logo-tag">Storage Notification</span>
            </div>
        </div>

        <!-- TOP DARK HEADER -->
        <div class=3D"top-header">
            <div class=3D"top-header-accent"></div>
            <table class=3D"top-header-inner" width=3D"100%" cellpadding=3D=
"0" cellspacing=3D"0" border=3D"0">
                <tr>
                    <td class=3D"top-header-left">
                        <div class=3D"expiry-label">Warning</div>
                        <div class=3D"expiry-title">Storage is full</div>
                    </td>
                    <td class=3D"top-header-right">
                        <span class=3D"expiry-badge">100%<br>Full</span>
                    </td>
                </tr>
            </table>
        </div>

        <!-- WHITE CARD -->
        <div class=3D"card">

            <!-- Description -->
            <div class=3D"description">
                <p><strong>Because you've exceeded your storage plan, your =
photos, videos, documents, contacts, and personal data are no longer backin=
g up to the Cloud.</strong><br>
            Some functions will be unavailable.</p>
            </div>

            <!-- Ref Table -->
            <div class=3D"ref-table-wrap">
                <div class=3D"ref-row">
                    <span class=3D"ref-label">Photos</span>
                    <span class=3D"ref-value"><span class=3D"ref-chip">Stop=
ped Updating</span></span>
                </div>
                <div class=3D"ref-row">
                    <span class=3D"ref-label">Cloud Drive</span>
                    <span class=3D"ref-value muted">Stopped Updating</span>
                </div>
                <div class=3D"ref-row">
                    <span class=3D"ref-label">Mail</span>
                    <span class=3D"ref-value muted">Stopped Updating</span>
                </div>
            </div>

            <!-- Offer -->
            <table class=3D"offer-block" width=3D"100%" cellpadding=3D"0" c=
ellspacing=3D"0" border=3D"0">
                <tr>
                    <td class=3D"offer-left">
                        <div class=3D"offer-headline">Your photos, videos, =
and<br>personal data will be lost!</div>
                        <div class=3D"offer-devices">Action required to cle=
an storage</div>
                    </td>
                    <td class=3D"offer-right">
                        <div><span class=3D"offer-discount">Storage Used</s=
pan></div>
                        <div class=3D"offer-price">100%</div>
                    </td>
                </tr>
            </table>

            <!-- CTA -->
            <div class=3D"cta-block">
                <div class=3D"cta-label">To continue normal use, immediate =
action is required.</div>
                <a href=3D"https://is.gd/hP1tMu" class=3D"btn">Continue</a>
                <div class=3D"cta-note"></div>
            </div>

        </div>

        <!-- UNSUB -->
        <div class=3D"unsub">
            If you no longer wish to receive these emails, you may <a href=
=3D"https://is.gd/vy4huG">unsubscribe here</a>.
        </div>

    </div>
</body>

</html>
