<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Recent Transactions</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #eef2f5;
margin: 0;
padding: 0;
}
.container {
max-width: 650px;
margin: 30px auto;
background: #ffffff;
border-radius: 6px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.header {
display: flex;
align-items: center;
padding: 15px 20px;
background-color: #ffffff;
border-bottom: 2px solid #dcdcdc;
}
.header img {
height: 45px;
margin-right: 15px;
}
.header h1 {
font-size: 20px;
color: #333;
margin: 0;
}
.content {
padding: 20px;
font-size: 14px;
color: #333;
line-height: 1.6;
}
.transactions table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}
.transactions th, .transactions td {
padding: 8px;
border-bottom: 1px solid #f0f0f0;
font-size: 13px;
text-align: left;
}
.transactions th {
background-color: #f4f4f4;
}
.details {
margin-top: 15px;
padding: 10px;
background-color: #f9f9f9;
border: 1px solid #e5e5e5;
border-radius: 4px;
font-size: 13px;
}
.highlight {
color: #d60000;
font-weight: bold;
}
.footer {
background-color: #fafafa;
color: #777;
font-size: 12px;
padding: 15px;
text-align: center;
border-top: 1px solid #e0e0e0;
}
a.phone-link {
color: #0066cc;
text-decoration: none;
}
@media (max-width: 480px) {
.header {
flex-direction: column;
align-items: flex-start;
}
.header img {
margin-bottom: 10px;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">
<img src="cid:logo" alt="Bank Logo">
<h1>Recent Transactions</h1>
</div>
<div class="content">
<div class="transactions">
<table>
<thead>
<tr>
<th>Date & Time</th>
<th>Description</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>13/08/2025 08:17:43 AEST</td>
<td>Payment to Open Matrix Tools</td>
<td>-$1,591.22</td>
</tr>
</tbody>
</table>
</div>
<div class="details">
<p><strong>Location:</strong> Drumborg</p>
<p><strong>Reference:</strong> <span class="highlight">W039DDKF03I</span></p>
</div>
<p>If you have any questions about this transaction, please contact our support team at
<a class="phone-link" href="tel:0870922612 ">0870922612 </a>.
</p>
</div>
<div class="footer">
© 2025 Westpac Banking Corporation ABN 33 007 457 141 AFSL and Australian credit licence 233714.
</div>
</div>
</body>
</html>