File: /var/www/html/qcr24/app/global/mail/return_notice_template.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Return Notice</title>
<style>
body{
padding: 0;
margin: 0;
background-color: #fff;
font-family: 'Open Sans', sans-serif;
}
table{
margin: 0;
padding: 0;
}
.brt-table{
border-top: 10px solid #d6d9d8;
border-left: 10px solid #d6d9d8;
border-right: 10px solid #d6d9d8;
width: 100%;
}
.logo-wrapper{
text-align: center;
padding: 45px 0 0 0;
}
.user-name{
text-align: center;
color: #045393;
font-size: 17px;
font-weight: 600;
padding: 10px 0;
}
.user-name span{
color: #000;
}
.key-logo{
text-align: center;
}
.content-body{
margin: 0 10%;
}
.content-body p{
font-size: 13px;
color: #000;
line-height: 22px;
margin: 0 0 20px 0;
}
.content-body p span{
color: #045393;
}
.reset-btn{
text-align: center;
}
.reset-btn a.reset-password-btn,
.reset-btn a.reset-password-btn:hover,
.reset-btn a.reset-password-btn:focus{
background-color: #fd5c63;
width: 180px;
margin: 17px auto;
text-align: center;
display: block;
padding: 12px 22px;
color: #fff;
font-size: 14px;
text-decoration: none;
}
.spe-span{
display: block;
}
.footer-wrapper{
background-color: #313232;
width: 100%;
}
.footer-wrapper tr td{
text-align: center;
color: #fff;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
padding: 25px 0;
}
</style>
</head>
<body>
<table width="100%" align="center">
<tbody>
<tr>
<td>
<table style="width: 600px; margin: 5% auto;" align="center">
<tbody>
<tr>
<td style="color: #000;">
<!-- Top Part -->
<table class="brt-table">
<tbody>
<tr>
<td>
<div class="logo-wrapper">
<a href="{web_url}"><img src="{logo}" alt="logo" style="width: 50%;"></a>
</div>
</td>
</tr>
<tr>
<td class="user-name" style="font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif'">
Hi <span>Admin</span>
<div style="width: 160px;margin: 3px auto 15px auto; height: 1px; background-color: #d1d1d1;"></div>
</td>
</tr>
<tr>
<td>
<div class="content-body" style="font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif'">
<p styel="font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif';">
Please check the driver return notice details below :</span>
</p>
<table width="100%">
<tr>
<td width="10" style="padding:7px 0"> </td>
<td style="padding:7px 0">
<font size="2" face="Open-sans, sans-serif" color="#555454">
<p data-html-only="1" style="border-bottom:1px solid #D6D4D4;margin:3px 0 7px;text-transform:uppercase;font-weight:500;font-size:14px;padding-bottom:10px">Return Notice details</p>
<span style="color:#777">
<span style="color:#333">Driver Name:</span> {name}<br/>
<span style="color:#333">Email:</span> {email}<br/>
<span style="color:#333">Return Notice Date:</span> {notice_date}<br/>
<span style="color:#333">Return Notice Note:</span> {description}
</span>
</font>
</td>
<td width="10" style="padding:7px 0"> </td>
</tr>
</table>
<!--<p style="font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif';">
If you didn't ask to change your password, don't worry! Your password is still safe and you can delete this email.
</p>-->
<p>
<span style="font-weight: 700; color: #045393; font-size: 13px;font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif';" class="spe-span">Quantum Car</span>
<span style="font-weight: 500; color: #333; font-size: 13px;font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif';" class="spe-span">+61 03 95408998 </span>
<span style="font-weight: 500; color: #333; font-size: 13px;font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif';" class="spe-span">info@qcr24.com.au</span>
</p>
</div>
</td>
</tr>
</tbody>
</table>
<!-- Top Part end -->
<!-- Bottom Part -->
<table class="footer-wrapper" style="font-family:Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana,' sans-serif'">
<tr>
<td>
Quantum Car {current_year} Designed by syscentric.
</td>
</tr>
</table>
<!-- Bottom Part End -->
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>