Hi friends today we are going to learn email design with Table tag no external font no style block in head here below you can see screenshot and HTML is also given below in this tutorials you just need to change your images and icons you can also remove unnecessary block
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="#00B050">
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#00B050" style="padding:10px 0;" >
<tbody>
<tr>
<td align="center" style="padding:5px 0"><img src="assets/images/logo.png" alt=""></td>
</tr>
<tr>
<td>
<table border="0" width="50%" style="color:#1C140D;margin: auto;padding:10px; margin-bottom: 14px; font-family: Verdana, Geneva, Tahoma, sans-serif; " cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td align="center">
<h1>Email Verification</h1>
</td>
</tr>
<tr>
<td align="left" style="text-align: justify;"><p style="padding: 0px 10px;">Thank you to choose Foodzone. We alwasy thankfull to you that you have choose foodzone. We assure you that you will definitely like our services. Thank you foor be with us. please verify you email by clicking below link </p>
<p style="padding: 0px 10px;"><a href="">click here to verify email</a></p>
</td>
</tr>
<tr>
<td><table border="0" cellspacing="0" width="100%" style="margin-bottom:20px;">
<tbody>
<tr>
<td align="center">
<img width="95%" src="assets/images/img1.jpg" alt="">
<h3>Spicy Pasta</h3>
<p>Spicy Pasta is best dish in our resturant you will never forget that dish.I suggest you to try this dish</p>
<a href="" style="text-decoration: none;width:50%; color: #FFFFFF; padding: 10px; display:block; background-color:#00B050;">Book Order Now</a>
</td>
<td align="center">
<img width="95%" src="assets/images/img3.jpg" alt="">
<h3>Chinies Pasta</h3>
<p>Chinies pasta is best dish in our resturant you will never forget that dish.I suggest you to try this dish</p>
<a href="" style="text-decoration: none;width:50%; color: #FFFFFF; padding: 10px; display:block; background-color:#00B050;">Book Order Now</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" width="100%" >
<tbody>
<tr>
<td align="center">
<a href=""><img height="50px" src="assets/images/icon/facebook.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/googleplus.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/twitter.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/whatsapp.png" alt=""></a>
</td>
</tr>
<tr>
<td align="center"><p style="font-size: 12px;">Than you from <a href=""> http://mysite48.000webhostapp.com/</a></p></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Thank you for visiting my blog
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body bgcolor="#00B050">
<table border="0" width="100%" cellpadding="0" cellspacing="0" bgcolor="#00B050" style="padding:10px 0;" >
<tbody>
<tr>
<td align="center" style="padding:5px 0"><img src="assets/images/logo.png" alt=""></td>
</tr>
<tr>
<td>
<table border="0" width="50%" style="color:#1C140D;margin: auto;padding:10px; margin-bottom: 14px; font-family: Verdana, Geneva, Tahoma, sans-serif; " cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tbody>
<tr>
<td align="center">
<h1>Email Verification</h1>
</td>
</tr>
<tr>
<td align="left" style="text-align: justify;"><p style="padding: 0px 10px;">Thank you to choose Foodzone. We alwasy thankfull to you that you have choose foodzone. We assure you that you will definitely like our services. Thank you foor be with us. please verify you email by clicking below link </p>
<p style="padding: 0px 10px;"><a href="">click here to verify email</a></p>
</td>
</tr>
<tr>
<td><table border="0" cellspacing="0" width="100%" style="margin-bottom:20px;">
<tbody>
<tr>
<td align="center">
<img width="95%" src="assets/images/img1.jpg" alt="">
<h3>Spicy Pasta</h3>
<p>Spicy Pasta is best dish in our resturant you will never forget that dish.I suggest you to try this dish</p>
<a href="" style="text-decoration: none;width:50%; color: #FFFFFF; padding: 10px; display:block; background-color:#00B050;">Book Order Now</a>
</td>
<td align="center">
<img width="95%" src="assets/images/img3.jpg" alt="">
<h3>Chinies Pasta</h3>
<p>Chinies pasta is best dish in our resturant you will never forget that dish.I suggest you to try this dish</p>
<a href="" style="text-decoration: none;width:50%; color: #FFFFFF; padding: 10px; display:block; background-color:#00B050;">Book Order Now</a>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table border="0" cellspacing="0" width="100%" >
<tbody>
<tr>
<td align="center">
<a href=""><img height="50px" src="assets/images/icon/facebook.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/googleplus.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/twitter.png" alt=""></a>
<a href=""><img height="50px" src="assets/images/icon/whatsapp.png" alt=""></a>
</td>
</tr>
<tr>
<td align="center"><p style="font-size: 12px;">Than you from <a href=""> http://mysite48.000webhostapp.com/</a></p></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</body>
</html>
Thank you for visiting my blog
No comments:
Post a Comment
your suggestion are welcome by me