Email Template Design ServiceNow Working Code

<p></p>
<p></p>
<style>
    table, td, div, h1, p {font-family: Arial, sans-serif;}
  </style>
<table style="width: 100%; border-collapse: collapse; border: 0; border-spacing: 0; background: #ffffff;" role="presentation">
<tbody>
<tr>
<td style="padding: 0;" align="center">
<table style="width: 602px; border-collapse: collapse; border: 1px solid #cccccc; border-spacing: 0; text-align: left;" role="presentation" height="704">
<tbody>
<tr>
<td style="padding: 0px 0px 5px; background: #70bbd9; width: 600.667px;" align="center">
<p style="margin: 0 0 10px 0; font-size: 16px; line-height: 24px; font-family: Arial,sans-serif;"><img style="height: auto; display: block;" src="letter.png" alt="" width="120" /></p>
<p><span style="font-size: 24pt;"><em><span style="color: #ffffff;"><strong>W<span style="color: #333399;">o</span>rking C<span style="color: #008000;">o</span>de</strong></span></em></span><span style="color: #ffffff;"><strong><span style="font-size: 14pt;"></span></strong></span></p>
</td>
</tr>
<tr>
<td style="padding: 36px 30px 42px; width: 540.667px;">
<table style="width: 100%; border-collapse: collapse; border: 0; border-spacing: 0;" role="presentation">
<tbody>
<tr>
<td style="padding: 0 0 36px 0; color: #153643;">
<p></p>
<pre>${notification:body}</pre>
</td>
</tr>
<tr>
<td style="padding: 0;">
<table style="width: 100%; border-collapse: collapse; border: 0; border-spacing: 0;" role="presentation">
<tbody>
<tr>
<td style="width: 260px; padding: 0; vertical-align: top; color: #153643;">
<p style="margin: 0 0 25px 0; font-size: 16px; line-height: 24px; font-family: Arial,sans-serif;"><img style="height: auto; display: block;" src="working.png" alt="" width="260" /></p>
<p style="margin: 0 0 12px 0; font-size: 16px; line-height: 24px; font-family: Arial,sans-serif;">${short_description}</p>
</td>
<td style="width: 20px; padding: 0; font-size: 0; line-height: 0;">&nbsp;</td>
<td style="width: 260px; padding: 0; vertical-align: top; color: #153643;">
<p style="margin: 0 0 25px 0; font-size: 16px; line-height: 24px; font-family: Arial,sans-serif;"><img style="height: auto; display: block;" src="working.png" alt="" width="260" /></p>
<p style="margin: 0 0 12px 0; font-size: 16px; line-height: 24px; font-family: Arial,sans-serif;">${description}</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="padding: 30px; background: #ee4c50; width: 540.667px;">
<table style="width: 100%; border-collapse: collapse; border: 0; border-spacing: 0; font-size: 9px; font-family: Arial,sans-serif;" role="presentation">
<tbody>
<tr>
<td style="padding: 0; width: 50%;" align="left">
<p style="margin: 0; font-size: 14px; line-height: 16px; font-family: Arial,sans-serif; color: #ffffff;">&reg; <span style="font-size: 10pt;">2023 Working Code. All Rights Reserved.</span></p>
<p style="margin: 0; font-size: 14px; line-height: 16px; font-family: Arial,sans-serif; color: #ffffff;"><a style="color: #ffffff; text-decoration: underline;" href="https://www.workingcode.in/">Unsubscribe</a></p>
</td>
<td style="padding: 0; width: 50%;" align="right">
<table style="border-collapse: collapse; border: 0; border-spacing: 0;" role="presentation">
<tbody>
<tr>
<td style="padding: 0 0 0 10px; width: 38px;"><a style="color: #ffffff;" href="https://www.workingcode.in/"><img style="height: auto; display: block; border: 0;" src="tw_1.png" alt="Twitter" width="38" /></a></td>
<td style="padding: 0 0 0 10px; width: 38px;"><a style="color: #ffffff;" href="https://www.workingcode.in/"><img style="height: auto; display: block; border: 0;" src="fb_1.png" alt="Facebook" width="38" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>