CompanyStorageReportsTemplate

Id: B4A8D887-9033-45B7-A748-5B6C3A93A743
Configurable: yes
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2023-03-01 17:58:52.617000
Updated: —

HTML body (17812 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>Your storage is full</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: #f4f8f9;">
    <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;border-right: 1px solid #4CB2B280;border-bottom: 0px;border-left: 1px solid #4CB2B280 ;border-top: 1px solid #4CB2B280">
              <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" 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" role="presentation" style="max-width: 632px;margin: 0 auto;">
              <tbody>
                <tr>
                  <table class="o_block" width="100%" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 632px;border:1px solid #4CB2B280;border-bottom: 0px;border-top: 0px;">
                    <tbody>
                      <tr style="margin-bottom: 0px;display: flex;background-color:white" class="bbb">
                        <td width="420" 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;margin-top: 20px;"><b> Hello ##UserName##,</b></p>
                                  <p style="color: #363636; margin-left: 10px;font-size: 15px;line-height:23px;margin-bottom: 0px;"><span style="color:#1E9999 ;"> Your Cloud storage is full.</span> You have exceeded your storage plan and this means that your documents, Screenshots and Screen recordings are no longer being upload or saved. </p>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                        <td width="150" align="right" class="esd-container-frame">
                          <table cellpadding="0" cellspacing="0" width="100%">
                            <tbody>
                              <tr>
                                <td align="right" class="esd-block-image es-p30t es-m-p0t" style="font-size: 0px;"><img class="sideimage" style="margin-top:13%;padding-left: 30px;" src="https://i.stack.imgur.com/wVQNU.png" alt width="140"></td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <table class="o_block" width="100%" cellspacing="0" cellpadding="0" role="presentation" style="max-width: 632px;margin: 0 auto;border:1px solid #4CB2B280;border-top: 0px;border-bottom: 0px;">
                    <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="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -6px;"> To keep using this storage services you need to upgrade your storage or reduce the amount of storage that you are using.
                          <p style="color: #1E9999; font-size: 15px;line-height: 25px;margin-top: -8px;text-align: center;"><a href="mailto:support@timechamp.io" style="color:#1E9999;text-decoration: none;">Upgrade your storage</a>
                          <p style="color: #363636; margin-left: 10px; font-size: 15px;line-height: 25px;margin-top: -6px;"><b> Important:</b> If you do not purchase additional storage or reduce the amount of storage you are using soon, you will not be able to save the screenshots, screen recordings and Upload your documents to your storage.
                          <p style="color: #363636; margin-left: 10px; font-size: 14px;line-height: 25px;padding-top: 2px;"> Have a great day. <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>
                          </p><br>
                        </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;border-top: 0px;border-left: 1px solid #4CB2B280;border-right: 1px solid #4CB2B280;border-bottom: 1px solid #4CB2B280;">
              <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:400px">
                      <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.io/contact-us.html" style="outline:0;color:#1e9999;text-decoration: none;">Contact us</a></p>
                      </div>
                    </div>
                  </td>
                  <td style="height: 35px;white-space: nowrap;">
                    <p><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></p>
                  </td>
                  <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/channel/UC4a2Kf0Gsp7IEhN8P3PgY3Q/videos" style="text-decoration:none;outline:0;"><img class="youtube" src="https://i.stack.imgur.com/HtHFH.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://www.facebook.com/snovasys" 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://i.stack.imgur.com/LRD55.jpg" 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://i.stack.imgur.com/QKmPf.jpg" 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;&nbsp;&nbsp;</span><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.

CompanyStorageReportsTemplate

HTML body (17812 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as