<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 ---------->
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Appointment Reminder Email Template</title>
<meta name="description" content="Appointment Reminder Email Template" />
</head>
<style>
a:hover {
text-decoration: underline !important;
}
</style>
<body marginheight="0" topmargin="0" marginwidth="0" style="margin: 0px; background-color: #f2f3f8;" leftmargin="0">
<table cellspacing="0" border="0" cellpadding="0" width="100%" bgcolor="#f2f3f8" style="@import url(https://fonts.googleapis.com/css?family=Rubik:300, 400, 500, 700|Open + Sans:300, 400, 600, 700); font-family: 'Open Sans', sans-serif;">
<tr>
<td>
<table style="background-color: #f2f3f8; max-width: 670px; margin: 0 auto;" width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td style="height: 40px;"> </td>
</tr>
<!-- Email Content -->
<tr>
<td>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" style="
max-width: 670px;
background: #fff;
border-radius: 3px;
-webkit-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.06);
padding: 0 40px;
">
<tr>
<td style="height: 20px;"> </td>
</tr>
<!-- Logo -->
<tr>
<td style="height: 20px;"> </td>
</tr>
<!-- Title -->
<!-- Details Table -->
<tr>
<td>
<table cellpadding="0" cellspacing="0" style="width: 100%; border: 1px solid #ededed;">
<tbody>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Your full name </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> ABC-101 </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Your email </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> XYZ-101 </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Head office location: </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> Endoscopy </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Your relationship with the business: </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> Russell Walker </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Head office sub-region (province/ state and city/ county ) </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;">12 <sup>th</sup> April 2019 </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Customer Relations </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> 11:00 AM </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Quality of Service/ Product </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> During an upper endoscopy, an endoscope is easily passed through the mouth and throat and into the esophagus, allowing the doctor to view the esophagus, stomach, and upper part of the small intestine. </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Sustainability (operating robustly for 2 years) </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> 11:00 AM </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Innovation (ability to adapt to consumer needs) </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> During an upper endoscopy, an endoscope is easily passed through the mouth and throat and into the esophagus, allowing the doctor to view the esophagus, stomach, and upper part of the small intestine. </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Full name of business contact: </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; border-bottom: 1px solid #ededed;"> 11:00 AM </td>
</tr>
<tr>
<td style="padding: 10px; border-right: 1px solid #ededed; width: 35%; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"> Full name of business contact: </td>
<td style="padding: 10px; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #424242;line-height: 1.7em; "> During an upper endoscopy, an endoscope is easily passed through the mouth and throat and into the esophagus, allowing the doctor to view the esophagus, stomach, and upper part of the small intestine. </td>
</tr>
<tr>
<div>
<table cellpadding="0" width="500" style="border-collapse: collapse; font-size: 14.4px;">
<tr>
<td style="height: 20px;"> </td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 0;">
<table cellpadding="0" style="border-collapse: collapse;">
<tr>
<td valign="top" style="margin: 0.1px; padding: 0 9px 0 0;">
<a href="#" target="_blank">
<img src="https://img.freepik.com/free-vector/letter-e-logo-icon-colorfuell_125964-396.jpg?w=2000" width="173" alt="Lorem Ipsum is simply dummy text of the printing and typesetting industry. " style="display: block;" />
</a>
</td>
<td valign="top" style="border-left: 2px solid #f37928; margin: 0.1px; padding: 0 0 0 30px;">
<table cellpadding="0" style="border-collapse: collapse;">
<tr>
<td style="margin: 0.1px; padding: 0; font: 17.3px/22px Tahoma, Geneva, sans-serif; color: #000001;">
<span style="font: 17.3px/22px Tahoma, Geneva, sans-serif; color: #26417b;">Lorem Ipsum</span>
<span style="font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;"></span>
</td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 5px 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </span>
</td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<span style="color: #000001;">w: </span>
<a href="#" target="_blank" style="color: #000001; text-decoration: none; font-family: Tahoma, Geneva, sans-serif;">www.test.com</a>
</td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<span style="color: #000001;">e: </span>
<a href="#" target="_blank" style="color: #000001; text-decoration: none; font-family: Tahoma, Geneva, sans-serif;">test@gmail.com</a>
</td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<span style="color: #26417b;">Lorem Ipsum</span>
</td>
</tr>
<tr>
<td style="margin: 0.1px; padding: 8px 0 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<table cellpadding="0" style="border-collapse: collapse;">
<tr>
<td style="margin: 0.1px; padding: 0 4px 0 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<a href="#" target="_blank">
<img width="31" src="https://img.mysignature.io/s/b/0/f/b0fe0157-941d-5869-97a3-2446931625f9.png" alt="Empowering professionals to get the most out of LinkedIn " style="display: block;" />
</a>
</td>
<td style="margin: 0.1px; padding: 0 4px 0 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<a href="#" target="_blank">
<img width="31" src="https://img.mysignature.io/s/b/8/7/b8797b55-e5dd-513b-9379-3108761a8937.png" alt="Empowering professionals to get the most out of LinkedIn " style="display: block;" />
</a>
</td>
<td style="margin: 0.1px; padding: 0 4px 0 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<a href="#" target="_blank">
<img width="31" src="https://img.mysignature.io/s/0/1/2/01278b55-6876-5671-8c9b-e119058a97f4.png" alt="Empowering professionals to get the most out of LinkedIn " style="display: block;" />
</a>
</td>
<td style="margin: 0.1px; padding: 0 4px 0 0; font: 14.4px/18.3px Tahoma, Geneva, sans-serif; color: #000001;">
<a href="#" target="_blank">
<img width="31" src="https://img.mysignature.io/s/6/3/f/63f1d95d-fe91-5dd9-a0b7-2076851cb35a.png" alt="Empowering professionals to get the most out of LinkedIn " style="display: block;" />
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="500" cellspacing="0" cellpadding="0" border="0">
<tr style="font-size: 1px;">
<td colspan="2" class="s_pixel">
<a href="#" target="_blank">
<img src="https://img.mysignature.io/pixel/1182307/signature/" alt="" />
</a>
</td>
</tr>
</table>
<div>
<table cellspacing="0" cellpadding="0" border="0" style="max-width: 500px;">
<tr>
<td style="padding-top: 9px; padding-right: 10px; line-height: normal; margin: 0.1px;">
<a href="#" target="_blank" style="color: #000; font-size: 18px; border: 1px solid #f37928; padding: 10px 20px; text-decoration: navajowhite; font-weight: 500;">
Schedule Call
</a>
</td>
</tr>
<tr>
<td style="height: 40px;"> </td>
</tr>
</table>
<table width="500" cellspacing="0" cellpadding="0" border="0">
<tr>
<td style="margin: 0.1px; line-height: 1px; font-size: 1px; height: 1px;"></td>
</tr>
</table>
</div>
</div>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="height: 40px;"> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="height: 20px;"> </td>
</tr>
<tr>
<td style="text-align: center;">
<p style="font-size: 14px; color: #455056bd; line-height: 18px; margin: 0 0 0;">© <strong>www.test.com</strong>
</p>
</td>
</tr>
<tr>
<td style="height: 20px;"> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
