Inboxes

Create an inbox to save and track emails. It's free!

+New inbox
Back
Back
Back 
<!DOCTYPE html>
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <!--[if gte mso 9]><xml>
  <o:OfficeDocumentSettings>
  <o:AllowPNG/>
  <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
  </xml><![endif]-->
  <meta content="text/html; charset=utf-8" http-equiv="Content-type"/>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"/>
  <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
  <meta content="date=no" name="format-detection"/>
  <meta content="address=no" name="format-detection"/>
  <meta content="telephone=no" name="format-detection"/>
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,700italic" rel="stylesheet" type="text/css"/>
  <title>
   Email Template
  </title>
  <style type="text/css">
   /* Only classes accepted */
    span.emoji img { width: auto !important; max-width: none !important; }
    .background-body { background: #e4edf5; }
    .body { padding: 0 !important; margin: 0 !important; display: block !important; background: #e4edf5; ; -webkit-text-size-adjust: none; }

    .m-td { font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; text-align: left; }
    .fluid-img { font-size: 0pt; line-height: 0pt; text-align: left; }
    .content-spacing { font-size: 0pt; line-height: 0pt; text-align: left; }
    .wgmail { font-size: 0pt; line-height: 0pt; text-align: center; }
    .spacer { font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%; }
    .border { font-size: 0pt; line-height: 0pt; text-align: center; width: 100%; min-width: 100%; }
    .img-m-center { font-size: 0pt; line-height: 0pt; }
    .column { font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; Margin: 0; }
    .td { font-size: 0pt; line-height: 0pt; padding: 0; margin: 0; font-weight: normal; width: 600px; min-width: 600px; Margin: 0; }

    .img { font-size: 0pt; line-height: 0pt; text-align: left; }
    .img-center { font-size: 0pt; line-height: 0pt; text-align: center; }
    .img-right { font-size: 0pt; line-height: 0pt; text-align: right; }
    
    .link { color: #57ba94; text-decoration: none; }
    a { text-decoration: none; font-family: Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; }

    .link-white { color: #ffffff; text-decoration: none; }
    .link-white-u { color: #ffffff; text-decoration: underline; }

    .link-black { color: #000001; text-decoration: none; }
    .link-black-u { color: #000001; text-decoration: underline; }
    
    p, .one-column-contents, .expand { color: #415e77; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 15px; line-height: 24px; text-align: left; padding: 0 !important; margin: 0; margin-bottom: 20px;}
    p.white { color: #ffffff; }
    .text-btn { color: #f2fff9; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 20px; line-height: 24px; text-align: center; font-weight: normal; }
    .text-btn2 { color: #f2fff9; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 16px; line-height: 20px; text-align: center; font-weight: normal; }
    .text-btn2-c { color: #57ba94; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 16px; line-height: 20px; text-align: center; font-weight: normal; }
    .text-btn2-w { color: #ffffff; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 16px; line-height: 20px; text-align: center; font-weight: normal; }
    .text-footer { color: #ffffff; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 11px; line-height: 15px; text-align: center; }

    h1 { color: #00376b; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 27px; line-height: 40px; text-align: left; font-weight: bold; margin: 0; margin-bottom: 10px;}
    h1 a { text-decoration: none; color: #00376b; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 27px; line-height: 40px; text-align: left; font-weight: bold; margin: 0; margin-bottom: 10px;}
    h2 { color: #7899b8; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 14px; line-height: 21px; text-align: left; font-weight: normal; text-transform: uppercase; margin-bottom: 15px;}
    h2 a { text-decoration: none; color: #7899b8; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 14px; line-height: 21px; text-align: left; font-weight: normal; text-transform: uppercase; margin-bottom: 15px;}
    .h3 { color: #00376b; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 18px; line-height: 22px; text-align: left; font-weight: bold; }
    .h3-w { color: #ffffff; font-family:  Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; min-width: auto !important; font-size: 18px; line-height: 22px; text-align: left; font-weight: bold; }

    .green { color: #57ba94; }

    .wrapper { width: 100%; table-layout: fixed; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
    .webkit { max-width: 640px; }
    .outer { margin: 0 auto; width: 100%; max-width: 640px; }

    .fluid-img { width: 100%; max-width: 640px; height: auto; }

    /* One column layout */
    .one-column-contents { text-align: left; }
    .one-column-contents2 { text-align: center; }
    .one-column-contents a { color: #57ba94; text-decoration: none; font-family: Post Grotesk, Avenir, Century Gothic, Helvetica, sans-serif; }

    /*Two column layout*/
    /*.two-column { text-align: center; font-size: 0; }*/
    .two-column-column-305 { width: 100%; max-width: 305px; display: inline-block; vertical-align: top; }
    .two-column-column-255 { width: 100%; max-width: 255px; display: inline-block; vertical-align: top; }
    .two-column-column-380 { width: 100%; max-width: 380px; display: inline-block; vertical-align: top; }

    /*Three column layout*/
    .two-column { text-align: center; font-size: 0; }
    .three-column-column { width: 100%; max-width: 200px; display: inline-block; vertical-align: top; }
    .three-column-contents { text-align: center; font-size: 10px; }
    .three-column-img { width: 100%; max-width: 180px; height: auto; }

    .contents { width: 100%; }

    .btn {
      text-decoration: none;
      color: white;
      padding: 15px 34px 13px 34px;
      background-color: #57ba94;
      border-radius: 26px;
      text-align: center;
      display: inline-block;
      margin-bottom: 20px;
    }
    .center {
      text-align: center;
    }

    .main-content img {
      font-size: 0pt; line-height: 0pt; text-align: left;
      width: 100%; max-width: 640px; height: auto;
      border-radius: 4px;
    }
    @media screen and (max-width:600px) {
        u + .body .gwfw {width:100% !important;width:100vw !important;}
        table.expand { width: 100% !important; }
        .mw100{width:100% !important; max-width:100% !important;}
        .mw92{width:92% !important; max-width:92% !important;}
        .mb_hide{padding-top: 0 !important;}
    }
  </style>
  <style media="linked" type="text/css">
   /* Linked Styles */
    body { .body }
    a { .link }
    p { .p }
  </style>
 </head>
 <body class="body">
  <table align="center" bgcolor="#e4edf5" border="0" cellpadding="0" cellspacing="0" class="wrapper gwfw" height="100%" width="100%">
   <tbody>
    <tr>
     <td align="center" valign="top">
      <div class="webkit">
       <!--[if (gte mso 9)|(IE)]>
          <table width="640" align="center" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td>
              <![endif]-->
       <table align="center" border="0" cellpadding="0" cellspacing="0" class="outer mb_hide" style="padding-top: 20px;" width="100%">
        <tbody>
         <tr>
          <td>
           <!-- Header -->
           <table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td align="center" class="two-column">
               <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                <tbody>
                 <tr>
                  <td class="spacer" height="35">
                  </td>
                 </tr>
                </tbody>
               </table>
               <!--[if (gte mso 9)|(IE)]>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="255" valign="top">
                                  <![endif]-->
               <div class="two-column-column-255">
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%">
                 <tbody>
                  <tr>
                   <td class="img" width="30">
                   </td>
                   <td>
                    <div class="img">
                     <a target="_blank">
                      <img alt="" border="0" height="41" src="https://inboxflows.com/_/image/http%253A%252F%252Fcdn.mcauto-images-production.sendgrid.net%252Fdcb2e768bc0ec80a%252F903d82ee-5127-4818-bc38-d9b7e2719124%252F741x160.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cCUzQSUyRiUyRmNkbi5tY2F1dG8taSIsInRpbWUiOjE3NTgwNzE3NjAuNDI3ODMyNn0:1uygm8:1cSytOthP8qreY0gGn44GUjKGBlzIjuZTR-h83JVcbY" width="200"/>
                     </a>
                    </div>
                   </td>
                   <td class="img" width="30">
                   </td>
                  </tr>
                 </tbody>
                </table>
               </div>
               <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                <tbody>
                 <tr>
                  <td class="spacer" height="35">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END Header -->
           <!-- Content -->
           <table bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" class="main-content" width="100%">
            <tbody>
             <tr>
              <td align="center" class="one-column">
               <table border="0" cellpadding="0" cellspacing="0" class="mw92" width="92%">
                <tbody>
                 <tr>
                  <td class="one-column-contents">
                   <p>
                    Hi there,
                   </p>
                   <p>
                    You're one step away! To start using Segment, please verify your email address at the following link:
                   </p>
                   <p>
                    <strong>
                     <a>
                      https://app.segment.com/gateway-api/rest/verify/32o0kHOm6tPfKZnTt0zPvK4iOro
                     </a>
                    </strong>
                   </p>
                   <p>
                    Welcome to the Segment family
                   </p>
                   <p>
                    Best,
                    <br/>
                    The Segment Team
                   </p>
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                    <tbody>
                     <tr>
                      <td class="spacer" height="20">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END Content -->
           <!-- Footer -->
           <table bgcolor="#57ba94" border="0" cellpadding="0" cellspacing="0" width="100%">
            <tbody>
             <tr>
              <td class="one-column">
               <table border="0" cellpadding="0" cellspacing="0" width="100%">
                <tbody>
                 <tr>
                  <td class="content-spacing" width="30">
                  </td>
                  <td class="one-column-footer-contents">
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                    <tbody>
                     <tr>
                      <td class="spacer" height="30">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                    <tbody>
                     <tr>
                      <td class="spacer" height="20">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                    <tbody>
                     <tr>
                      <td class="spacer" height="10">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <div class="text-footer" style="color: #ffffff;">
                    © 
                                    2025
                                    Segment
                    <br/>
                    <a style="color: #ffffff">
                     101 Spear Street Floor 1, San Francisco, CA
                    </a>
                    <br/>
                    <br/>
                   </div>
                   <table border="0" cellpadding="0" cellspacing="0" class="spacer" width="100%">
                    <tbody>
                     <tr>
                      <td class="spacer" height="30">
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <!-- END Socials -->
                  </td>
                  <td class="content-spacing" width="30">
                  </td>
                 </tr>
                </tbody>
               </table>
              </td>
             </tr>
            </tbody>
           </table>
           <!-- END Footer -->
          </td>
         </tr>
        </tbody>
       </table>
       <!--[if (gte mso 9)|(IE)]>
              </td>
            </tr>
          </table>
          <![endif]-->
      </div>
     </td>
    </tr>
   </tbody>
  </table>
  <img alt="" border="0" height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Furl684.segment.com%252Fwf%252Fopen%253Fupn%253Du001.ZJ4YwtpUnsi7CR2-2FUOw8ihDOkp0J8TikLqGfMJJOjZqmq-2FW1y7guVIOF0ahj8mDAlrepTflEOjH8LrD56Ncv20BcFDqHdM-2BbNGLzpbvWVpcAqbSton6s4gS7RUXzGu-2F-2F-2BSvYivlEfP8g0KIri1urRjAMNP73MgsBr67eDJWSj-2FgWPFuVNLeCXC50ZJVqI8IQp9Qu4vxiiUpTeJmSiAwFl4wFaPt9wAEaoUHcH9-2B9NWkZwndCMrPDrIqoNP1qIYC5mX3hbLEvVCaU1ZWIGk9jBIJ6-2BAC1nQ7deewjWYAlk3E1UtzP92ZH3Sjyvm2ZHWv3neJQNoOIZycwkUQQxr7ThS3wzVTn5ixpr2gRIhjzeVs-3D/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1cmw2ODQuc2VnbSIsInRpbWUiOjE3NTgwNzE3NjAuNDI4NDg3NX0:1uygm8:6xXtYMgX6NngiV81JUvOmDhd-VPdukEC8zD6pFxIUhM" 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>