NewUserAdded

Id: 4CBF2E6E-6B5A-40BA-B57D-EF8C95E6C494
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2024-02-07 14:34:58.103000
Updated: —

HTML body (27894 chars)

<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="x-apple-disable-message-reformatting">
    <meta name="viewport" content="width=device-width" />
    <link rel="stylesheet" type="text/css" href="bootstrap.min.css">
    <script type="text/javascript" src="css3-mediaqueries.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>New User Added</title>
    <style type="text/css">
        a {
            text-decoration: none;
            outline: none;
        }

p {
            font-size: 14px;
            font-family: roboto;
        }

b {
            font-size: 14px;
            font-family: roboto;
        }

@media (max-width: 649px) {
            .o_col-full {
                max-width: 100% !important;
            }

.o_col-half {
                max-width: 50% !important;
            }

.o_hide-lg {
                display: inline-block !important;
                font-size: inherit !important;
                max-height: none !important;
                line-height: inherit !important;
                overflow: visible !important;
                width: auto !important;
                visibility: visible !important;
            }

.o_hide-xs,
            .o_hide-xs.o_col_i {
                display: none !important;
                font-size: 0 !important;
                max-height: 0 !important;
                width: 0 !important;
                line-height: 0 !important;
                overflow: hidden !important;
                visibility: hidden !important;
                height: 0 !important;
            }

.o_xs-center {
                text-align: center !important;
            }

.o_xs-left {
                text-align: left !important;
            }

.o_xs-right {
                text-align: left !important;
            }

table.o_xs-left {
                margin-left: 0 !important;
                margin-right: auto !important;
                float: none !important;
            }

table.o_xs-right {
                margin-left: auto !important;
                margin-right: 0 !important;
                float: none !important;
            }

table.o_xs-center {
                margin-left: auto !important;
                margin-right: auto !important;
                float: none !important;
            }

h1.o_heading {
                font-size: 32px !important;
                line-height: 41px !important;
            }

h2.o_heading {
                font-size: 26px !important;
                line-height: 37px !important;
            }

h3.o_heading {
                font-size: 20px !important;
                line-height: 30px !important;
            }

.o_xs-py-md {
                padding-top: 24px !important;
                padding-bottom: 24px !important;
            }

.o_xs-pt-xs {
                padding-top: 8px !important;
            }

.o_xs-pb-xs {
                padding-bottom: 8px !important;
            }
        }

@media screen {
            @font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 400;
                src: local("Roboto"), local("Roboto-Regular"), url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format("woff2");
                unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
            }

@font-face {
                font-family: Roboto;
                font-style: normal;
                font-weight: 700;
                src: local("Roboto Bold"), local("Roboto-Bold"), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format("woff2");
                unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
            }

.o_sans,
            .o_heading {
                font-family: "Roboto", sans-serif !important;
            }

.o_heading,
            strong,
            b {
                font-weight: 700 !important;
            }

a[x-apple-data-detectors] {
                color: inherit !important;
                text-decoration: none !important;
            }
        }

@media (max-width: 600px) {
            .small_font {
                font-size: 10px;
            }
        }

@media (max-width: 400px) {
            .small_font {
                font-size: 7px;
            }
        }

@media (max-width: 425px) {
            .small_font {
                font-size: 10px;
            }
        }

@media screen and (max-width: 375px) {
            .small_font {
                font-size: 7px;
            }
        }

@media (min-width: 321px) and (max-width: 374px) {
            .small_font {
                font-size: 9px;
            }
        }

@media (min-width: 301px) and (max-width: 374px) {
            .ccc {
                padding-top: 3px;
            }
        }

@media (min-width: 321px) and (max-width: 374px) {
            .youtube {
                height: 10px !important;
                width: 10px !important;
            }
        }

@media screen and (max-width: 375px) {
            .youtube {
                height: 8px !important;
                width: 8px !important;
            }
        }

@media screen and (max-width: 300px) {
            .small_font {
                font-size: 7px;
                margin-top: 2px !important;
            }
        }

@media screen and (max-width: 300px) {
            .youtube {
                width: 5px !important;
                height: 5px !important;
            }
        }

@media screen and (max-width: 450px) {
            .bbb {
                align-items: center;
                flex-direction: column-reverse;
            }
        }

@media screen and (max-width: 320px) {
            .youtube {
                width: 8px !important;
                height: 8px !important;
            }
        }

@media (max-width: 320px) {
            .image {
                font-size: 7px;
            }
        }

@media only screen and (max-width: 320px) {
            table.youtube {
                width: 7px !important;
                height: 7px !important;
            }
        }
    </style>
</head>

