USBDeviceRemovedAlert_WithScreenshotAttachment_Template

Id: 799C8535-568E-4C2A-9661-7D9BF9700DCE
Configurable: no — system template
Company: 6E919CFE-74DD-4EBC-8665-3C0D44866649
Created: 2025-10-06 13:51:30.700000
Updated: —

HTML body (23428 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">      <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">      <script type="text/javascript" src="css3-mediaqueries.js"></script>      <meta http-equiv="X-UA-Compatible" content="IE=edge">      <title>USB Device Removed</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;          }            .text-overflow {              width: 200px;              text-overflow: ellipsis;              overflow: hidden;              display: inline-block;              white-space: nowrap;          }            @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" 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;margin-top:0px">                                      <tbody>                                          <tr style="margin-bottom:0px;background-color:white">                                              <td align="left"                                                  style="background-color:white;align-items: center;flex-direction: row;padding:0 10px;">                                                  <div                                                      style="background-color: #F8D7DA;width: 596px;height: 95px;border-radius: 10px;opacity: 1;margin: 20px 7px;align-items: center;display: flex;justify-content: center;">                                                      <svg xmlns="http://www.w3.org/2000/svg" width="36" height="33"                                                          viewBox="0 0 36 33">                                                          <text id="_" data-name="??" transform="translate(18 27)"                                                              fill="#C00D0D" font-size="25"                                                              font-family="SegoeUIEmoji, Segoe UI Emoji">                                                              <tspan x="-17" y="0">??</tspan>                                                          </text>                                                      </svg>                                                      <strong style="color: #C00D0D;font-family:poppins;font-size:14px;">                                                          USB Device Removed: &nbsp;##DeviceName##                                                      </strong>                                                      <svg xmlns="http://www.w3.org/2000/svg" width="36" height="33"                                                          viewBox="0 0 36 33">                                                          <text id="_" data-name="??" transform="translate(18 27)"                                                              fill="#C00D0D" font-size="25"                                                              font-family="SegoeUIEmoji, Segoe UI Emoji">                                                              <tspan x="-17" y="0">??</tspan>                                                          </text>                                                      </svg>                                                  </div>                                                  <p                                                      style="font-family:poppins;color:#363636; margin-left: 10px;font-size: 15px;line-height: 25px;margin-top: -3px;">                                                      <strong                                                          style="font-family:poppins;color:#363636;">Attention,</strong><br>                                                  <p                                                      style="font-family:poppins;color:#363636;font-size:15px; margin-left: 10px;">                                                      A USB device has been removed. Please review the details below:</p>                                                  </p>                                                  <hr                                                      style="border: none; height: 1px;background-color: #F8D7DA75;margin:21px 9px;">                                                  <div style="margin-left:10px;">                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          <strong>User :</strong> &nbsp;##UserName##                                                      </p>                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          <strong>Device :</strong> &nbsp;##DeviceName##                                                      </p>                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          <strong>Action :</strong> &nbsp;USB Device Removed                                                      </p>                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          <strong>Date and Time :</strong> &nbsp;##DateAndTime##                                                      </p>                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          <strong>Screenshot:</strong> &nbsp;##AttachedScreenshot##                                                      </p>                                                      <p style="font-family: poppins;font-size: 15px;color: #363636;">                                                          Please take immediate action if necessary.</p>                                                  </div><br>                                                  <p                                                      style="font-family:poppins;color:#363636; margin-left: 10px;font-size: 15px;line-height: 25px;margin-top: -3px;">                                                      <strong style="font-family:poppins;color:#363636;">Best                                                          Regards,</strong><br>                                                      <img src="https://i.stack.imgur.com/SRhpR.png" alt="signature"                                                          style="margin-left: -1px;width:100px">                                                  </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;">                          <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:poppins;margin-bottom:0;font-size:14px;text-align:left;padding-left:8px;padding-right:8px;white-space: nowrap;">                                              <p style="font-family:poppins;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:#172F7A;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:poppins;margin-bottom:0;font-size:14px;text-align:Center;padding-left:8px;padding-right:8px;white-space: nowrap;">                                              <p>                                                  <a class="small_font"                                                      href="https://timechamp.io/documents/TimeChampTermsAndConditions.pdf"                                                      target="_blank"                                                      style="font-family:poppins;color:#172F7A;text-decoration: none;padding-left: 8px;">Terms                                                      & Conditions                                                  </a>                                              </p>                                          </div>                                      </div>                                  </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:poppins;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.

USBDeviceRemovedAlert_WithScreenshotAttachment_Template

HTML body (23428 chars)

Rendered preview — preview as unfilled (placeholders visible)

Version history (0 most recent)

Rendered preview — preview as