Implemented the Email templates with table cell. It will support for all the mailing communications.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body style="margin: 0; padding: 0;font-family: 'Montserrat', sans-serif;background-color: #069C90">
<table cellspacing="0" width="100%" style="padding: 20px 40px;">
<tr align="center" bgcolor="#069C90">
<td style="font-size: 30px;color:#fff;font-weight: bold;">
Hello
</td>
</tr>
<tr align="center" bgcolor="#069C90">
<td style="font-size: 30px;color:#fff;font-weight: bold;font-style: italic;padding-bottom: 15px;">
testing
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Thank you for choosing <b style="color: #069C90;font-size: 25px;">testing.</b>
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Finding your new home is our responsibility.
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
We wish to full-fill your dream of buying a property at the best price.
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Your hunt for home ends here.
</td>
</tr>
<tr bgcolor="#fff">
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="border-bottom-left-radius: 10px">
<td width="50%">
<img src="img/image_1.jpg" alt="" width="100%" height="auto" style="display: block;" />
</td>
<td width="50%" bgcolor="#f1f1f1">
<a href="#" style="color: #fff;top: 40%;border-radius: 5px;font-weight: bold;font-size: 20px;right: 23%;padding: 20px;background-color: #FF5984;text-decoration: none;">testing</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #069C90;font-size: 25px;" align="center">
More reason to choose from test
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #069C90;font-size: 25px;" align="center">
Refer & Earn
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="10" width="100%" bgcolor="#E0F3F2">
<tr>
<td width="50%" align="center" style="border-right: 1px solid #069C90;" bgcolor="#E0F3F2">
<img src="img/image_6.png" height="auto"/>
</td>
<td width="50%" align="center">
<table border="0" cellpadding="0" cellspacing="10" width="100%">
<tr>
<td style="color: #5B5B5B;font-weight: bold;font-size: 20px;padding: 10px;" align="center">Refer your Friend's to find a property<br>
in rajutaya.blogspot.com</td>
</tr>
<tr style="color: #069C90;font-size: 20px;" align="center">
<td>Maximum <strong style="font-size: 30px;">₹50,000</strong></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: normal;font-style:italic;color: #6A6A6A;font-size: 25px;" align="center">
Check out these homes!, which are similar to other<br>
listings you've viewed
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;" align="center">
<a href="#" style="text-decoration: none;display: inline-block;padding: 20px;background-color:#FF4576;border-radius: 5px;text-transform: uppercase;color: #fff;font-weight: bold;">Your Dream Home</a>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #6C6C6C;font-size: 30px;font-style: italic;font-weight: normal" align="center">
<strong style="color:#069C90;">1000+</strong> happy customer booked their
homes through us
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;" align="center">
<img src="/img/image_7.png" width="100%" height="auto">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="10" width="100%" style="font-size: 25px;" bgcolor="#069C90">
<tr align="center" style="color: #fff;">
<td style="border-right: 1px solid #fff">Chennai</td>
<td style="border-right: 1px solid #fff">Bangalore</td>
<td style="border-right: 1px solid #fff">Mumbai</td>
<td style="border-right: 1px solid #fff">Kolkata</td>
<td>Hyderabad</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
</head>
<body style="margin: 0; padding: 0;font-family: 'Montserrat', sans-serif;background-color: #069C90">
<table cellspacing="0" width="100%" style="padding: 20px 40px;">
<tr align="center" bgcolor="#069C90">
<td style="font-size: 30px;color:#fff;font-weight: bold;">
Hello
</td>
</tr>
<tr align="center" bgcolor="#069C90">
<td style="font-size: 30px;color:#fff;font-weight: bold;font-style: italic;padding-bottom: 15px;">
testing
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Thank you for choosing <b style="color: #069C90;font-size: 25px;">testing.</b>
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Finding your new home is our responsibility.
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
We wish to full-fill your dream of buying a property at the best price.
</td>
</tr>
<tr bgcolor="#f1f1f1">
<td style="padding: 10px;color: #6A6A6A;font-size: 20px;" align="center">
Your hunt for home ends here.
</td>
</tr>
<tr bgcolor="#fff">
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr style="border-bottom-left-radius: 10px">
<td width="50%">
<img src="img/image_1.jpg" alt="" width="100%" height="auto" style="display: block;" />
</td>
<td width="50%" bgcolor="#f1f1f1">
<a href="#" style="color: #fff;top: 40%;border-radius: 5px;font-weight: bold;font-size: 20px;right: 23%;padding: 20px;background-color: #FF5984;text-decoration: none;">testing</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #069C90;font-size: 25px;" align="center">
More reason to choose from test
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #069C90;font-size: 25px;" align="center">
Refer & Earn
</td>
</tr>
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="10" width="100%" bgcolor="#E0F3F2">
<tr>
<td width="50%" align="center" style="border-right: 1px solid #069C90;" bgcolor="#E0F3F2">
<img src="img/image_6.png" height="auto"/>
</td>
<td width="50%" align="center">
<table border="0" cellpadding="0" cellspacing="10" width="100%">
<tr>
<td style="color: #5B5B5B;font-weight: bold;font-size: 20px;padding: 10px;" align="center">Refer your Friend's to find a property<br>
in rajutaya.blogspot.com</td>
</tr>
<tr style="color: #069C90;font-size: 20px;" align="center">
<td>Maximum <strong style="font-size: 30px;">₹50,000</strong></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: normal;font-style:italic;color: #6A6A6A;font-size: 25px;" align="center">
Check out these homes!, which are similar to other<br>
listings you've viewed
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;" align="center">
<a href="#" style="text-decoration: none;display: inline-block;padding: 20px;background-color:#FF4576;border-radius: 5px;text-transform: uppercase;color: #fff;font-weight: bold;">Your Dream Home</a>
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;font-weight: bold;color: #6C6C6C;font-size: 30px;font-style: italic;font-weight: normal" align="center">
<strong style="color:#069C90;">1000+</strong> happy customer booked their
homes through us
</td>
</tr>
<tr bgcolor="#fff">
<td style="padding: 10px;" align="center">
<img src="/img/image_7.png" width="100%" height="auto">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="10" width="100%" style="font-size: 25px;" bgcolor="#069C90">
<tr align="center" style="color: #fff;">
<td style="border-right: 1px solid #fff">Chennai</td>
<td style="border-right: 1px solid #fff">Bangalore</td>
<td style="border-right: 1px solid #fff">Mumbai</td>
<td style="border-right: 1px solid #fff">Kolkata</td>
<td>Hyderabad</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
No comments:
Post a Comment