JSFiddle - React, Tailwind, and code Playground
by Jordan Sayner
HTML
<TABLE class=MsoNormalTable style="WIDTH: 457.5pt" cellPadding=0 border=0><TBODY>
<TR>
<TD style="PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt" colSpan=2>
<P class=MsoNormal><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>Leah Benzie <BR>06/07/1990 <BR><A href="mailto:[email protected]">[email protected]</A> <?xml:namespace prefix = "o" ns = "urn:schemas-microsoft-com:office:office" /><o:p></o:p></SPAN></P></TD></TR>
<TR>
<TD style="WIDTH: 150pt; PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt" width=203>
<P class=MsoNormal><STRONG><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>Date of consultation:</SPAN></STRONG><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'><o:p></o:p></SPAN></P></TD>
<TD style="PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt">
<P class=MsoNormal><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>10-01-2019 <o:p></o:p></SPAN></P></TD></TR>
<TR>
<TD style="WIDTH: 150pt; PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt" width=203>
<P class=MsoNormal><STRONG><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>Colourists name:</SPAN></STRONG><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'><o:p></o:p></SPAN></P></TD>
<TD style="PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt">
<P class=MsoNormal><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>Anna <o:p></o:p></SPAN></P></TD></TR>
<TR>
<TD style="WIDTH: 150pt; PADDING-BOTTOM: 7.5pt; PADDING-TOP: 7.5pt; PADDING-LEFT: 7.5pt; PADDING-RIGHT: 7.5pt" width=203>
<P class=MsoNormal><STRONG><SPAN style='FONT-SIZE: 10.5pt; FONT-FAMILY: "Arial",sans-serif; COLOR: #818588'>Hair Colour...