"Newsletter Design"
Bootstrap 4.1.1 Snippet by imsachin

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div style="margin:0 auto!important;font-family:arial;"> <center> <table width="100%" style="max-width:600px; border: 1px solid #ccc;" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ffffff"> <tr> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr height="60"> <td width="50"></td> <td align="left" width="200"> <a href="" target="blank"> <img src="" alt="image" /> </a> </td> <td style="padding-left:230px;" width="30"> <a href="tel:1-000-0000-000" > <img src="" alt="phone" style="margin-top:18px;" /> </a> </td> <td> <td align="left" width="300"> <a href="tel:1-000-0000-000" style="font-size:16px;text-decoration:none;color:#333333;font-weight:700;line-height:18px;text-align:center;"> <span align="left" style="font-weight:normal;font-size:12px;text-align:left;">Toll Free(24/7)</span></br> 1-000-0000-000 </a> </td> <td width="15"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#fff"> <tr> <td align="left"> <img src="https://bestjquery.com/tutorial/hover-effect/demo147/images/img-2.jpg"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="20"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td width="10"></td> <td> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb" align="center"> <tr> <td> <p style="font-size:24px;font-weight:bold;text-align:center;color:#333333;text-transform:capitalize;">ASS</p> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="20"> </td> </tr> </tbody> </table> <table width="100%" style="border:1px dashed #ffffff;"cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr style="height:30px;"> <td width="10"></td> <td width="100" style="font-size:15px;color:#333333;font-weight:normal;">Name</td> <td width="100" style="font-size:15px;color:#333333;font-weight:normal;">Name</td> <td width="110" style="font-size:15px;color:#333333;font-weight:normal;">Dep. Date</td> <td width="110" style="font-size:15px;color:#333333;font-weight:normal; ">Rtn. Date</td> <td width="80" style="font-size:15px;color:#333333;font-weight:normal;">Fare</td> <td width="85" style="font-size:15px;color:#333333;font-weight:normal;"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ffffff"> <tr align="left" style="background-color:#ffffff;height:50px;"> <td width="10"></td> <td width="100" style="font-size:14px;color:#333333;"> peter </td> <td width="105" style="font-size:14px;color:#333333;"> Harry </td> <td width="110" style="font-size:14px;color:#333333;"> Oct 01, 2019 </td> <td width="110" style="font-size:14px;color:#333333;font-weight:500;"> Oct 31, 2019 </td> <td width="80" style="font-size:16px;font-weight:bold;color:#333;"> R 578<sup>*</sup></a> </td> <td width="85" style="font-size:13px;font-weight:bold;text-align:center;"> <a href="#" style="color: #fff;text-decoration: none;background-color: #fa7603;display: block;height: 30px;line-height: 29px;margin-right: 8px;text-decoration:none;" target="_blank">Book</a> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="10"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td width="5"></td> <td> <p style="font-size:11px;text-align:justify;color:#555555;"><b style="font-size:12px;">AAA:</b>ABC</p> </td> <td width="5"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="15"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td width="5"></td> <td align="left"> <p style="font-size:14px;color:#333333;margin-bottom:5px;">SSS</p> <p style="font-size:12px;text-align:justify;color:#777777;line-height:16px;">ABCD</p> </td> <td width="5"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="10"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td width="5"></td> <td> <p style="font-size:14px;color:#333333;margin-bottom:5px;">Privacy Policy</p> <p style="font-size:12px;margin:0px;text-align:justify;color:#777777;line-height:16px;">AFF <a href="" style="color:#143ca1;"target="_blank">ASS</a> F. </p> </td> <td width="5"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="10"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="10"> </td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td width="5"></td> <td> <p style="font-size:14px;color:#333333;margin-bottom:5px;">Unsubscribe</p> <p style="font-size:12px;text-align:justify;color:#777777;margin:0;"> AVV <a href="" style="color:#143ca1;" target="_blank">Unsubscribe</a> </p> </td> <td width="5"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#ebebeb"> <tr> <td height="35"> </td> </tr> </tbody> </table> </td> <td width="10"></td> </tr> </tbody> </table> <table width="100%" cellpadding="0" cellspacing="0"> <tbody bgcolor="#0f1640"> <tr> <td align="center" height="30"> <p style="color:#ebebeb;font-size:12px;"> Footer </p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </center> </div>

Related: See More


Questions / Comments: