<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<meta content="width=device-width, initial-scale=1.0" name="viewport" />
	<title>Email Template</title>
	<style type="text/css">/* CSS styles here */
        body {
            margin: 0;
            padding: 0;
            font-family: 'Segoe UI', Arial, sans-serif;
            font-size: 16px;
            color: #505050;
        }

        table {
            width: 500px;
            margin: 0 auto;
            border-collapse: collapse;
        }

        td {
            padding: 0;
            vertical-align: top;
        }

        .logo {
            padding: 13px 20px 14px;
        }

        .header {
            font-size: 26px;
            font-weight: bold;
            color: #505050;
            padding: 31px 20px 0;
            letter-spacing: -1px;
            line-height: 48px;
            background-color: #f4f4f4;
        }

        .content {
            padding: 10px 30px 38px;
            background-color: #ffffff;
        }

        .qr-code {
            padding: 0 20px 7px;
        }

        .footer {
            padding: 30px 20px 11px;
            background-color: #ffffff;
        }

        .email-info {
            font-size: 14px;
            color: #6e6e6e;
            padding-top: 3px;
        }
	</style>
</head>
<body>
<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0">
	<tbody>
		<tr>
			<td align="center">&nbsp;</td>
		</tr>
		<tr height="111">
			<td align="left" class="logo">{LOGO}</td>
		</tr>
		<tr class="header">
			<td align="center">
			<p>VOICE MESSAGE</p>
			</td>
		</tr>
		<tr class="content">
			<td align="center"><br />
			Please use your smartphone camera to scan the Qr code below and listen to your voice message
			<p>&nbsp;</p>
			</td>
		</tr>
		<tr class="content">
			<td align="center" class="qr-code">{QRIMAGE}</td>
		</tr>
		<tr class="content">
			<td align="center"><strong>Do not share this email.</strong></td>
		</tr>
		<tr class="footer">
			<td align="left" class="email-info">
			<p><strong>&nbsp;</strong></p>
			<strong>Your email:</strong> {EMAIL}</td>
		</tr>
	</tbody>
</table>
</body>
</html>
