JSFiddle - React, Tailwind, and code Playground

by levchenko_d

HTML

<div style="height: 100px; text-align: center; overflow: hidden;">
    <div style="background-color: #E2D562; height: 40px; margin-bottom: -40px;"></div>
<img src="http://s3.amazonaws.com/7ino/1447879615_1447879570_1447879131_1447267820_1439409577_site_logo.png" style="width: 200px; padding: 10px 20px 10px 10px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); background-color: white;">
</div>
    
    <div style="width: 70%; min-width: 480px; margin: 0 auto;">
        <h4 style="text-align: center; color: #8D8E91; font-family: Helvetica Neue, Helvetica, Roboto, sans-serif; text-transform: uppercase; margin-top: 10px; font-weight: 500;">Helping Those In Need</h4>
        <table style="width:100%">
          <tr>
            <td style="width: 63px; padding:0;position: relative;right:-2px;">
                <img src="https://s3.amazonaws.com/7ino/1448062202_ribbon-l.png" style="width: 63px;">
            </td>
            <td style="text-align: center; padding:0;">
                <div style="background-color: #E7D558;height: 21px;margin-top: 8px;padding: 13px 0 10px; color: #6B6C6F;font-family: Helvetica Neue, Helvetica, Roboto, sans-serif; text-transform: uppercase; ">
                    Smith
                </div>
            </td> 
            <td style="width: 63px; padding:0;position: relative;right:2px;">
                <img src="https://s3.amazonaws.com/7ino/1448062203_ribbon-r.png" style="width: 63px;">
            </td>
          </tr>   
        </table>
              
        <div>
            
        </div>
    </div>
            
<div style="background-color: #E2D562; height: 40px; margin-top: 40px;"></div>