Untitled

<!-- example woocommerce html email for use with https://wordpress.org/plugins/woo-custom-emails/ - Add your logo url as per below. You might need to modify e.g. font and colors to suit your site -->

<!DOCTYPE html>
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Email</title>
<style type="text/css">
#wrapper table tr td #template_container tr td {
    font-family: Arial, Helvetica, sans-serif;
}
tr order_item td{
text-align: left;
vertical-align: middle;
border: none !important;
font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
word-wrap: break-word;
color: #737373;
padding: 5px !important;
}

#wrapper table tr td #template_container tr td #template_body tr #body_content table tr td #body_content_inner table tr td {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding: 5px !important;
}
</style></head>
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
        <div id="wrapper" dir="ltr" style="background-color: #f5f5f5; margin: 0; padding: 70px 0 70px 0; -webkit-text-size-adjust: none !important; width: 100%;">
            <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%"><tr>
<td align="center" valign="top">
                        <div id="template_header_image">
                            <p style="margin-top: 0;">
<!-- add your logo URL here -->
<img src="https://placeholdit.imgix.net/~text?txtsize=33&txt=600%C3%97250&w=600&h=250" alt="logo" style="border: none; display: inline; font-size: 14px; font-weight: bold; height: auto; line-height: 100%; outline: none; text-decoration: none; text-transform: capitalize;"></p>                        </div>
                        <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_container" style="box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important; background-color: #fdfdfd; border: 1px solid #dcdcdc; border-radius: 3px !important;">
<tr>
<td align="center" valign="top">
                                    <!-- Header -->
                                    <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_header" style='background-color: #50149b; border-radius: 3px 3px 0 0 !important; color: #ffffff; border-bottom: 0; font-weight: bold; line-height: 100%; vertical-align: middle; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;'><tr>
<td id="header_wrapper" style="padding: 36px 48px; display: block;">
                                                <h1 style='color: #ffffff; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 30px; font-weight: 300; line-height: 150%; margin: 0; text-align: left; text-shadow: 0 1px 0 #7343af; -webkit-font-smoothing: antialiased;'>Order Failure / Cancellation</h1>
                                      </td>
                                        </tr></table>
<!-- End Header -->
</td>
                            </tr>
<tr>
<td align="center" valign="top">
                                    <!-- Body -->
                                    <table border="0" cellpadding="0" cellspacing="0" width="600" id="template_body"><tr>
<td valign="top" id="body_content" style="background-color: #fdfdfd;">

                                        <!-- Content - modify to suit your needs -->
                                                <table border="0" cellpadding="20" cellspacing="0" width="100%"><tr>
<td valign="top" style="padding: 48px;">


<div id="body_content_inner" style='color: #737373; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; line-height: 150%; text-align: left;'>
<p style="margin: 0 0 16px;">Hi there<br/><br/>

This is just to let you know that a recent order you placed has failed or has been cancelled.<br/>
<p style="margin: 0 0 16px;"><strong>Review Your Order</strong><br/>

  If you'd like to review this order, please login to your account here<br/>

<table width="80%" border="0" align="center">
  <tr>
  <td style="padding: 5px !important;"><i>Order Date: {order_date}</i></td>
  </tr>
  <tr>
     <td style="padding: 5px !important;"><i>Order Number: {order_number}</i></td>
  </tr>
  <tr>
     <td style="padding: 5px !important;"><i>Billing Name: {order_billing_name} </i></td>
  </tr>
  <tr>
     <td style="padding: 5px !important;"><i>Order Items: {email_order_items_table}</i></td>
  </tr>
</table>

<p>&nbsp;</p>
<p><b>Was there a problem?</b><br/>
  Just reply to this email if there was a problem you'd like to tell us about and we'll do our best to help you.</p>
<p><strong>If you no longer need this order, you can simply ignore this notice.</strong><br/>
</div>
                                                  </td>
                                                    </tr></table>
<!-- End Content -->
</td>
                                        </tr></table>
<!-- End Body -->
</td>
                            </tr>
<tr>
<td align="center" valign="top">
                                    <!-- Footer -->
                                    <table border="0" cellpadding="10" cellspacing="0" width="600" id="template_footer"><tr>
<td valign="top" style="padding: 0; -webkit-border-radius: 6px;">
                                                <table border="0" cellpadding="10" cellspacing="0" width="100%"><tr>
<td colspan="2" valign="middle" id="credit" style="padding: 0 48px 48px 48px; -webkit-border-radius: 6px; border: 0; color: #9672c3; font-family: Arial; font-size: 12px; line-height: 125%; text-align: center;">
                                                            <p>Thank you for your custom</p>
                                                        </td>
                                                    </tr></table>
</td>
                                        </tr></table>
<!-- End Footer -->
</td>
                            </tr>
</table>
</td>
                </tr></table>
</div>
    </body>
</html>