CompanyStorageReports75PercentStorageCompletionTemplateForUsersWithTracker

Id: EC939FC7-08A1-4B34-AB5A-CE9F569578C8
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2023-04-06 17:43:49.720000
Updated: 2023-10-24 11:56:49.297000

HTML body (33874 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>Usage of Storage</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: 4px;
            }
        }

@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="350" class="es-m-p20b esd-container-frame" align="left">
                                                <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;padding-top: 12px;">
                                                                    <b> Hello ##UserName##,</b>
                                                                <p
                                                                    style="color: #363636; margin-left: 10px;font-size: 15px;line-height:25px;margin-bottom: 0px;">
                                                                    You have used 75% of storage.As a result, your
                                                                    monthly Screen Recordings and weekly Screenshots
                                                                    will be automatically deleted to free up
                                                                    space.<br><br>
                                                                <p style="color: #363636;margin-left: 10px;"><b>Storage
                                                                        usage details:</b><b></b></p>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                            </td>
                                            <td width="200" align="left" class="esd-container-frame">
                                                <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="padding-left: 40px;margin-top:18%;"
                                                                    src="https://i.stack.imgur.com/w6my3.png" alt
                                                                    width="150"></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;background-color:white"
                                                                        class="bbb">
                                                                        <td align="left"
                                                                            style="margin-top: 0px; width: 45%;">
                                                                            <table cellpadding="0" cellspacing="0"
                                                                                width="100%">
                                                                                <tbody>
                                                                                    <tr>
                                                                                        <td align="left"
                                                                                            style="background-color:white;line-height: 25px;">
                                                                                            <ul
                                                                                                style="font-size:15px;;color: #363636;margin: 0px;">
                                                                                                <li
                                                                                                    style="color:#1E9999;">
                                                                                                    <span
                                                                                                        style="color:#363636;"><span
                                                                                                            style="color:#363636;">
                                                                                                            HR </span>
                                                                                                </li>
                                                                                                <li
                                                                                                    style="color:#1E9999;">
                                                                                                    <span
                                                                                                        style="color:#363636;">Projects</span>
                                                                                                </li>
                                                                                                <li
                                                                                                    style="color:#1E9999;">
                                                                                                    <span
                                                                                                        style="color:#363636;">Screenshots
                                                                                                    </span></li>
                                                                                                <li
                                                                                                    style="color:#1E9999;">
                                                                                                    <span
                                                                                                        style="color:#363636;"><span
                                                                                                            style="color:#363636;">Screen
                                                                                                            Recordings
                                                                                                        </span></li>
                                                                                                <li
                                                                                                    style="color:#1E9999;">
                                                                                                    <span
                                                                                                        style="color:#363636;"><span
                                                                                                            style="color:#363636;">Others
                                                                                                        </span></li>
                                                                                            </ul>
                                                                                        </td>
                                                                                    </tr>
                                                                                </tbody>
                                                                            </table>
                                                                        </td>
                                                                        <td align="left" class="esd-container-frame"
                                                                            style="line-height: 25px;margin-left: -10px;">
                                                                            <table cellpadding="0" cellspacing="0"
                                                                                width="100%">
                                                                                <tbody>
                                                                                    <tr> :&emsp;##Percentage1##<br>
                                                                                        :&emsp;##Percentage2## <br>
                                                                                        :&emsp;##Percentage3##<br>
                                                                                        :&emsp;##Percentage4##<br>:&emsp;##Percentage5##<br>
                                                                                    </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;">
                                                                            <p
                                                                                style="color: #363636; margin-left: 10px;font-size: 15px;line-height:25px;margin-top: 25px;">
                                                                                When it reaches 100%, no further
                                                                                documents can be uploaded. You need to
                                                                                upgrade your storage or reduce the
                                                                                amount of storage that you are using.
                                                                            <p style="margin-left: 10px;" <br><Br> Have
                                                                                a great day. <br><br><b>Best
                                                                                    Regards,</b><br><img
                                                                                    src="https://i.stack.imgur.com/zWD46.png"
                                                                                    alt="signature"
                                                                                    style="margin-left: -1px;width:100px">
                                                                            </p>
                                                                            </p><br>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </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.

CompanyStorageReports75PercentStorageCompletionTemplateForUsersWithTracker

HTML body (33874 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as