Email sent from Replit to a Invited user

Replit Invited user

Subscribed 4 years, 1 month ago
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="//www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:v="urn:schemas-microsoft-com:vml">
 <head>
  <!--Help character display properly.-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--Set the initial scale of the email.-->
  <meta content="width=device-width, initial-scale=1" name="viewport"/>
  <!--Force Outlook clients to render with a better MS engine.-->
  <meta content="IE=Edge" http-equiv="X-UA-Compatible"/>
  <!--Help prevent blue links and autolinking-->
  <meta content="telephone=no, date=no, address=no, email=no" name="format-detection"/>
  <!--prevent Apple from reformatting and zooming messages.-->
  <meta name="x-apple-disable-message-reformatting"/>
  <!--target dark mode-->
  <meta content="light dark" name="color-scheme"/>
  <meta content="light dark only" name="supported-color-schemes"/>
  <!-- Allow for better image rendering on Windows hi-DPI displays. -->
  <!--[if mso]>
<noscript>
    <xml>
      <o:OfficeDocumentSettings>
        <o:AllowPNG/>
        <o:PixelsPerInch>96</o:PixelsPerInch>
      </o:OfficeDocumentSettings>
    </xml>
</noscript>
<![endif]-->
  <!--to support dark mode meta tags-->
  <style type="text/css">
   :root {
      color-scheme: light dark;
      supported-color-schemes: light dark;
    }
  </style>
  <!--webfont code goes here-->
  <!--[if (gte mso 9)|(IE)]><!-->
  <!--webfont <link /> goes here-->
  <style>
   /*Web font over ride goes here
     h1, h2, h3, h4, h5, p, a, img, span, ul, ol, li { font-family: 'webfont name', Arial, Helvetica, sans-serif !important; } */
  </style>
  <!--<![endif]-->
  <style type="text/css">
   .body-fix {
      height: 100% !important;
      margin: 0 auto !important;
      padding: 0 !important;
      width: 100% !important;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      -webkit-font-smoothing: antialiased;
        word-spacing: normal;
    }

    div[style*="margin:16px 0"] {
      margin: 0 !important;
    }

    table,
    td {
      border-collapse: collapse !important;
      mso-table-lspace: 0pt;
      mso-table-rspace: 0pt;
      -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
      position: relative;
      text-align: center;
      color: white;
      max-width: 800px;
}
    

    img {
      border: 0;
      line-height: 100%;
      outline: none;
      text-decoration: none;
      display: block;
    }

    p,
    h1,
    h2,
    h3 {
      padding: 0 10% 0 10%;
      margin: 0;
      color: 0xfff;
      font-family: "IBM Plex Sans", sans-serif;
    }

    a[x-apple-data-detectors] {
      color: inherit !important;
      text-decoration: none !important;
      font-size: inherit !important;
      font-family: inherit !important;
      font-weight: inherit !important;
      line-height: inherit !important;
    }

    u+#body a {
      color: inherit;
      text-decoration: none;
      font-size: inherit;
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
    }

    #MessageViewBody a {
      color: inherit;
      text-decoration: none;
      font-size: inherit;
      font-family: inherit;
      font-weight: inherit;
      line-height: inherit;
    }

    .link:hover {
      text-decoration: none !important;
    }

    .fadeimg {
      transition: 0.3s !important;
      opacity: 1 !important;
    }

    .fadeimg:hover {
      transition: 0.3s !important;
      opacity: 0.5 !important;
    }

    /* start CTA HOVER EFFECTS */
    .cta { transition: 0.3s !important; }
    .cta span{ transition: 0.3s !important; }
    .cta:hover { transition: 0.5s !important; background-color: #004265 !important; transform: scale(1.05);}
    .cta:hover span { transition: 0.3s !important; }
    .cta-border:hover { border-bottom: 3px solid transparent !important; }
    /* end CTA HOVER EFFECTS */

    .mobile {
      display: none;
    }
      
  .centered {
      top: 50%;
      left: 50%;
      padding: 15px 20% 0 20%;
  }
      
  .imgBack {
  	width: 100%;
    float: left;
  }
  </style>
  <!--mobile styles-->
  <style>
   @media screen and (max-width:600px) {
        .wMobile { width: 95% !important; }
        .wInner {  width: 90% !important; }
/*         .wFull { width: 100% !important; } */
        .imgFull { width: 100% !important; height: auto !important; }
        .desktop { width: 0 !important; display: none !important; }
        .mobile { display: block !important; }
        .std { font-size: 18px !important; line-height: 28px !important; }
        .tPad-0 { padding-top: 0 !important; }
    }
  </style>
  <!--dark mode styles-->
  <!--these are just example classes that can be used.-->
  <style>
   @media (prefers-color-scheme: dark) {

      /* Shows Dark Mode-Only Content, Like Images */
      .dark-img {
        display: block !important;
        width: auto !important;
        overflow: visible !important;
        float: none !important;
        max-height: inherit !important;
        max-width: inherit !important;
        line-height: auto !important;
        margin-top: 0px !important;
        visibility: inherit !important;
      }

      /* Hides Light Mode-Only Content, Like Images */
      .light-img {
        display: none;
        display: none !important;
      }

      /* Custom Dark Mode Background Color */
      .darkmode {
        background-color: #100E11 !important;
      }
      .darkmode2 {
        background-color: #020203 !important;
      }
      .darkmode3 {
        background-color: #1b181d !important;
      }

      /* Custom Dark Mode Font Colors */
/*       h1, h3, p, span, a, li {
        color: #fdfdfd !important;
      }
        h2, h2 a { color: #028383 !important; } */


      /* Custom Dark Mode Text Link Color */
      .link { color: #028383 !important; }
      .footer a.link{ color: #fdfdfd !important; }
    }

    /* Copy dark mode styles for android support */
    /* Shows Dark Mode-Only Content, Like Images */
    [data-ogsc] .dark-img {
      display: block !important;
      width: auto !important;
      overflow: visible !important;
      float: none !important;
      max-height: inherit !important;
      max-width: inherit !important;
      line-height: auto !important;
      margin-top: 0px !important;
      visibility: inherit !important;
    }

    /* Hides Light Mode-Only Content, Like Images */
    [data-ogsc] .light-img {
      display: none;
      display: none !important;
    }

    /* Custom Dark Mode Background Color */
    [data-ogsc] .darkmode {
      background-color: #100E11 !important;
    }
    [data-ogsc] .darkmode2 {
      background-color: #020203 !important;
    }
    [data-ogsc] .darkmode3 {
      background-color: #1b181d !important;
    }

    /* Custom Dark Mode Font Colors */
    [data-ogsc] h1, [data-ogsc] h3, [data-ogsc] p, [data-ogsc] span, [data-ogsc] a, [data-ogsc] li {
      color: #fdfdfd !important;
    }
      [data-ogsc] h2, [data-ogsc] h2 a { color: #028383 !important; }

    /* Custom Dark Mode Text Link Color */
    [data-ogsc] .link { color: #028383 !important; }

    [data-ogsc] .footer a.link { color: #fdfdfd !important; }
  </style>
  <!--correct superscripts in Outlook-->
  <!--[if (gte mso 9)|(IE)]>
        <style>
          sup{font-size:100% !important;}
        </style>
        <![endif]-->
  <title>
  </title>
 </head>
 <body bgcolor="#000000" class="darkmode body body-fix" id="body" style="background-color:#000000;">
  <div aria-label="Email from Replit" aria-roledescription="email" lang="en" role="article" xml:lang="en">
   <!--hidden preheader with preh-header spacer hack-->
   <div class="litmus-builder-preview-text" style="display:none;">
    Its a time for celebration, who are you bringing? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌
   </div>
   <!--start of email-->
   <table bgcolor="#eeeeee" border="0" cellpadding="0" cellspacing="0" class="darkmode" role="presentation" style="width:100%;">
    <tr>
     <td>
      <a>
       <img class="imgBack" src="https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-01.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0"/>
      </a>
     </td>
    </tr>
    <tr style="background: url(https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-02.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;">
     <td style="height: 100px;">
      <h1 class="centered">
       Hi there!
      </h1>
      <p class="centered">
       We know you've been losing sleep all week over what you'll be doing on April 2, 2022. You can lay that worry to rest because sitting on your email's doorstep is an invite to Replit's first-ever conference:
       <u>
        <a>
         ReplCon.
        </a>
       </u>
      </p>
     </td>
    </tr>
    <tr style="background: url(https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-03-end.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;">
     <td style="height: 100px;">
      <p class="centered">
       <u>
        <a>
         ReplCon
        </a>
       </u>
       will be filled to the brim with interesting workshops, guest speakers, and Q&amp;A sessions. You'll get a behind-the-scenes look into part of our roadmap and the exciting things our engineers are working on. Who knows, we may even have some community members come up and teach us a thing or two.
      </p>
     </td>
    </tr>
    <tr style="background: url(https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-03-end.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;">
     <td style="height: 100px;">
      <p class="centered">
       You can also close that Google flights tab and your wallet, because ReplCon is completely virtual and free. All you need to do is sign up
       <u>
        <a>
         here
        </a>
       </u>
       to grab your spot. We're stoked to hang with you all on April 2.
      </p>
     </td>
    </tr>
    <tr style="background: url(https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-03-end.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0); background-size: 100% 100%; background-repeat: no-repeat; background-position: center;">
     <td style="height: 100px;">
      <p class="centered">
       <b>
        Best, Nathan and the Replit Team
       </b>
      </p>
      <p class="centered">
       P.S. If you sign up for ReplCon, we'll also shoot you over early access to our merch store:
       <u>
        <a>
         ReplShop
        </a>
       </u>
      </p>
     </td>
    </tr>
    <tr>
     <td>
      <img class="imgBack" src="https://inboxflows.com/_/image/https%253A%252F%252Freplcon-newsletter.21natzil.repl.co%252Fimage_for_emails-04.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZyZXBsY29uLW5ldyJ9:1nX3m1:llmiU-Pqd1jmFXGgNpMcLxpR2XyWuQiN5fHe44v3HB0"/>
     </td>
    </tr>
    <tr>
     <td style="font-size: 12px;color: black !important;">
      Sent by Replit - 767 Bryant St, Unit 210, San Francisco, CA 94107 |
      <a>
       Unsubscribe
      </a>
      |
      <a>
       Privacy Policy
      </a>
     </td>
    </tr>
   </table>
  </div>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/http%253A%252F%252Furl1361.repl.it%252Fwf%252Fopen%253Fupn%253DJy8QNAiX-2F4x-2FofY50rZs8-2FKdErsqRYaOidOwtCWkxe-2FipIhmBy1c0d-2BSxDBJIgpifSA6K9s93z2l-2FRgo2f225K5Xx1ewOorqeVkO8J6pHGHDXBqz6SzoxNON6fSzcDfz3F24dQBiq7WuQfAH2tviAaBXEX8d4DbyGawWgGx3eZIbjv5MRhXYfiYLIJsUjUiKEOGvrPXH80E6O5drOt5vY-2Fq9xX2ZzZ72hnM03KF9HVsMfCF3stIiyt22ZnGkYTk8febQhNkK6cbsua5SStuvz4peOZLs7DadulAdTN0bvmjiNbh6i7sxBeKsYuBHWNHF9reNlqFNaRh4ljgFBWnC0HB69yzLZYB8wKMlxVptKe5tTf66h1sfjE6jwAUwq0bEMd0qZsW9-2B9GqChTxEcr96AXP0J3A-2FpjTJXxLTY6DKH9lplkyfSpTgrFQ5aTqiNUONz3SOU7hAZHdP5ERLd6XCg-3D-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRnVybDEzNjEucmVwbCJ9:1nX3m1:VBTas9Iv6qnK2QoX6ZdB70HrOGwCzKgKuIWTySoUv8k" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;" width="1"/>
 </body>
</html>
3 years, 2 months ago - contact@repl.it
You're invited to our first-ever conference: ReplCon.
Its a time for celebration, who are you bringing? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌...
Inboxes

Replit Invited user
