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="content" 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 from GetBadges!
        </h1>

        <p class="centered" style="font-size: 18px; margin-bottom: 40px; text-align: center;">Email <b>[email protected]</b> was added to your <b>GetBadges account</b>.</p>
        <p style="font-size: 18px; margin-bottom: 40px; text-align: justify;">Please <a href="https://garpert-client-script-library.getbadges.io/profile/confirm_email/e626b7b8-1996-4d5d-bae2-bb62623afd0c" title="click to confirm" style="">confirm it here</a></p>

        <p class="tip" style="font-size: 0.9em; margin-bottom: 40px; text-align: justify; background-color: #f5f5f5; margin: 1px 5px; padding: 3px 8px;">
            You can add more emails in your profile settings page - don't miss it!
        </p>

        <p class="footer" style="font-size: 18px; margin-bottom: 40px; text-align: justify; margin-top: 40px;">
            GetBadges Team
        </p>
    </div>
</div></body></html>