<body class="o_body o_bg-light"
    style="width: 100%;margin: 0px;padding: 0px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;background-color: #f9f8fa;">
    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
        <tbody>
            <tr>
                <td class="o_bg-light o_px-xs o_pt-lg o_xs-pt-xs" align="center"
                    style="background-color: #f9f8fa;padding-top: 32px;margin-left: auto;margin-right: auto;">
                    <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                        style="max-width: 632px;margin: 0 auto;">
                        <tbody>
                            <tr>
                                <td class="o_re o_bg-white o_px o_pb-md o_br-t" align="center"
                                    style="font-size: 0;vertical-align: top;background-color: #ecf9fb;border-radius: 4px 4px 0px 0px;padding-left: 16px;padding-right: 16px;padding-bottom: 15px;">
                                    <div class="o_col o_col-2"
                                        style="vertical-align: top;width: 100%;max-width: 200px;">
                                        <div style="font-size: 24px; line-height: 24px; height: 24px;">&nbsp; </div>
                                        <div class="o_px-xs o_sans o_text o_left o_xs-center"
                                            style="font-family: Helvetica, Arial, sans-serif;margin-top: 0px;margin-bottom: 0px;font-size: 16px;line-height: 24px;text-align: center;padding-left: 8px;padding-right: 8px;">
                                            <p style="margin-top: 0px;margin-bottom: 0px;background-color: #ecf9fb; ">
                                                <a class="o_text-primary"
                                                    style="text-decoration: none;outline: none;color: #126de5;"> <img
                                                        src="https://i.stack.imgur.com/kXZvW.png"
                                                        style="max-width: 150px;-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;padding-left: 5px;">
                                                </a>
                                            </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
        <tbody>
            <tr>
                <td class="o_bg-light o_px-xs" align="center" style="background:#f9f8fa">
                    <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                        style="max-width: 632px;margin: 0 auto;">
                        <tbody>
                            <tr>
                                <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0"
                                    role="presentation" style="max-width: 632px;">
                                    <tbody>
                                        <tr style="margin-bottom: 0px;display: flex;background-color:white" class="bbb">
                                            <td width="310" class="es-m-p20b esd-container-frame" align="left"
                                                style="margin-top: 12px;">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td align="left" class="esd-block-text es-p10t"
                                                                style="background-color:white;padding-left: 10px;">
                                                                <p
                                                                    style="color: #363636;line-height:23px;  margin-left: 10px;font-family: Arial, Helvetica, sans-serif; font-weight:SemiBold; font-size:15px;margin-top: 20px;">
                                                                    <b> Dear ##CEOName##,</b>
                                                                </p>
                                                                <p
                                                                    style="color: #363636; margin-left: 10px;font-size: 15px;line-height:23px;margin-bottom: 0px;margin-top: 26px;">
                                                                    We hope this message finds you well. This is to let
                                                                    you know that a new user has been added to our
                                                                    company's systems New User Details Date Added</span>
                                                                </p>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="254" align="left" class="esd-container-frame"
                                                style="background-color:white;">
                                                <table cellpadding="0" cellspacing="0" width="100%">
                                                    <tbody>
                                                        <tr>
                                                            <td align="center" class="esd-block-image es-p30t es-m-p0t"
                                                                style="font-size: 0px;"><img class="sideimage"
                                                                    style="margin-top:10%;padding-left: 12px;"
                                                                    src="https://i.imgur.com/o97u0uM.jpg" alt
                                                                    width="230"></td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                                <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0"
                                    role="presentation" style="max-width: 632px;margin: 0 auto;">
                                    <tbody>
                                        <tr style="margin-bottom: 0px;background-color:white">
                                            <td align="left"
                                                style="background-color:white;align-items: center; flex-direction: row;padding-left: 10px;">
                                                <br>
                                                <p
                                                    style="font-size:15px;margin-top: -25px;margin-left:10px;font-weight: 600;">
                                                    New User Details

<p
                                                    style="font-size:15px;margin-left:10px;line-height: 25px;margin-top:-8px;list-style: none;">
                                                    <span style="color: #495057;"> <b> Date Added :
                                                        </b></span> <span>##AddedDate##</span> <br>
                                                    <span style="color: #495057;"> <b> User's Name :
                                                        </b></span><span> ##UserName##</span> <br>
                                                    <span style="color: #495057;"> <b> Department :
                                                        </b></span><span> ##Department## </span> <br>
                                                    <span style="color: #495057;"><b>Added By:</b> </span><span>
                                                        ##AddedBy##</span>
                                                </p>

