JSFiddle - React, Tailwind, and code Playground

by justi

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><body><div class="email-container" style="background-color: #f1f1f1; font-family: \'Open Sans\', \'Helvetica Neue\', Helvetica, sans-serif;">
    <div class="monthly-email" style="background-color: white; color: #444; margin: 20px auto; max-width: 450px; padding: 25px;">
        <h1>Hello from GetBadges!</h1>
        <h2>Monthly summary for Turkey games</h2>
        <h3 class="lighter" style="color: #777777;">November 2015</h3>
        <h3>Top 3 users with badges:</h3>
                                    No stats?<br>
                You can use these tips:<br><ul><li><a href="https://turkey.getbadges.io/manager/invitations/list">invite more
                            players</a></li>
                </ul><div class="info" style="clear: both; float: left; margin: 1px; width: 100%;"><h4>Go to Turkey <a href="https://turkey.getbadges.io/leaderboard/11-2015">leaderboard</a>
                for more stats.</h4></div>
        <h3>Most active users:</h3>
                                    No stats?<br>
                You can use these tips:<br><ul><li><a href="https://turkey.getbadges.io/manager/invitations/list">invite more
                            players</a></li>
                </ul><p style="font-size: 0.8em; margin: 2px auto; line-height: 1.5em;">&nbsp;</p>
        <div>
            <div class="info" style="clear: both; float: left; margin: 1px; width: 100%;">
                Please contact us at <a href="mailto:[email protected]">[email protected]</a> if you have any questions.
            </div>
            <div class="info" style="clear: both; float: left; margin: 1px; width: 100%;">
                GetBadges Team,<br><a href="https://getbadges.io">https://getbadges.io</a>
            </div>
        </div>
    </div>
</div></body></html>