DEV Community

MERN Practical Explanation
MERN Practical Explanation

Posted on

reset

<!DOCTYPE html>




Document


style="width:600px;background-color:rgb(255,255,255);margin:0 auto;border-spacing:0;border-collapse:collapse">




























style="text-align: center; padding:0px 40px;height:260px;background-image:url('https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/banner-back.png?alt=media&token=aab58c6e-7713-4569-b2b3-9eeba20cd146');background-position:center top;background-size:cover;background-repeat:no-repeat">

style="text-align:center;color:#fff;font-size:36px;font-family: 'Lato', sans-serif;font-style:italic;font-weight:700;padding:0;margin:0">
Hello ${name},


underline

style="text-align:center;color:#fff;font-family: 'Lato', sans-serif;font-weight:700;font-size:36px;padding-top:5px;margin:0">
Welcome to VMycards


style="text-align:center;color:#fff;font-family: 'Lato', sans-serif;font-weight:400;font-size:16px;padding-top:10px;margin:0">

congratulations on being eligible to save up on carbon footprint by replacing traditional

paper business cards with VMycards.








style="color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:600;margin-bottom:0">

We are excited to have you on board.





style="text-align:center;color:#000;font-family: 'Lato', sans-serif;font-weight:400;font-size:16px;padding-top:10px;margin:0">

Kindly verify your email address to proceed ahead.
Click on the verification link:






                        style="display:inline-block;border-radius:5px;background:#032140;color:#fff;margin:20px 0 20px;text-transform:uppercase;padding:15px 35px"&gt;<br>
                        <a href="${activateLink}"><br>
                            verify Email<br>
                        </a>
