JSFiddle - React, Tailwind, and code Playground

by InviS

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
      <style type='text/css'>
          *{ margin: 0; padding: 0; }
          body{ font: 12px/18px Helvetica, Arial, sans-serif; }
          a#logo{ display: inline-block; margin-bottom: 10px; }
          .hi{ font-size: 16px; margin-bottom: 10px; }
          .message{ background-color: #e0e0e0; padding: 10px; }
          .reply{ margin-top: 10px; }
          .thanks{ margin-top: 15px; font-style: italic; }
          hr{ margin: 10px 0; }
      </style>
  </head>
  <body>
      <a id='logo' href='http://roofbids.anahoret.com'>
          <img src='http://roofbids.anahoret.com/assets/logo-ce1077503ca6708597998fc92776e79b.png' />
      </a>
    <h2>Testimonial request</h2>
    <hr />
      <p class='hi'>Hi,</p>
      <p>[email protected] would like you to write a testimonial for them on Roofbids.</p>
    <hr />
    <div class='message'>
        <p><b>Subject:</b> Add a testimonial for me on Roofbids</p>
        <p><b>Message:</b> Would you add a brief recommendation of my work for my Roofbids profile? Please let me know if you have any questions and thanks for the help!</p>
        <p class='reply'><a href='#'>Leave a testimonial for jamespruett100</a></p>
    </div>
      <div class='thanks'>
          Thanks,<br />The Roofbids team    
      </div>
  </body>
</html>