JSFiddle - React, Tailwind, and code Playground

by Good Muyis

HTML

<table style="WIDTH: 414px" cellspacing="0" cellpadding="0" border="0" class="ng-scope">
  <tbody> 
  <tr>
    <td width="300" style="FONT-SIZE: 10pt; FONT-FAMILY: Arial, sans-serif;line-height:14pt;" valign="bottom">	
		<strong><span style="FONT-SIZE: 18pt; FONT-FAMILY: Arial, sans-serif; COLOR: #125aa3" class="ng-binding">John Doe</span></strong><br>
		<span style="FONT-SIZE: 14pt; FONT-FAMILY: Arial, sans-serif; COLOR: #037edd" class="ng-binding">Sales &amp; Marketing Director</span>	  
	</td>
    <td valign="bottom" align="right" width="160">	
		<!-- ngIf: showField('facebookURL') --><span ng-if="showField('facebookURL')" class="ng-scope"><a href="https://www.facebook.com/MyCompany" target="_blank" rel="noopener"><img border="0" width="19" height="19" ng-src="https://codetwocdn.azureedge.net/images/mail-signatures/generator-dm/book-a-call/fb.png" alt="facebook icon" style="border:0; height:19px; width:19px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator-dm/book-a-call/fb.png"></a></span><!-- end ngIf: showField('facebookURL') -->
		<!-- ngIf: showField('twitterURL') --><span ng-if="showField('twitterURL')" class="ng-scope"><a href="https://twitter.com/MyCompany404" target="_blank" rel="noopener"><img border="0" width="19" height="19" ng-src="https://codetwocdn.azureedge.net/images/mail-signatures/generator-dm/book-a-call/tt.png" alt="twitter icon" style="border:0; height:19px; width:19px" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator-dm/book-a-call/tt.png"></a></span><!-- end ngIf: showField('twitterURL') -->
		<!-- ngIf: showField('youtubeURL') --><span ng-if="showField('youtubeURL')" class="ng-scope"><a href="https://www.youtube.com/user/MyCompanyChannel" target="_blank" rel="noopener"><img border="0" width="19" height="19" ng-src="https://codetwocdn.azureedge.net/images/mail-signatures/generator-dm/book-a-call/yt.png" alt="youtube icon" style="border:0; height:19px; width:19px"...