Enter fullscreen mode Exit fullscreen mode
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">
                    <h5
                        style="color:#000;text-align:center;font-size:24px;font-style:normal;font-weight:600;margin:25px 0 0">
                        Why you should opt for <span style="color:#085EA9">VMycards?</span></h5>
                </td>
            </tr>

            <tr>
                <td style="text-align:center">
                    <img style="padding-left:250px;width:30px" src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/arrow.png?alt=media&token=7622a017-36d8-42d5-81f8-f4e79f069cc8" class="CToWUd" data-bit="iit">
                </td>
            </tr>

            <tr>
                <td style="text-align:center; padding-top: 0; padding-bottom: 0;line-height: 0;">
                    <img src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/find-img.png?alt=media&token=8aa7acdf-89bd-44e3-89f5-8cae10f8cd24" class="CToWUd a6T" data-bit="iit" tabindex="0">
                </td>
            </tr>

            <tr>
                <td style="text-align:center;background-color:#EEEEEE;padding-bottom:20px">
                    <div
                        style="display:inline-block;border-radius:5px;background:#032140;color:#fff;margin:20px 0 20px;text-transform:uppercase;padding:15px 35px">
                        <a href="https://vmycards.com/" style="color:#fff;text-decoration:none" target="_blank"
                            data-saferedirecturl="#">
                            CREATE YOUR CARD</a>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <h5
                        style="color:#0059A6;text-align:center;font-size:24px;font-style:normal;font-weight:700;margin-bottom:0">
                        Professional
                    </h5>
                    <p
                        style="text-align:center;color:#000;font-family: 'Lato', sans-serif;font-weight:400;font-size:20px;padding-top:10px;margin:0">
                        Modern, sleek digital cards for a professional edge.
                    </p>
                    <h5
                        style="color:#0059A6;text-align:center;font-size:24px;font-style:normal;font-weight:700;margin-bottom:0">
                        Customizable
                    </h5>
                    <p
                        style="text-align:center;color:#000;font-family: 'Lato', sans-serif;font-weight:400;font-size:20px;padding-top:10px;margin:0">
                        Reflect your brand with logo and colors.
                    </p>
                    <h5
                        style="color:#0059A6;text-align:center;font-size:24px;font-style:normal;font-weight:700;margin-bottom:0">
                        Eco-friendly
                    </h5>
                    <p
                        style="text-align:center;color:#000;font-family: 'Lato', sans-serif;font-weight:400;font-size:20px;padding-top:10px;margin-bottom:10px; margin-top: 0;">
                        Ditch paper for sustainable networking.
                    </p>
                </td>
            </tr>


            <tr style="margin-top:20px;width:100%">
                <td style="display:flex;margin-top:15px">
                    <img style="width:100%" src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/men-child-left.png?alt=media&token=e35f8a86-1f10-4ff8-9b2e-ffb8a8c4819a" class="CToWUd a6T" data-bit="iit"
                        tabindex="0">
                </td>
            </tr>

            <tr>
                <td>
                    <h2
                        style="color:#000;text-align:center;font-size:20px;font-style:normal;font-weight:400;padding:20px 60px">
                        If you have any questions or need assistance, we’re <br /> here to help 24x7
                    </h2>
                </td>
            </tr>

            <tr>
                <td style="text-align:center">
                    <div style="display:inline-flex;margin-bottom:20px">
                        <img src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/support-icon.png?alt=media&token=e4df40f7-3952-46fc-a2d0-1fac9cbe83c2" alt=""
                            style="text-align:center;width:25px;height:25px;padding: 5px; background: #EAF7FF; border-radius: 50%;"
                            class="CToWUd" data-bit="iit">
                        <div style="padding-left:10px;text-align:left">
                            <h5 style="margin:0;font-size:18px;color:#000;font-weight:400">Customer Service
                                Department</h5>
                            <h5 style="margin:0;font-size:18px;color:#009cff;font-weight:400"><a
                                    href="mailto:Support@vmycards.com" target="_blank">Support@vmycards.com</a></h5>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">
                    <div style="display:inline-flex;margin-bottom:20px">
                        <img src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/support-email.png?alt=media&token=b03b0012-84f0-4db4-9dba-eb73fcc6709e" alt=""
                            style="text-align:center;width:25px;height:25px;padding: 5px; background: #EAF7FF; border-radius: 50%;"
                            class="CToWUd" data-bit="iit">
                        <div style="padding-left:10px;text-align:left">
                            <h5 style="margin:0;font-size:18px;color:#000;font-weight:400">Complaints &amp;
                                Suggestions</h5>
                            <h5 style="margin:0;font-size:18px;color:#009cff;font-weight:400"><a
                                    href="mailto:complaints@vmycards.com" target="_blank">Complaints@vmycards.com</a>
                            </h5>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td style="text-align:center">
                    <div style="display:inline-flex;margin-bottom:20px">
                        <img src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/support-call.png?alt=media&token=689096b1-6b44-4d7d-ad1b-25e40566f86c" alt=""
                            style="text-align:center;width:25px;height:25px;padding: 5px; background: #EAF7FF; border-radius: 50%;"
                            class="CToWUd" data-bit="iit">
                        <div style="padding-left:10px;text-align:left">
                            <h5 style="margin:0;font-size:18px;color:#000;font-weight:400">Call: +1 (121) 253-542
                            </h5>
                            <h5 style="margin:0;font-size:18px;color:#009cff;font-weight:400">24*7</h5>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td style="background-color:#032140;padding-top:40px; padding-bottom:40px;text-align:center">
                    <img src="https://firebasestorage.googleapis.com/v0/b/vmycard-e1da0.appspot.com/o/white-logo.png?alt=media&token=5a82f551-8efd-4c60-b078-0c350e610218" class="CToWUd" data-bit="iit">
                    <h2
                        style="color:#fff;text-align:center;font-size:14px;font-style:normal;font-weight:400;margin:10px 0 5px">
                        Thank you for choosing VMycards to transform the way you connect. We <br /> look forward to
                        being a
                        part of your journey towards more efficient and <br /> effective networking.
                    </h2>
                </td>
            </tr>
            <tr>
                <td style="background-color:#fff;text-align:center; padding: 15px 0;">
                    <a href="#" style="color:#032140;text-decoration:none" target="_blank" data-saferedirecturl="">
                        www.vmycards.com
                    </a>
                </td>
            </tr>
        </tbody>
    </table>
    <div class="yj6qo"></div>
    <div class="adL">
    </div>
</div>

Top comments (0)