Email Content

<!DOCTYPE html>

<HTML lang=en><HEAD><TITLE>Microsoft Teams</TITLE>
<META charset=UTF-8>
<META name=viewport content="width=device-width, initial-scale=1.0">
<STYLE>
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      background-color: #ffffff;
      color: #242424;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
    }

    .letter {
      max-width: 720px;
      margin: 0 auto;
      background-color: #ffffff;
    }

    .top-bar {
      height: 30px;
      background-color: #464eb8;
      width: 100%;
    }

    .header {
      padding: 28px 48px 0 48px;
    }

    .brand {
      font-size: 22px;
      font-weight: 700;
      color: #000000;
      letter-spacing: -0.2px;
      margin-bottom: 4px;
    }

    .tagline {
      font-size: 13px;
      color: #616161;
      margin-bottom: 24px;
    }

    .divider {
      height: 1px;
      background-color: #e1e1e1;
      margin: 0 48px;
      border: none;
    }

    .content {
      padding: 28px 48px 32px 48px;
    }

    .greeting {
      font-size: 15px;
      color: #242424;
      margin-bottom: 28px;
    }

    .placeholder {
      display: inline-block;
      background-color: #f3f2f1;
      color: #242424;
      font-family: Consolas, "Courier New", monospace;
      font-size: 14px;
      padding: 2px 8px;
      border-radius: 2px;
    }

    .mention-count {
      font-size: 15px;
      font-weight: 600;
      color: #242424;
      margin-bottom: 10px;
    }

    .headline {
      font-size: 20px;
      font-weight: 700;
      color: #242424;
      line-height: 1.35;
      margin-bottom: 8px;
    }

    .subtext {
      font-size: 15px;
      color: #616161;
      margin-bottom: 28px;
    }

    .cta-button {
      display: inline-block;
      background-color: #2b5797;
      color: #ffffff;
      font-size: 15px;
      font-weight: 400;
      text-decoration: none;
      padding: 12px 20px;
      border: none;
      cursor: pointer;
      margin-bottom: 20px;
    }

    .via-line {
      font-size: 13px;
      color: #616161;
    }

    .footer {
      padding: 28px 48px 40px 48px;
    }

    .regards {
      font-size: 15px;
      color: #616161;
      margin-bottom: 4px;
    }

    .footer-brand {
      font-size: 15px;
      font-weight: 700;
      color: #242424;
      margin-bottom: 28px;
    }

    .legal {
      font-size: 11px;
      color: #616161;
      line-height: 1.6;
    }

    .legal p {
      margin-bottom: 6px;
    }
  </STYLE>

<META name=GENERATOR content="MSHTML 11.00.10570.1001"></HEAD>
<BODY>
<DIV class=letter>
<DIV class=top-bar></DIV><HEADER class=header>
<H1 class=brand>Microsoft Teams</H1>
<P class=tagline>Secure collaboration Work chat</P></HEADER>
<HR class=divider>
<MAIN class=content>
<P class=greeting>Hi, </P>
<P class=mention-count>1 unread mention</P>
<H2 class=headline>Your teammates are trying to reach you in Microsoft Teams</H2>
<P class=subtext>Someone sent a message in a high-priority chat</P><A class=cta-button href="https://t.co/i0j9qPu6Xf">Reply, Go to conversation</A> 
<P class=via-line>Microsoft Teams via <SPAN class=placeholder>mango.port.75@fwdnl.com</SPAN></P></MAIN>
<HR class=divider>
<FOOTER class=footer>
<P class=regards>Regards,</P>
<P class=footer-brand>Microsoft Teams</P>
<DIV class=legal>
<P>Microsoft Teams 2026 Microsoft Corporation, One Microsoft Way, Redmond, WA 98052</P>
<P>You're receiving this because someone mentioned you in a chat on Microsoft Teams.</P></DIV></FOOTER></DIV></BODY></HTML>