AwayTimeApprovOrRejectTemplateForTask

Id: 70EFF92C-B582-499F-A3AB-52D14F8F323B
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2025-04-12 08:06:09.387000
Updated: —

HTML body (21995 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 http-equiv="X-UA-Compatible" content="IE=edge">
            <title>Account Invitation</title>
            <style type="text/css">
                a {
                    text-decoration: none;
                    outline: 0
                }

@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_heading,
                    .o_sans {
                        font-family: Roboto, sans-serif !important
                    }

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

a[x-apple-data-detectors] {
                        color: inherit !important;
                        text-decoration: none !important
                    }
                }
            </style>
        </head>

<body class="o_body o_bg-light"
            style="width:100%;margin:0;padding:0;-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_hide" align="center"
                            style="display:none;font-size:0;max-height:0;width:0;line-height:0;overflow:hidden;mso-hide:all;visibility:hidden">
                            Email Summary (Hidden) </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 o_pt-lg o_xs-pt-xs" align="center"
                            style="background-color: #f9f8fa;padding-left: 8px;padding-right: 8px;padding-top: 32px;">
                            
                            <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-top: 7px;padding-bottom: 7px;">
                                            
                                            <div class="o_col o_col-2"
                                                style="display: inline-block;vertical-align: top;width: 100%;max-width: 200px;">
                                                <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;"><a class="o_text-primary"
                                                            style="text-decoration: none;outline: none;color: #126de5;"><img
                                                                src="https://i.stack.imgur.com/kXZvW.png"
                                                                width="150" height="36"
                                                                style="max-width: 150px;-ms-interpolation-mode: bicubic;vertical-align: middle;border: 0;line-height: 100%;height: auto;outline: none;text-decoration: none;"></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-color:#f9f8fa;padding-left:8px;padding-right:8px">
                            <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_bg-white o_px-md o_py-xl o_xs-py-md o_sans o_text-md o_text-light"
                                            align="center"
                                            style="font-family:Helvetica,Arial,sans-serif;margin-top:0;margin-bottom:0;font-size:19px;line-height:28px;background-color:#fff;color:#82899a;padding-left:24px;padding-right:24px;padding-top:5px;padding-bottom:45px">
                                            <img src="https://i.imgur.com/7GPBSPR.jpg"
                                                width="500" height="400" alt=""
                                                style="max-width:500px;-ms-interpolation-mode:bicubic;vertical-align:middle;border:0;line-height:100%;height:auto;outline:0;text-decoration:none">
                                            <h5 class="o_heading o_text-dark o_mb-xxs"
                                                style="font-family:Helvetica,Arial,sans-serif;font-weight:700;margin-top:0;margin-bottom:10px;color:#242b3d;font-size:24px;line-height:39px">
                                                ##UserName## ##Status## your request for away time on task ##TaskName## mark as working time </h5>
                                            <table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
                                                <tbody>
                                                    <tr>
                                                        <td class="o_re o_bt-light"
                                                            style="font-size:16px;line-height:16px;height:16px;vertical-align:top;border-top:1px solid #d3dce0">
                                                            &nbsp; </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                            <p
                                                style="color:#242b3d;font-size:30px;text-align:left;font-family:Verdana,Geneva,sans-serif">
                                            <h4 style="color:#000;text-align:center;margin:0px">From:<span
                                                    style="font-weight:normal"> ##starttime##</span></h4>
                                            <h4 style="color:#000;text-align:center;margin:0px">To:<span
                                                    style="font-weight:normal"> ##endtime##</span></h4>
                                            </p>
                                        </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 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.

AwayTimeApprovOrRejectTemplateForTask

HTML body (21995 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as