Client mail body example
An example of a client mail body is displayed below:
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta name="x-apple-disable-message-reformatting">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="telephone=no" name="format-detection">
<title></title>
</head>
<body>
<div dir="ltr" class="es-wrapper-color">
<table class="es-wrapper" width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="esd-email-paddings" valign="top">
<table class="esd-header-popover es-header" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="esd-stripe" align="center">
<table class="es-header-body" width="600" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
<tbody>
<tr>
<td class="es-p20t es-p20r es-p20l esd-structure" align="left">
<table class="es-left" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td class="es-m-p0r es-m-p20b esd-container-frame" width="180" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" class="esd-block-image" style="font-size: 0px;"><a target="_blank"><img class="adapt-img"
src="https://v10.bio-aware.com/Images/LogoWithTexthighQuality.jpg" alt="" style="display: block;" width="180"></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table class="es-right" cellspacing="0" cellpadding="0" align="right">
<tbody>
<tr>
<td class="esd-container-frame" width="360" align="left">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="center" class="esd-empty-container" style="display: none;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" class="es-header" align="center">
<tbody>
<tr>
<td class="esd-stripe" align="center">
<table bgcolor="#ffffff" class="es-header-body" align="center" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td class="esd-structure es-p20t es-p20r es-p20l" align="left">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td width="560" class="esd-container-frame" align="center" valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="esd-block-text es-m-txt-c">
<h1 style="text-align: left;">Dear @Model.Client.Firstname @Model.Client.Lastname,</h1>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-p20t es-p20b es-m-txt-c">
<p style="font-size: 18px; color: #999999;" class="p_description">Thank you for ordering from BioAware! </p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td class="esd-structure es-p20t es-p20b es-p20r es-p20l" align="left">
<table cellpadding="0" cellspacing="0" class="es-left" align="left">
<tbody>
<tr>
<td width="270" class="esd-container-frame es-m-p20b" align="left">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="esd-block-text">
<h3><strong>Order date</strong></h3>
</td>
</tr>
<tr>
<td align="center" class="esd-block-spacer es-p10t es-p10b">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-bottom: 1px solid #cccccc; background:none; height:1px; width:100%; margin:0px 0px 0px 0px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-m-txt-c">
<p class="p_order"> @Model.CreationDate </p>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-p20t es-p20b es-m-txt-c">
<p><strong>Shipping address</strong></p>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-m-txt-c">
<p class="p_s_address"> @Model.Shipping.Institution <br> @Model.Shipping.Streetandnumber <br> @Model.Shipping.Zip @Model.Shipping.City <br> @Model.Shipping.Country
@if(!@Model.Shipping.Phone.IsEmpty){<br><span>@Model.Shipping?.Phone</span>}<br></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table cellpadding="0" cellspacing="0" class="es-right" align="right">
<tbody>
<tr>
<td width="270" align="left" class="esd-container-frame">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" class="esd-block-text">
<h3><strong>Order e-mail</strong></h3>
</td>
</tr>
<tr>
<td align="left" class="esd-block-spacer es-p10t es-p10b es-p10r">
<table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td style="border-bottom: 1px solid #cccccc; background:none; height:1px; width:100%; margin:0px 0px 0px 0px;"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-m-txt-c">
<p> @Model.OwnerEmail </p>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-p20t es-p20b es-m-txt-c">
<p><strong>Billing address</strong></p>
</td>
</tr>
<tr>
<td align="left" class="esd-block-text es-m-txt-c">
<p class="p_b_address">@Model.Billing?.Institution <br> @Model.Billing?.Streetandnumber <br> @Model.Billing?.Zip @Model.Billing?.City <br>
@Model.Billing?.Country @if(!@Model.Shipping.Phone.IsEmpty){<br><span>@Model.Shipping?.Phone</span>}<br></p></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td>
<table width="600" align="center">
<thead>
<tr>
<td style="text-align: left; font-size: 13px; line-height: 100%;" width="20%" >
<p><b>Strain Number</b></p>
</td>
<td style="text-align: center; font-size: 13px; line-height: 100%;" width="20%" >
<p><b>Taxon name</b></p>
</td>
<td style="text-align: center; font-size: 13px; line-height: 100%;" width="20%" >
<p><strong>Quantity</strong></p>
</td>
<td style="text-align: right; font-size: 13px; line-height: 100%;" width="20%" >
<p><b>Form of supply</b></p>
</td>
<td style="text-align: right; font-size: 13px; line-height: 100%;" width="20%" >
<p><b>Restrictions</b></p>
</td>
</tr>
</thead>
</table>
</td>
</tr>
@foreach(var item in @Model.OrderLines ) {
<tr>
<td>
<table width="600" align="center">
<tbody>
<tr>
<td style="text-align: left; font-size: 13px; line-height: 100%;" width="20%" >
<p><b>@item.Name</b></p>
</td>
<td style="text-align: center; font-size: 13px; line-height: 100%;" width="20%" >
<p>
@foreach(var synlink in @item.Strains.Olink251) {
<i>
@synlink.Name
</i>
}
</p>
</td>
<td style="text-align: center; font-size: 13px; line-height: 100%;" width="20%">
<p>
@item.Quantity
</p>
</td>
<td style="text-align: right; font-size: 13px; line-height: 100%;" width="20%" >
<p>
'FORM OF SUPPLY'
</p>
</td>
<td style="text-align: right; font-size: 13px; line-height: 100%;" width="20%" >
<p> <a href="https://www.bio-aware.com/page/Terms_of_use">Terms of use</a></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
}
<tr>
<td>
<table width="600" align="center">
<tbody>
<tr><td class="esd-structure es-p20t es-p10b es-p20r es-p20l esdev-adapt-off" align="left">
<table width="100%" cellpadding="0" cellspacing="0" class="esdev-mso-table">
<tbody>
<tr>
<td class="esd-structure es-p20t es-p10b es-p20r es-p20l esdev-adapt-off" align="right">
<table width="100%" cellpadding="0" cellspacing="0" class="esdev-mso-table">
<tbody>
<tr>
<td class="esd-structure es-p20b es-p20r es-p20l" align="left">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr><td width="560" class="esd-container-frame" align="center" valign="top">
<table cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr><td>
</td><td align="right" class="esd-block-text es-p20r es-p20l es-m-txt-r">
<p style="text-align:left; width: 600px; margin: 0;font-size: 13px";>
<b>Remarks</b><br>
Any remarks can be placed here.
</p>
</span></strong></p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table width="100%" class="es-content esd-footer-popover" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td class="esd-stripe" align="center">
<table width="100%" class="es-content-body" cellspacing="0" cellpadding="0" bgcolor="#ffffff" align="center">
<tbody>
<tr>
<td class="es-p20t es-p20r es-p20l esd-structure" align="left">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="esd-container-frame" valign="top" align="center">
<table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td align="left" class="esd-block-text">
<p>I acknowledge that the persons responsible for handling the biological material have read and agree to the <a href="https://www.bio-aware.com/page/Terms_of_use">Terms of use</a>.</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>