Inboxes

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

+New inbox

<!DOCTYPE html>
<html>
 <head>
  <meta content="width=device-width" name="viewport"/>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <!--[if !mso]><!-- -->
  <link href="https://s3.amazonaws.com/fonts.podia.com/avenir-next.css" media="screen" rel="stylesheet"/>
  <!--<![endif]-->
  <title>
   Thanks for signing up for The magic of UX design!
  </title>
 </head>
 <body style='background-color:#fff;-webkit-font-smoothing:antialiased;width:100%;font-family:sans-serif;line-height:32px;margin:0;padding:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;color:#223348;font-family:"avenir-next", "helvetica neue", arial, sans-serif;font-size:16px;line-height:2'>
  <span class="preheader" style="color:transparent;display:none;height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;mso-hide:all;visibility:hidden;width:0">
   Thanks for signing up for The magic of UX design!
  </span>
  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%">
   <tr>
    <td>
     <div class="header container" style="max-width:540px;padding:40px 20px;display:block;margin:0 auto">
      <table border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%">
       <tr>
        <td style="vertical-align:middle">
         <a style="color:#9d8efd;text-decoration:none;color:#a899d5">
          <div class="site-title" style="text-decoration:none;font-weight:bold;color:#223348;font-size:18px">
           Sarah Jonas
          </div>
         </a>
        </td>
        <td class="text-right" style="vertical-align:middle;text-align:right">
         <a class="text-strong text-xs text-no-underline" style="color:#9d8efd;color:#a899d5;font-weight:bold;text-decoration:none;font-size:12px">
          Login
         </a>
        </td>
       </tr>
      </table>
     </div>
     <div class="content" style="border-top:1px solid #edf1f5;border-bottom:1px solid #edf1f5">
      <table border="0" cellpadding="0" cellspacing="0" class="container" style="border-collapse:separate;mso-table-lspace:0pt;mso-table-rspace:0pt;width:100%;max-width:540px;padding:40px 20px;display:block;margin:0 auto">
       <tr>
        <td style="vertical-align:middle">
         <p style="font-size:16px;line-height:32px;margin:0 0 24px 0">
          Hey
          <strong>
           James
          </strong>
          ,
         </p>
         <p style="font-size:16px;line-height:32px;margin:0 0 24px 0">
          Thanks for signing up for
          <strong>
           The magic of UX design!
          </strong>
         </p>
         <p style="font-size:16px;line-height:32px;margin:0 0 24px 0">
          You will have access starting on
          <strong>
           June 16th, 2020  2:00PM UTC
          </strong>
          . Once you have access, you can login with your email address and password below:
         </p>
         <p style="font-size:16px;line-height:32px;margin:0 0 24px 0">
          <a class="btn-primary" style="color:#9d8efd;text-decoration:underline;color:#a899d5;display:inline-block;background:#9d8efd;color:#fff;font-weight:bold;text-decoration:none;padding:1em 2em;border-radius:5px;background-color:#a899d5">
           View course
          </a>
         </p>
         <p style="font-size:16px;line-height:32px;margin:0 0 24px 0;margin-bottom:0">
          Thanks!
          <br/>
          Sarah
         </p>
        </td>
       </tr>
      </table>
     </div>
     <div class="powered-by" style="text-align:center;margin-bottom:60px;margin-top:20px">
      <a style="color:#9d8efd;text-decoration:none;color:#a899d5">
       <img src="https://inboxflows.com/_/image/https%253A%252F%252Fapp.podia.com%252Fassets%252Fpowered-by-podia-ae165d4e7d1ba404e37e02511c8b425dbd44f544104b26b747df796a28f1b61c.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhcHAucG9kaWEuYyJ9:1kXOOS:nKGW4oBNzm9XVZPk1cVVXvBc8dcPccG9OAE16w4GSsc" style="border:none;-ms-interpolation-mode:bicubic;vertical-align:middle;max-width:100%;height:auto" width="200px"/>
      </a>
     </div>
    </td>
   </tr>
  </table>
 </body>
</html>