<p
                                                    style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -5px;margin-right:15px;">
                                                    This addition is part of our ongoing commitment to enhance our team's capabilities and efficiency within our
                                                    organization. With this new user now integrated into our systems, we are better positioned to leverage their skills and
                                                    expertise in our projects and daily operations.
                                                </p>
                                                <p
                                                    style="color: #363636; margin-left: 10px; line-height: 25px;margin-top: -5px;margin-right:15px;">
                                                    The new user has been granted access to necessary tools and resources, including Time Champ, to ensure a smooth
                                                    transition and immediate contribution to our organizational goals. This aligns well with our strategic objectives of
                                                    enhancing teamwork, project management, and operational efficiency.
                                                </p>
                                                <p style="color: #363636; margin-left: 10px; line-height: 25px;margin-top: -5px;margin-right:15px;">
                                                    Please feel free to reach out
                                                    <a href="mailto:support@timechmap.io" style="color:#1E9999;text-decoration: none;">support@timechmap.io</a> if you
                                                    have any questions or require
                                                    further details about this new
                                                    addition or how we are planning to integrate the new member into our existing teams and projects.
                                                </p>
                                                <p style="color: #363636; margin-left: 10px; line-height: 25px;margin-top: -5px;margin-right:15px;">
                                                    Thank you for your continuous support in expanding our team and integrating advanced tools like Time Champ to
                                                    empower our workforce and streamline our processes.
                                                    <br><br> <b>Best Regards,</b><br><img src="https://i.stack.imgur.com/SRhpR.png" alt="signature"
                                                        style="margin-left: -1px;width:100px">
                                                </p>

</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </tr>
                        </tbody>
                    </table>
                </td>
            </tr>
        </tbody>
    </table>
    </table>
    <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
        <tbody>
            <tr>
                <td class="o_bg-light o_px-xs o_pb-lg o_xs-pb-xs" align="center"
                    style="background-color: #f9f8fa;padding-bottom:32px;white-space: nowrap;">
                    <table class="o_block" width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation"
                        style="max-width:632.5px;margin:0 auto;">
                        <tbody>
                            <tr style="background-color: #ecf9fb;">
                                <td class="o_re o_px o_pb-lg" style="font-size:0;padding-left:10px;">
                                    <div class="small_font ccc"
                                        style="display:inline-block;vertical-align:top;width:100%;max-width:200px">
                                        <div class="o_px-xs o_sans o_text-xs o_text-dark_light o_left o_xs-center"
                                            style="font-family:Helvetica,Arial,sans-serif;margin-bottom:0;font-size:14px;text-align:left;padding-left:8px;padding-right:8px;white-space: nowrap;">
                                            <p style="margin-top:0;margin-bottom:0" class="small_font">For support <a
                                                    class="small_font" class="o_text-dark_light o_underline"
                                                    href="https://timechamp.freshdesk.com/support/solutions/articles/101000451716"
                                                    target="_blank"
                                                    style="outline:0;color:#1e9999;text-decoration: none;">Contact
                                                    us</a> </p>
                                        </div>
                                    </div>
                                </td>
                                <td style="height: 35px;white-space: nowrap;">
                                    <div class="small_font ccc"
                                        style="display:inline-block;vertical-align:top;width:100%;max-width:135px">
                                        <div class="o_px-xs o_sans o_text-xs o_text-dark_light o_left o_xs-center"
                                            style="font-family:Helvetica,Arial,sans-serif;margin-bottom:0;font-size:14px;text-align:Center;padding-left:8px;padding-right:8px;white-space: nowrap;">
                                            <span><a class="small_font"
                                                    href="https://timechamp.io/documents/TimeChampTermsAndConditions.pdf"
                                                    target="_blank"
                                                    style="color: #1e9999;text-decoration: none;padding-left: 8px;">Terms
                                                    & Conditions</a> </span>
                                        </div>
                                    </div>
                                <td>
                                    <div class="small_font"
                                        style="display:inline-block;vertical-align:top;width:100%;max-width:200px;white-space: nowrap;">
                                        <div class="o_px-xs o_sans o_text-xs o_text-dark_light o_right"
                                            style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:15px;line-height:21px;text-align:right;padding-left:8px;padding-right:8px;white-space: nowrap;">
                                            <p style="margin-top:0;margin-bottom:0"> <a class="o_text-dark_light"
                                                    href="https://www.youtube.com/@timechamp_io" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/FbejQ.png" width="19" height="19"
                                                        alt="fb"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a><span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://www.facebook.com/TimeChamp1/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/Xu3X2.png" width="14" height="14"
                                                        alt="fb"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://twitter.com/timechamp_io" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/elPSB.png" width="14" height="14"
                                                        alt="tw"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://www.linkedin.com/showcase/timechamp/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/vBBlN.png" width="14" height="14"
                                                        alt="ig"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a> <span>&nbsp;</span> <a class="o_text-dark_light"
                                                    href="https://www.instagram.com/timechamp.io/" target="_blank"
                                                    style="text-decoration:none;outline:0;"> <img class="youtube"
                                                        src="https://i.stack.imgur.com/ARfLl.png" width="14" height="14"
                                                        alt="ig"
                                                        style="max-width:36px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                                </a><span>&nbsp;&nbsp;&nbsp;</span> </p>
                                        </div>
                                    </div>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="o_hide-xs" style="font-size:64px;line-height:64px;height:64px">&nbsp;</div>
                </td>
            </tr>
        </tbody>
    </table>
</body>

</html>

Save note (optional, shown in version history)

Reset

Rendered preview — preview as

Version history (0 most recent)

Saved at	By	Size	Note
No saved versions yet. Each Save will record one.

NewUserAdded

HTML body (27894 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as