My Custom Email Template

custome_email_template.html

<style>
  *{font-family:"Open Sans", Helvetica, Arial, sans-serif;}
  table {  text-align: left; margin: 10px auto !important;} 
  /*Cell padding*/
  table td, table th{ padding: 15px 10px !important; }
  /*Header styling*/
  table tr:first-child > th{ border: none;background:#00557F !important;color:#FFFFFF !important; font-size: 15px; font-weight: bold;}
  /*Fields column*/
  table tr:not(:first-child) > th{background:#E1EEF4 !important;}
  td{background:#fff !important;}
  tr,td{border-right:none !important;border-left:none !important;}
  #pagename {color:#0098db;}
  #banner {width: 100%;}
</style>
<img id="banner" src="https://i.imgur.com/oDgasXA.png" alt="banner">
<h2>A new lead has been captured from your <span id="pagename">{{page_name}}</span> Page</h2>
<table style="border-width: 2px; border-spacing: 2px; border-style: solid; border-color: #888888;  border-collapse: collapse; background-color: #fff;">
  <tr><th colspan="2" style="padding: 5px;text-align:left;background:#888888;color:#fff;"><h4 style="margin:0">Landing Page Details</h4></th></tr>
    <tr><th style="border-width: 1px;  padding: 5px 10px 5px 5px; border-style: solid; border-color: #999999; background-color: #DDE0E1;" width="120" valign="top" align="right"><strong>Page Name</strong></th>
    <td style="border-width: 1px;  padding: 5px; border-style: solid; border-color: #999999; background-color: #f9f9f9;" width="400" valign="top">{{page_name}}</td></tr>
    <tr><th style="border-width: 1px;  padding: 5px 10px 5px 5px; border-style: solid; border-color: #999999; background-color: #DDE0E1;" width="120" valign="top" align="right"><strong>URL</strong></th>
    <td style="border-width: 1px;  padding: 5px; border-style: solid; border-color: #999999; background-color: #f9f9f9;" width="400" valign="top"><a href="{{page_url}}">{{page_url}}</a></td></tr>
    <tr><th style="border-width: 1px;  padding: 5px 10px 5px 5px; border-style: solid; border-color: #999999; background-color: #DDE0E1;" width="120" valign="top" align="right"><strong>Variant:</strong></th>
    <td style="border-width: 1px;  padding: 5px; border-style: solid; border-color: #999999; background-color: #f9f9f9;" width="400" valign="top">{{variant_letter}}</td></tr>
</table>
{{submitted_form_data}}
<hr>
Noah's Custom Emails<br>
https://community.unbounce.com/<br>
That's all folks!