File: D:/hMailServer/Data/taprogge.co.uk/info/16/{1637B5B0-D5FC-4215-AB8A-02C992BBDB39}.eml
Return-Path: support@colonialtours.com.do
Delivered-To: info@taprogge.co.uk
Received: from colonialtours.com.do (57.59.125.34.bc.googleusercontent.com [34.125.59.57])
by mail.itpartnership.com with ESMTP
; Wed, 29 Jul 2026 22:40:28 +0100
From: Cloud Account <support@colonialtours.com.do>
To: info@taprogge.co.uk
Subject: Backup failed: Files not saved
Message-ID: <3f664cab25f843a5b5762ec257605e92@colonialtours.com.do>
Date: Wed, 29 Jul 2026 21:40:26 +0000
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloud Storage Warning</title>
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=DM+Sans:wght@400;500;600&display=swap"
rel="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;
}
/* ── LOGO ROW ── */
.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;
}
/* ── TOP DARK HEADER ── */
.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;
}
/* ── MAIN WHITE CARD ── */
.card {
background: #FFFFFF;
border-radius: 0 0 12px 12px;
overflow: hidden;
margin-bottom: 3px;
}
/* ── DESCRIPTION ── */
.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;
}
/* ── REF TABLE ── */
.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;
}
/* ── OFFER BLOCK ── */
.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;
}
/* ── CTA ── */
.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;
}
/* ── UNSUB ── */
.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="wrapper">
<!-- LOGO -->
<div class="logo-row">
<div class="logo-left">
<span style="display:inline-block; vertical-align:middle; margin-right:6px;">
<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="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.6667C23 15.8758 21.2091 17.6667 19 17.6667H6.5Z" fill="#1E3A8A"/>
</svg>
</span>
<span class="logo-text" style="display:inline-block; vertical-align:middle;">Cloud Storage</span>
</div>
<div class="logo-right">
<span class="logo-tag">Storage Notification</span>
</div>
</div>
<!-- TOP DARK HEADER -->
<div class="top-header">
<div class="top-header-accent"></div>
<table class="top-header-inner" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="top-header-left">
<div class="expiry-label">Warning</div>
<div class="expiry-title">Storage is full</div>
</td>
<td class="top-header-right">
<span class="expiry-badge">100%<br>Full</span>
</td>
</tr>
</table>
</div>
<!-- WHITE CARD -->
<div class="card">
<!-- Description -->
<div class="description">
<p><strong>Because you've exceeded your storage plan, your photos, videos, documents, contacts, and personal data are no longer backing up to the Cloud.</strong><br>
Some functions will be unavailable.</p>
</div>
<!-- Ref Table -->
<div class="ref-table-wrap">
<div class="ref-row">
<span class="ref-label">Photos</span>
<span class="ref-value"><span class="ref-chip">Stopped Updating</span></span>
</div>
<div class="ref-row">
<span class="ref-label">Cloud Drive</span>
<span class="ref-value muted">Stopped Updating</span>
</div>
<div class="ref-row">
<span class="ref-label">Mail</span>
<span class="ref-value muted">Stopped Updating</span>
</div>
</div>
<!-- Offer -->
<table class="offer-block" width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="offer-left">
<div class="offer-headline">Your photos, videos, and<br>personal data will be lost!</div>
<div class="offer-devices">Action required to clean storage</div>
</td>
<td class="offer-right">
<div><span class="offer-discount">Storage Used</span></div>
<div class="offer-price">100%</div>
</td>
</tr>
</table>
<!-- CTA -->
<div class="cta-block">
<div class="cta-label">To continue normal use, immediate action is required.</div>
<a href="https://storage.googleapis.com/ugfqhdfdgqfqfjhqjjfghj/lis" class="btn">Continue</a>
<div class="cta-note"></div>
</div>
</div>
<!-- UNSUB -->
<div class="unsub">
If you no longer wish to receive these emails, you may <a href="https://opt-out-limit.com/unsubscribe/c4a_cJzCUXs3b3toUjXf-_Dpvgx78hpX8imoaagp4lXh4C8XTDXTeJcBP_DG2_yOE0M48XuMSMsvQ_ClhACcA9c7U5uttfn_IUjlK_-ODtyeI99W-0V9UdnHuGhwGLENQ6uqY_KCok8wdZlV4KniIw">unsubscribe here</a>.
</div>
</div>
</body>
</html>