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="trial-ending-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 jaowcz,</h1>
        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">
            12 days ago
            you have
            created 
            a GetBadges game called
            <b><a title="woumedia game" href="https://woumedia.getbadges.io/activity" target="_blank">woumedia</a></b>.
        </p>

        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">
            We ask you to choose a subscription plan in two days time so you can continue playing.
        </p>

        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">
            Otherwise the access to your game will be suspended.
        </p>

        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">
            <b>You can do it <a title="subscribe GetBadges!" href="https://woumedia.getbadges.io/subscription" target="_blank">here</a>.</b></p>

        <p class="space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px;">
            If you have any questions feel free to write us at
            <a href="mailto:[email protected]" style="">[email protected]</a>.
        </p>
        <p class="centered space" style="font-size: 18px; margin-bottom: 5px; margin-top: 20px; text-align: center;">Thanks for using GetBadges!</p>

        <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>