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">
    <div class="new-activity-email" style="background-color: white; color: #444; margin: 20px auto; max-width: 450px; padding: 25px;">
        <h1 style="margin-bottom: 40px; margin-top: 30px; text-align: center;">
            Hello Salla, do you know you have new activities in sallareznov-gc-levenshtein game?
        </h1>

        
                                    <div class="badge centered" style="text-align: center;">
                    <a href="https://sallareznov-gc-levenshtein.getbadges.io/activity/1178410">
                        <img class="badge-image" src="https://sallareznov-gc-levenshtein.getbadges.io/images/46-commits.png" title="Contribute 5 commits" style="width: 96px;"></a>
                    <p style="font-size: 18px; margin-bottom: 5px; margin-top: 10px;">Junior Developer</p>
                    <p class="smaller" style="font-size: 14px; margin-bottom: 10px; margin-top: 10px;">Contribute 5 commits</p>
                </div>
                            <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">&nbsp;</p>
        <h3 class="centered" style="text-align: center;">
            Don't waste your time&hellip;
        </h3>
        <h2 class="centered" style="text-align: center;">
            <a href="https://sallareznov-gc-levenshtein.getbadges.io/activity"><b>Get back into game!</b></a>
        </h2>
        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">&nbsp;</p>
        <hr style="border: 1px solid lightgray;"><p class="footer" style="font-size: 18px; margin-bottom: 5px; margin-top: 40px;">
            GetBadges Team,<br><a href="https://getbadges.io" style="">https://getbadges.io</a>
        </p>
    </div>
</div></body></html>