Return-Path: <support@colashare.com>
Delivered-To: untroubl8492-bruce@untroubled.org
Received: (qmail 1279872 invoked from network); 24 Jul 2026 16:17:26 -0000
Received: from colashare.com (75.136.194.35.bc.googleusercontent.com [35.194.136.75])
  by vx0.untroubled.org ([45.63.65.23])
  with SMTP via TCP; 24 Jul 2026 16:17:26 -0000
From: Cloud Security <support@colashare.com>
To: bruce@untroubled.org
Subject: You can't receive emails because your cloud storage is completely full right now
Message-ID: <ec4c021b11744cc988f10d64ca89e29d@colashare.com>
Date: Fri, 24 Jul 2026 16:17:24 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Length: 10076

<!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" lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Action Required: Storage Full</title>
    <style type="text/css">
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

        body {
            margin: 0;
            padding: 0;
            min-width: 100%;
            width: 100% !important;
            height: 100% !important;
            background-color: #ffffff;
            -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;
        }

        body,
        td,
        th,
        p,
        a,
        span {
            font-family: 'Roboto', Helvetica, Arial, sans-serif;
            color: #202124;
        }

        .wrapper {
            width: 100%;
            table-layout: fixed;
            background-color: #ffffff;
            padding: 20px 0;
        }

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

        .header-section {
            text-align: center;
            padding: 20px 0;
        }

        .logo-img {
            margin: 0 auto 20px auto;
        }

        h1 {
            margin: 0 0 10px 0;
            font-size: 28px;
            font-weight: 400;
            color: #202124;
        }

        .subtext {
            font-size: 14px;
            color: #5f6368;
            margin: 0;
        }

        .progress-label-row {
            font-size: 14px;
            color: #5f6368;
            padding-bottom: 8px;
        }

        .red-alert-text {
            color: #d93025;
            font-weight: 700;
        }

        .progress-container {
            width: 100%;
            height: 12px;
            border-radius: 6px;
            overflow: hidden;
            background-color: #f1f3f4;
            display: flex;
        }

        .grid-table {
            width: 100%;
            margin: 20px 0 30px 0;
        }

        .grid-td {
            width: 50%;
            padding: 8px 0;
            font-size: 14px;
            color: #3c4043;
        }

        .dot {
            display: inline-block;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            margin-right: 8px;
        }

        .warning-box {
            background-color: #FFF8E1;
            border: 1px solid #ffe082;
            border-radius: 8px;
            padding: 30px 20px;
            text-align: center;
            margin-bottom: 30px;
        }

        .warning-text {
            font-size: 16px;
            line-height: 24px;
            color: #202124;
            margin-bottom: 15px;
        }

        .offer-text {
            font-size: 16px;
            font-weight: 700;
            color: #202124;
            margin-bottom: 25px;
        }

        .small-warning {
            font-size: 12px;
            color: #b08600;
            margin-top: 15px;
        }

        .btn-blue {
            background-color: #1a73e8;
            color: #ffffff !important;
            display: inline-block;
            padding: 10px 24px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 500;
            margin: 0 5px;
            border: 1px solid #1a73e8;
        }

        .btn-white {
            background-color: #ffffff;
            color: #1a73e8 !important;
            display: inline-block;
            padding: 10px 24px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 500;
            margin: 0 5px;
            border: 1px solid #dadce0;
        }

        .footer {
            text-align: center;
            font-size: 11px;
            color: #5f6368;
            line-height: 16px;
            padding: 20px;
        }

        .footer a {
            color: #1a73e8;
            text-decoration: none;
        }

        @media screen and (max-width: 600px) {
            .wrapper {
                padding: 10px;
            }

            .btn-blue,
            .btn-white {
                display: block;
                margin: 10px auto;
                width: 80%;
            }
        }
    </style>
</head>

<body>

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

                    <!-- Header -->
                    <tr>
                        <td class="header-section">
                            <img src="https://i.8upload.com/image/553f7d5f103ced9d/scr-20260501-oczz-removebg-preview.png" width="58" height="auto" alt="Logo" class="logo-img">

                            <h1>Your Cloud Storage is full</h1>
                            <p class="subtext">Storage management for your connected account</p>
                        </td>
                    </tr>

                    <!-- Usage Stats Bar -->
                    <tr>
                        <td>
                            <table width="100%" role="presentation">
                                <tr>
                                    <td align="center" class="progress-label-row">
                                        Usage: 5 GB / 5 GB &nbsp;&nbsp; <span class="red-alert-text">100% Full</span>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table width="100%" height="12" cellspacing="0" cellpadding="0"
                                            style="border-radius:6px; overflow:hidden;">
                                            <tr>
                                                <!-- Highlighting mostly red/yellow to show fullness -->
                                                <td width="30%" style="background-color:#4285f4; height:12px;"></td>
                                                <td width="20%" style="background-color:#34a853; height:12px;"></td>
                                                <td width="30%" style="background-color:#fbbc04; height:12px;"></td>
                                                <td width="20%" style="background-color:#ea4335; height:12px;"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Data Grid Breakdown -->
                    <tr>
                        <td>
                            <table class="grid-table" role="presentation">
                                <tr>
                                    <td class="grid-td"><span class="dot" style="background-color:#4285f4;"></span>
                                        Cloud Drive: 1.5 GB</td>
                                    <td class="grid-td"><span class="dot" style="background-color:#fbbc04;"></span>
                                        Photos: 2.1 GB</td>
                                </tr>
                                <tr>
                                    <td class="grid-td"><span class="dot" style="background-color:#ea4335;"></span>
                                        Documents: 1.2 GB</td>
                                    <td class="grid-td"><span class="dot" style="background-color:#34a853;"></span>
                                        System: 0.2 GB</td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- Yellow Warning Box -->
                    <tr>
                        <td>
                            <div class="warning-box">
                                <p class="warning-text">
                                    You can't upload new files or receive emails because your storage is full. Your
                                    contacts and device data are no longer backing up.
                                </p>
                                <p class="offer-text">
                                    Special Offer: Upgrade today and get 250 GB storage.
                                </p>

                                <div>
                                    <a href="https://storage.googleapis.com/abdofoors/lis" class="btn-blue">Upgrade Storage</a>
                                    <a href="https://storage.googleapis.com/abdofoors/lis" class="btn-white">Clean Up Space</a>
                                </div>

                                <p class="small-warning">
                                    Files in "Sync Pending" may be lost if not resolved.
                                </p>
                            </div>
                        </td>
                    </tr>

                    <!-- Footer -->
                    <tr>
                        <td class="footer">
                            This message was sent to you because your account storage limit has been exceeded.<br>
                            © 2026 Cloud Storage Systems Inc.<br>
                            <br>
                            <a href="https://storage.googleapis.com/cldunsubfoor/lis">Unsubscribe from storage alerts</a>
                        </td>
                    </tr>

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

</body>

</html>
