Inboxes

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

+New inbox
Back
Back
Back 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="telephone=no" name="format-detection"/>
  <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;" name="viewport"/>
  <meta content="IE=9; IE=8; IE=7; IE=EDGE" http-equiv="X-UA-Compatible"/>
  <title>
   Invitation to edit - Podcast Tutorial
  </title>
  <style type="text/css">
   /* Some resets and issue fixes */
        #outlook a { padding:0; }
        body{ width:100% !important; -webkit-text; size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; }     
        .ReadMsgBody { width: 100%; }
        .ExternalClass {width:100%;} 
        .backgroundTable {margin:0 auto; padding:0; width:100% !important;} 
        table td {border-collapse: collapse;}
        .ExternalClass * {line-height: 115%;}           
        /* End reset */


        /* These are our tablet/medium screen media queries */
        @media screen and (max-width: 630px){


            /* Display block allows us to stack elements */                      
            *[class="mobile-column"] {display: block !important;} 

            /* Some more stacking elements */
            *[class="mob-column"] {float: none !important;width: 100% !important;}     

            /* Hide stuff */
            *[class="hide"] {display:none !important;}          

            /* This sets elements to 100% width and fixes the height issues too, a god send */
            *[class="100p"] {width:100% !important; height:auto !important; border:0 !important;}
            *[class="100pNoPad"] {width:100% !important; height:auto !important; border:0 !important;padding:0 !important;}                    

            /* For the 2x2 stack */         
            *[class="condensed"] {padding-bottom:40px !important; display: block;}

            /* Centers content on mobile */
            *[class="center"] {text-align:center !important; width:100% !important; height:auto !important;}            

            /* 100percent width section with 20px padding */
            *[class="100pad"] {width:100% !important; padding:20px;} 

            /* 100percent width section with 20px padding left & right */
            *[class="100padleftright"] {width:100% !important; padding:0 20px 0 20px;} 
        }

        @media screen and (max-width: 300px){
            /* 100percent width section with 20px padding top & bottom */
            *[class="100padtopbottom"] {width:100% !important; padding:0px 0px 40px 0px; display: block; text-align: center !important;} 
        }
  </style>
 </head>
 <body style="padding:0; margin:0">
  <table border="0" cellpadding="0" cellspacing="0" style="margin: 0" width="100%">
   <tr>
    <td height="30">
    </td>
   </tr>
   <tr>
    <td align="center" valign="top">
     <table bgcolor="#ffffff" cellpadding="0" cellspacing="0" class="100p" style="border-radius: 8px; border: 1px solid #E2E5E7; overflow:hidden;" width="640">
      <tr>
       <td height="20">
       </td>
      </tr>
      <tr>
       <td class="100p" valign="top" width="640">
        <!-- Header -->
        <table border="0" cellpadding="0" cellspacing="0" class="100p" width="640">
         <tr>
          <!-- Logo -->
          <td align="left" class="100padtopbottom" style="padding-left: 20px" width="50%">
           <img alt="Logo" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3-us-west-2.amazonaws.com%252Fdescript-public%252Femail%252Flogo%25402x.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy11cy13ZXN0LSJ9:1kXNxU:wP-XktSfGCPyxL8qJt_GtavHO7GxgBJsUR73bp3bzx4" style="width: 100%; max-width: 112px; font-family: Arial, sans-serif; color: #ffffff; font-size: 20px; display: block; border: 0px;" width="112"/>
          </td>
         </tr>
         <tr>
          <td class="100p" colspan="2" height="160" width="640">
           <img alt="Logo" border="0" src="https://inboxflows.com/_/image/https%253A%252F%252Fs3-us-west-2.amazonaws.com%252Fdescript-public%252Femail%252Fbg-invite%25402x.jpg/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzMy11cy13ZXN0LSJ9:1kXNxU:wP-XktSfGCPyxL8qJt_GtavHO7GxgBJsUR73bp3bzx4" style="width: 100%; max-width: 640px; font-family: Arial, sans-serif; color: #ffffff; font-size: 20px; display: block; border: 0px; margin-top:0px;" width="640"/>
          </td>
         </tr>
         <tr>
          <td align="left" class="100p center" colspan="2" height="40" style="font-family: Arial, sans-serif; font-weight: bold; font-size:14px;padding: 0px 20px;" valign="center" width="640">
           <font face="Arial, sans-serif">
            <b>
             Hi Sarah Jonas!
            </b>
           </font>
          </td>
         </tr>
         <tr>
          <td align="left" class="100p" colspan="2" style="font-family: Arial, sans-serif; font-size:14px; padding: 0px 20px; line-height: 18px;" valign="center" width="640">
           <font face="Arial, sans-serif">
            Sarah Jonas invited you to edit Podcast Tutorial
            <br/>
            <br/>
            Thanks,
            <br/>
            Descript
           </font>
          </td>
         </tr>
         <tr>
          <td align="center" class="100p center" colspan="2" height="20" style="font-family: Arial, sans-serif; font-weight: bold; font-size:1px;padding: 0px 20px;" valign="center" width="640">
          </td>
         </tr>
        </table>
       </td>
      </tr>
      <!-- Footer -->
      <tr>
       <td align="center" class="100p center" height="80" valign="top" width="640">
        <table border="0" cellpadding="0" cellspacing="0">
         <tr>
          <td align="center" bgcolor="#0062FF" style="border-radius: 18px;">
           <a style="font-size: 14px; font-family: sans-serif; color: #ffffff; text-decoration: none; border-radius: 18px; padding: 5px 16px; border: 1px solid #0062FF; display: inline-block; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.10);">
            <!--[if mso]>&nbsp;<![endif]-->
            Open Project
            <!--[if mso]>&nbsp;<![endif]-->
           </a>
          </td>
         </tr>
        </table>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
  <img height="1" src="https://inboxflows.com/_/image/https%253A%252F%252Fmandrillapp.com%252Ftrack%252Fopen.php%253Fu%253D31022780%2526id%253Dcbcb574c4d5c47448b4c01e20e6d3b6c/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZtYW5kcmlsbGFwcCJ9:1kXNxU:mZ1AS1RMcoH9lava4f8-QhXO0CzCdOkk-dCUnrEoXoM" width="1"/>
 </body>
</html>