JSFiddle - React, Tailwind, and code Playground

by Kirubel Girma

HTML

<html>
<body style="background: #212529; font-family: arial;">
    <div class="emailcont"> <img src="https://filebin.net/adh09gqp7k4kl2d3/s.svg?t=h6cc9woz" alt=""
            style=" height: 5em; margin: 0 auto; display: block; margin-top: 2em;">
        <div
            style="width: 100%; max-width: 50em; font-size: 14; background-color: white; border-top: 0.4em solid #2DC02D; min-height: 14em; box-shadow: 0em 0em 1em rgba(0, 0, 0, 0.4); margin: 2em auto; border-radius: .3em;">
            <div style="padding:1em;">
                <p>Hello #Invitee Name#</p>
                <p>#Content#</p>
                <p>
                    Sincerely,
                    <br />
                    The Score-Scan Team.
                </p>
            </div>
        </div>
        <div
            style="text-align: center; max-width: 32em; width: 20em; font-size: .7em; opacity: .4; margin: 2em auto; color: white;">
            <div>© StuGO LLC, All rights reserved</div>
        </div>
    </div>
</body>
</html>