JSFiddle - React, Tailwind, and code Playground
HTML
<h3><span style="font-family: Arial; ">Find Contact information for this Article's Author</span></h3>
<h3><span style="font-family: Arial; ">Article:<b> </b></span><b><a href="${URL}" target="_blank"><span style="font-family: Arial; ">${Title}</span></a></b></h3>
<p><span style="font-family: Arial; ">First name*: <input name="firstName" type="text" /> Last name*: <input name="lastName" type="text" /> Email address*: <input name="email" size="35" type="text" /></span></p>
<p><span style="font-family: Arial; ">Webpage where you found the contact info*: <input name="contactInfoPage" size="89" type="text" value="http://" /></span></p>
<p><span style="font-family: Arial; "><b>*All fields are required. </b>Twitter/Facebook pages, contact forms, etc. <b>cannot</b> be substituted for email addresses.<br />
</span></p>
<hr />
<h2><span style="font-family: Arial; "><b>Tips for Finding an Email Address</b></span></h2>
<ol>
<li><span style="font-family: Arial; ">Look at the header and footer of the article for a links to email the author or to the author's profile.<br />
</span></li>
<li><span style="font-family: Arial; ">Search Google for the author's personal website<br />
</span></li>
<li><span style="font-family: Arial; ">Try the following searches on Google:</span>
<ol>
<li><span style="font-family: Arial; ">“<b>[first name]@[website they write for].com</b>” ex: "john@lifehacker.com"</span></li>
<li><span style="font-family: Arial; ">“<b>[first initial][last name]@[domain].com</b>” ex: "jsmith@lifehacker.com"</span></li>
<li><span style="font-family: Arial; ">“<b>[first name].[last name]@[domain].com</b>” ex: "john.smith@lifehacker.com"<br />
</span></li>
</ol>
</li>
<li><span style="font-family: Arial; ">Try this tool: </span><a href="http://linksy.me/find-email" target="_blank"><span...