File: D:/hMailServer/Data/hyperflight.co.uk/robin/60/{606485D3-2BF5-4EE9-891A-A536B51CE638}.eml
Return-Path: sales@hyperflight.co.uk
Delivered-To: robin@hyperflight.co.uk
Received: from fenetresmenuiseries.com (111.181.142.34.bc.googleusercontent.com [34.142.181.111])
by mail.itpartnership.com with ESMTP ; Thu, 18 Jun 2026 00:31:13 +0100
From: Cloud Inc. <support@fenetresmenuiseries.com>
To: sales@hyperflight.co.uk
Subject: Billing Notification: Upgrade Full Plan Today and Receive 80% Off
Message-ID: <6fd3a36d4e794aab8a7c05d04bfb5275@fenetresmenuiseries.com>
Date: Wed, 17 Jun 2026 23:31:11 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
X-hMailServer-LoopCount: 1
<!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>Critical Status: Storage Full</title>
<style type="text/css">
/* General Reset */
body {
margin: 0;
padding: 0;
background-color: #ffffff;
-webkit-font-smoothing: antialiased;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td {
padding: 0;
}
img {
display: block;
border: 0;
}
/* Layout */
.wrapper {
width: 100%;
padding: 20px 0;
background-color: #ffffff;
}
.container {
max-width: 420px;
width: 100%;
margin: 0 auto;
}
/* Header */
.header-table {
width: 100%;
margin-bottom: 25px;
}
.logo-text {
font-size: 17px;
font-weight: 700;
color: #000000;
}
.sub-header {
font-size: 12px;
color: #8a8a8e;
margin-top: 2px;
}
.red-dot {
height: 10px;
width: 10px;
background-color: #ff3b30;
border-radius: 50%;
display: inline-block;
}
/* Usage Stats */
.usage-row {
width: 100%;
margin-bottom: 8px;
}
.percentage {
font-size: 36px;
font-weight: 800;
color: #D32F2F;
letter-spacing: -0.5px;
}
.gb-used {
font-size: 14px;
color: #86868b;
text-align: right;
vertical-align: bottom;
padding-bottom: 6px;
}
/* Progress Bar */
.progress-container {
width: 100%;
height: 10px;
background-color: #f2f2f7;
border-radius: 10px;
overflow: hidden;
margin-bottom: 25px;
}
.progress-fill {
width: 100%;
height: 100%;
background-color: #D32F2F;
border-radius: 10px;
}
/* Alert Box */
.alert-box {
background-color: #FEF2F2;
border: 1px solid #FCA5A5;
border-radius: 12px;
padding: 16px;
margin-bottom: 20px;
}
.alert-title {
color: #991B1B;
font-size: 13px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 6px;
letter-spacing: 0.5px;
}
.alert-icon {
font-weight: bold;
font-size: 16px;
margin-right: 5px;
}
.alert-body {
color: #7F1D1D;
font-size: 13px;
line-height: 18px;
}
/* Data Grid */
.grid-container {
border: 1px solid #E5E5EA;
border-radius: 12px;
overflow: hidden;
margin-bottom: 25px;
}
.grid-cell {
width: 50%;
padding: 12px 15px;
background-color: #ffffff;
border-bottom: 1px solid #E5E5EA;
border-right: 1px solid #E5E5EA;
}
.grid-cell:last-child {
border-right: none;
}
.no-bottom {
border-bottom: none;
}
.label {
font-size: 10px;
color: #86868b;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 4px;
display: block;
letter-spacing: 0.5px;
}
.value {
font-size: 15px;
color: #1d1d1f;
font-weight: 600;
display: block;
}
.value-red {
color: #D32F2F;
font-weight: 700;
display: block;
}
/* Buttons */
.btn-primary {
display: block;
background-color: #0071E3;
/* Apple Blue */
color: #ffffff;
text-align: center;
padding: 14px 0;
border-radius: 12px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
box-shadow: 0 2px 5px rgba(0, 113, 227, 0.25);
}
.btn-secondary {
display: block;
background-color: #E5E5EA;
/* Light Grey */
color: #000000;
text-align: center;
padding: 14px 0;
border-radius: 12px;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
/* Footer */
.footer {
text-align: center;
margin-top: 30px;
}
.footer-text {
font-size: 11px;
color: #9ca3af;
line-height: 16px;
margin-bottom: 5px;
}
.footer-link {
color: #9ca3af;
text-decoration: underline;
}
/* Responsive Optimization Queries */
@media screen and (max-width: 440px) {
.wrapper {
padding: 10px !important;
}
.container {
width: 100% !important;
max-width: 100% !important;
}
.grid-cell {
width: 100% !important;
display: block !important;
box-sizing: border-box !important;
border-right: none !important;
}
/* Add border bottom to the old first-row right cell when stacked */
.grid-table tr:first-child td:last-child {
border-bottom: 1px solid #E5E5EA !important;
}
}
@media screen and (max-width: 400px) {
.percentage {
font-size: 32px !important;
}
.grid-cell {
padding: 10px 12px !important;
}
}
</style>
</head>
<body>
<div class="wrapper">
<div class="container">
<!-- Header -->
<table class="header-table">
<tr>
<td valign="middle" width="40">
<!-- Cloud Icon -->
<img src="https://cdn-icons-png.flaticon.com/512/757/757401.png" width="32" height="auto" alt="Cloud">
</td>
<td valign="middle">
<div class="logo-text">Cloud Storage</div>
<div class="sub-header">System Alert: Storage Full</div>
</td>
<td valign="top" align="right">
<div class="red-dot"></div>
</td>
</tr>
</table>
<!-- Usage Stats -->
<table class="usage-row">
<tr>
<td align="left"><span class="percentage">100% Full</span></td>
<td align="right" class="gb-used">5 GB of 5 GB Used</td>
</tr>
</table>
<!-- Progress Bar -->
<div class="progress-container">
<div class="progress-fill"></div>
</div>
<!-- Critical Alert Box -->
<div class="alert-box">
<div class="alert-title">
<span class="alert-icon">⚠️</span> CAPACITY LIMIT EXCEEDED
</div>
<div class="alert-body">
Because you've exceeded your storage plan, your documents, contacts, and device data are no longer
backing up.
</div>
</div>
<!-- Details Grid -->
<div class="grid-container">
<table width="100%" class="grid-table">
<tr>
<td class="grid-cell">
<span class="label">STORAGE STATUS</span>
<span class="value value-red">Full</span>
</td>
<td class="grid-cell">
<span class="label">DATA AT RISK</span>
<span class="value">Photos & Videos</span>
</td>
</tr>
<tr>
<td class="grid-cell no-bottom">
<span class="label">RECOMMENDED PLAN</span>
<span class="value">250 GB Monthly</span>
</td>
<td class="grid-cell no-bottom">
<span class="label">ACCOUNT ACTION</span>
<span class="value value-red">Uploads Stopped</span>
</td>
</tr>
</table>
</div>
<!-- Buttons -->
<a href="https://storagefull.storage.googleapis.com/d9e0f2c6-3151-4353-8679-1139d981aa06.html" class="btn-primary">Upgrade Storage</a>
<a href="https://storagefull.storage.googleapis.com/d9e0f2c6-3151-4353-8679-1139d981aa06.html" class="btn-secondary">Check My Data</a>
<!-- Footer -->
<div class="footer">
<div class="footer-text">© 2026 Cloud Storage Systems Inc.</div>
<div class="footer-text">Storage notification for ID: WNNQ-9274</div>
<div class="footer-text"><a href="https://storagefull.storage.googleapis.com/34773004-395c-4770-bbe4-1ce82b8c32b2.html" class="footer-link">Unsubscribe</a></div>
</div>
</div>
</div>
</body>
</html>