<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 class="container"> <table width="700" cellspacing="0" cellpadding="0" border="0" style=" background:url('https://img.freepik.com/free-photo/blurred-background-blur-store-with-bokeh-light-background-business-banner_7190-436.jpg?size=626&ext=jpg') no-repeat center/cover; ;padding: 32px 0 0; font-size:13px;font-weight: 500; font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'" ;=""> <tbody> <tr> <td width="180" style="vertical-align:top;padding:0 5px"> <a href="https://konghq.com/" data-external="true" style="background: #00B4DB; display: inline-block; border-radius: 100%; padding: 5px; position: relative;"> <span style="background: #00B4DB; height:100px; width:100%; position: absolute; bottom: 0; left:0"></span> <img width="100%" style="border:none; border-radius: 100%; position: relative; z-index: 1;" src="https://dummyimage.com/300"></a> </td> <td style="" width="16"></td> <td style="vertical-align: top; text-align:left;color:#000000; text-align:left"> <span style="display: block; padding-top: 10px; line-height:0px;color:#000000;font-size:25px; font-weight: bold; margin-bottom: 20px ; text-transform: uppercase">Ravi Singh</span> <hr style="max-width: 100px; margin-left:0; height:2px;background-color:#222; border:0"> <span style="margin-bottom:16px;color:#111;">Front End Developer</span> <br> <br> <img width="200" height="77" src="https://static.aplyca.com/aplyca-email-signature/aplyca.png"> <br> </td> <td style="vertical-align: top; text-align:left;color:#000000; text-align:left"> <table cellpadding="0" border="0" style="vertical-align:top; "> <tbody> <tr> <td style=" font-size: 12px; margin-bottom:10px; font-weight: bold; "> <a href="#" data-external="true" style=" display: flex; align-items: center; text-decoration:none"> <img width="35" style="border:none; margin-right:5px" src="https://img.icons8.com/flat-round/48/000000/phone.png"><span style="font-size:24px; color:#111; font-weight:bold;">9822-323-123</span> </a> </td> </tr> <tr> <td style=" font-size: 12px; margin-bottom:10px; font-weight: bold; "> <a href="#" data-external="true" style=" display: flex; align-items: center; text-decoration:none"> <img width="35" style="border:none; margin-right:5px" src="https://img.icons8.com/fluency/64/000000/worldwide-location.png"> <span style="font-size:20px; color:#111; font-weight:500;">Ontorio Canada</span> </a> </td> </tr> <tr> <td style=" font-size: 12px; margin-bottom:10px; font-weight: bold; "> <a href="#" data-external="true" style=" display: flex; align-items: center; text-decoration:none"> <img width="35" style="border:none; margin-right:5px" src="https://img.icons8.com/bubbles/48/000000/apple-mail.png"> <span style="font-size:20px; color:#111; font-weight:500;">info@foreverdemo.com</span> </a> </td> <tr> <td style=" font-size: 12px; margin-bottom:10px; font-weight: bold; "> <a href="#" data-external="true" style=" display: flex; align-items: center; text-decoration:none"> <img width="35" style="border:none; margin-right:5px" src="https://img.icons8.com/fluency/50/000000/globe.png"> <span style="font-size:20px; color:#111; font-weight:500;">www.foreverdemo.com</span> </a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <table width="700" cellspacing="0" cellpadding="0" border="0" style="background:#00B4DB;padding: 10px"> <tbody> <tr> <td style="width:180px"></td> <td> <table border="0" cellspacing="0" cellpadding="0" style="margin:0px; color:#fff"> <tbody> <tr> <td style="font-family:arial,sans-serif;margin:0px;padding:0px 8px; font-size:12px; font-weight:bold; border-right:1px solid #fff"> Websites </td> <td style="font-family:arial,sans-serif;margin:0px;padding:0px 8px; font-size:12px; font-weight:bold; border-right:1px solid #fff"> Socail Media </td> <td style="font-family:arial,sans-serif;margin:0px;padding:0px 8px; font-size:12px; font-weight:bold; border-right:1px solid #fff"> Printing </td> <td style="font-family:arial,sans-serif;margin:0px;padding:0px 8px; font-size:12px; font-weight:bold; border-right:1px solid #fff"> Signage </td> <td style="font-family:arial,sans-serif;margin:0px;padding:0px 8px; font-size:12px; font-weight:bold;"> Graphic Design </td> </tr> </tbody> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="0" style="margin:0px"> <tbody> <tr> <td style="font-family:arial,sans-serif;margin:0px;padding:0px"><a href="#" target="_blank" style="color:rgb(0,153,204);text-decoration-line:none"> <img width="24" height="24" alt="facebook" border="0" src="https://static.aplyca.com/aplyca-email-signature/facebook.png"> </a> <a href="#" target="_blank" style="color:rgb(0,153,204);text-decoration-line:none"> <img width="24" height="24" alt="twitter" border="0" src="https://static.aplyca.com/aplyca-email-signature/twitter.png"></a> <a href="#" target="_blank" style="color:rgb(0,153,204);text-decoration-line:none"> <img width="24" height="24" alt="linkedIn" border="0" src="https://static.aplyca.com/aplyca-email-signature/linkedin.png"></a> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </div>