JSFiddle - React, Tailwind, and code Playground

by Nick Hulea

HTML

<body style='background-color:#F6F7E4; font-family: Arial,Verdana,Helvetica,sans-serif;font-size:11px;color:#000;'>
    <table width='970' border='0' align='center' cellpadding='20%'>
        <tr>
            <td id='img_container' align='center' style='display:block;background-color:#000;padding:5px;'>
                <img src='http://i.imgur.com/cNWCJM1.jpg' />
            </td>
        </tr>
        <tr>
            <td width='600' id='text_container' style='background:#FFFFFF;'>
                <p style='margin:10px 10px 10px 10px;'>Thank you for submitting a School Visit Request for the Natural History Museum of Los Angeles County! Your request tracking number is:<strong>" . $data['tracking_number'] . "</strong>

                </p>
                <p style='margin:10px 10px 10px 10px;'>
                    <br>This e-mail verifies that the Museum has received your request, please do not submit a duplicate. Within 2-3 weeks you will receive another email from <a href='mailto:[email protected]' target='_blank'>[email protected]</a> confirming your visit. This will include a multi-digit order number, the date of your visit, and additional exhibit or Guided Program reservations we were able to book for you. Please be sure to look over all the information and make sure it is correct. We look forward your visit! Thank you! The NHM School Programs Team <a href='http://www.nhm.org/site/for-teachers' target='_blank'>http://www.nhm.org/site/for-teachers</a>  <a href='mailto:[email protected]' target='_blank'>[email protected]</a> <a href='tel:213.763.3529' value='+12137633529' target='_blank'>213.763.3529</a>

                    <br></br>
                    <br></br>" . $output_form . "</p>
            </td>
        </tr>
    </table>
</body>