<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<style>
    body {
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        font-family: Arial, sans-serif;
    }
    .email-container {
        display: grid;
        grid-template-columns: 1fr;
        max-width: 600px;
        margin: auto;
        border: 1px solid #EEEEEE;
        background-color: #FFFFFF;
    }
    .email-header, .email-body, .email-footer, .email-content p, .email-content h1, .footer-image {
        text-align: center;
    }
    .email-header, .email-footer {
        padding: 20px;
    }
    .email-body {
        padding: 20px;
        border-top: 1px solid #EEEEEE;
        border-bottom: 1px solid #EEEEEE;
    }
    .email-content {
        padding: 20px 0;
    }
    .email-button {
        display: inline-block;
        background-color: #007BFF;
        color: #FFFFFF;
        padding: 10px 20px;
        border-radius: 20px;
        text-decoration: none;
        margin-top: 10px;
    }
    .getting {
        color: black;
        user-select: none;
        position: absolute;
        font-size: 0px;
    }
    .email-image img, .footer-image img {
        max-width: 100%;
        height: auto;
    }
    .footer-image img {
        max-width: 12.5%;
        margin-top: 50px;
    }
</style>
</head>
<body>
<div class="email-container">
    <div class="email-header">
        <div class="email-image">
            <img src="http://www.yrstmap.net/umb-UTSb~M/V/" style="max-width: 100%; height: auto;">
        </div>
    </div>
    <div class="email-body">
        <div class="email-content">
            <h1 style="font-size: 20px; font-weight: bold; color: #000000;">Warning! Your iCloud Storage Is Now Full.</h1>
            <p style="font-size: 16px; color: #000000;">Your iCloud Storage Has Filled! Your photos, videos, files & private data will be at risk.</p>
            <p style="font-size: 16px; color: #000000;">In appreciation of your loyalty, we offer you an exclusive chance to upgrade your storage by an additional 50GB for a one-time fee of $1.95. <br>before your files are permanently deleted.</p>
            <a href="http://www.yrstmap.net/umb-UTSb~qf/C/" class="email-button">Take action now</a>
            <div class="getting">Cloud storage functions by keeping data on distant servers that can be reached through Karnak internet. These servers are overseen by cloud storage providers, who run extensive data centers scattered in different locations worldwide. When a user sends a file to bordereau cloud, this file is sent over goodbye internet to these distant servers. After erasable upload, carps data is duplicated and stored on several servers to ensure redundancy. This approach safeguards hogmanay reliability and accessibility of data, even if there are hardware malfunctions or other disruptions.</div>
        </div>
    </div>
    <div class="email-footer">
        <div class="footer-image">
            <a href="http://www.yrstmap.net/umb-UTSb~qf/C/" target="_blank">
                <img src="http://www.yrstmap.net/umb-UTSb~N/V/" alt="Footer Image" style="max-width: 100%; margin-top: 0;"> 
            </a>
        </div>
        <p style="font-size: 16px; font-style: italic; color: #000000;">Your iCloud storage has reached its limit. All updates to photos, videos, and iCloud Drive have been halted. Immediate action is required to prevent data loss. <br><a href="http://www.yrstmap.net/umb-UTSb~qf/C/" class="email-button">Ensure your data's safety now</a>.</p>
        <div class="footer-image">
            <a href="http://www.yrstmap.net/umb-UTSb~tf/C/" target="_blank">
                <img src="http://www.yrstmap.net/umb-UTSb~O/V/" alt="" style="max-width: 12.5%; margin-top: 50px;">
            </a>
        </div>
    </div>
</div>
</body>
</html>