将html转换为响应式

Question

让我说清楚，我的html技能很差，委婉地说。我最终做了一件不可思议的事，在Excel中制作了一张表格，并将其导出。因为这是唯一的方法，我可以看到和调整列和行，正是我想要的，因为所见即所得的编辑器的想法已经过时了。

我知道异端邪说。

这是我目前使用的代码，我认为这对我需要的东西很有用。但我在移动设备上遇到了一个小问题。表和它的内容甚至没有尝试包装，但由于这段代码是如此混乱，我不知道从哪里开始。

任何想法?下面的代码。

<table style="border-collapse:collapse; width:847px; text-decoration-thickness:initial; text-decoration-style:initial; text-decoration-color:initial" width="847">
<colgroup>
<col style="width:159pt" width="212" />
<col style="width:9pt" width="12" />
<col style="width:467pt" width="623" />
</colgroup>
<tbody>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px; border-radius: 5px; margin: 3px; border-top:1px solid white; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Job Title</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px;border-width: 1px; border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Name</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;  border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Org</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;  border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Vacancy Location</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px;  border-radius: 5px; margin: 3px; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Brief outline of position</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl72" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:top; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-top:none; border-width: 1px;     border-radius: 5px; margin: 3px; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Application Closing Date</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px;  border-radius: 5px; margin: 3px; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Attachments</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">Attachment #1</span></span></span></span></span></td>
</tr>
<tr>
<td style="border-bottom:none; height:40px; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td style="border-bottom:none; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td style="border-bottom:none; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
</tr>
<tr>
<td class="xl65" colspan="3" style="border-bottom:none; height:40px; width:847px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px;border-width: 1px;     border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:1px solid white; border-right:.7px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">POC for further details</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl74" style="border-bottom:none; height:14px; width:212px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl74" style="border-bottom:none; width:12px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl74" style="border-bottom:none; width:623px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
</tr>
<tr>
<td class="xl73" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;  border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Name</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl70" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px;border-width: 1px;    border-radius: 5px; margin: 3px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Email</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl70" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px;border-width: 1px;   border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Phone</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
</tbody>
</table>

Answer 1

这些内联样式会让你的生活变得很困难，但是你可以通过使用css!important标签覆盖它们中的任何一个。

如果你把这个添加到你的CSS中，你的表将在视窗内展开和收缩:

table {
width:100% !important;
}

table {
width:100% !important;
}

<table style="border-collapse:collapse; width:847px; text-decoration-thickness:initial; text-decoration-style:initial; text-decoration-color:initial" width="847">
<colgroup>
<col style="width:159pt" width="212" />
<col style="width:9pt" width="12" />
<col style="width:467pt" width="623" />
</colgroup>
<tbody>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px; border-radius: 5px; margin: 3px; border-top:1px solid white; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Job Title</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px;border-width: 1px; border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Name</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;    border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Org</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;    border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Vacancy Location</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px;    border-radius: 5px; margin: 3px; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Brief outline of position</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl72" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:top; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-top:none; border-width: 1px;   border-radius: 5px; margin: 3px; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Application Closing Date</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl69" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-width: 1px;    border-radius: 5px; margin: 3px; border-top:none; border-right:none; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Attachments</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">Attachment #1</span></span></span></span></span></td>
</tr>
<tr>
<td style="border-bottom:none; height:40px; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td style="border-bottom:none; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td style="border-bottom:none; padding-top:1px; padding-right:1px; padding-left:1px; vertical-align:bottom; white-space:nowrap; border-top:none; border-right:none; border-left:none">&nbsp;</td>
</tr>
<tr>
<td class="xl65" colspan="3" style="border-bottom:none; height:40px; width:847px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px;border-width: 1px;   border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:1px solid white; border-right:.7px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">POC for further details</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl74" style="border-bottom:none; height:14px; width:212px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl74" style="border-bottom:none; width:12px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl74" style="border-bottom:none; width:623px; text-align:center; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
</tr>
<tr>
<td class="xl73" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px; border-width: 1px;    border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Name</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl70" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px;border-width: 1px;  border-radius: 5px; margin: 3px; padding-top:1px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Email</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
<tr>
<td class="xl70" style="border-bottom:1px solid white; height:40px; width:212px; text-align:right; vertical-align:middle; white-space:normal; padding-right:9px; padding-top:1px;border-width: 1px;     border-radius: 5px; margin: 3px; padding-left:1px; background-color:#003e2f; border-top:none; border-right:1px solid white; border-left:1px solid white"><span style="font-size:15px"><span style="color:white"><span style="font-weight:700"><span style="font-style:normal"><span style="text-decoration:none">Phone</span></span></span></span></span></td>
<td class="xl68" style="border-bottom:none; width:12px; vertical-align:middle; white-space:normal; padding-top:1px; padding-right:1px; padding-left:1px; border-top:none; border-right:none; border-left:none">&nbsp;</td>
<td class="xl71" style="border-bottom:1px solid black; width:623px; text-align:left; vertical-align:middle; white-space:normal; padding-left:9px; padding-top:1px; padding-right:1px; border-top:none; border-right:none; border-left:none"><span style="font-size:15px"><span style="color:black"><span style="font-weight:400"><span style="font-style:normal"><span style="text-decoration:none">TEXT</span></span></span></span></span></td>
</tr>
</tbody>
</table>