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 Strict//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
 <head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
  <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"/>
  <title>
   You’ve unlocked 30 days of premium features in Slack, Screenlane
  </title>
  <style type="text/css">
   /* Global Resets */
	body, .background_main, p, table, td, div { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }

	img {
		border: none;
		-ms-interpolation-mode: bicubic;
		max-width: 100%;
	}

	p {padding-bottom: 2px;}

	body {
		background: #fff;
		font-size: 17px;
		line-height: 24px;
		margin: 0;
		padding: 0;
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
	}

	table {
		border-collapse: collapse;
		mso-table-lspace: 0pt;
		mso-table-rspace: 0pt;
		width: 100%;
	}

	td {
		font-size: 17px;
		line-height: 24px;
		vertical-align: top;
	}

	/* Footer */
	.email_footer td, .email_footer p, .email_footer span, .email_footer a {
		font-size: 15px;
		text-align: center;
		color: #434245;
	}

	.email_footer td {padding-top: 20px;}

	.preheader {
		display: none;
		mso-hide: all;
	}

	/* Typography */
	h1, h2, h3, h4 {
		color: #434245;
		font-weight: 400;
		line-height: 1.4;
		margin: 0;
		margin-bottom: 12px;
	}

	h1 {
		font-size: 30px;
		line-height: 36px;
		font-weight: 900;
		letter-spacing: -.75px;
		text-align: left;
	}

	p, ul, ol {
		font-size: 17px;
		line-height: 24px;
		font-weight: normal;
		margin: 0;
		margin-bottom: 15px;
	}

	p li, ul li, ol li {
		list-style-position: inside;
		margin-left: 5px;
	}

	a {
		color: #3498db;
		text-decoration: none;
	}

	a:hover {text-decoration: underline;}

	.button_link::after {
		position: absolute;
		content: '';
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		border-radius: 4px;
	}

	.button_link:hover::after {
		box-shadow: inset 0 -2px #237c4a;
	}

	.button_link.is_secondary:hover::after {
		box-shadow: none;
	}

	.button_link.plum:hover {
		background-color: #4a154b !important;
		border-color: #4a154b !important;
	}

	.button_link_wrapper.plum:hover {
		background-color: #4a154b !important;
	}

	.button_link.plum:hover::after {
		box-shadow: none;
	}

	.preview_text {
		color: transparent;
		display: none;
		height: 0;
		max-height: 0;
		max-width: 0;
		opacity: 0;
		overflow: hidden;
		mso-hide: all;
		visibility: hidden;
		width: 0;
		font-size: 1px;
		line-height:1px;
	}

	.preview_text a {
		color: #3AA3E3 !important;
		font-weight: bold;
	}

	/* Responsive and Mobile Friendly Styles */
	/* Yahoo Mail has a history of rendering all media query styles with class selectors unless class is used as an attribute */
	@media only screen and (max-width: 600px) {
		table[class="background_main"] .sm_full_width {
			width: 100% !important;
		}
		table[class="background_main"] .sm_90_percent_width {
			width: 90% !important;
			padding: 16px !important;
			text-align: center !important;
			float: none !important;
		}
		table[class="background_main"] .sm_side_padding {
			padding-right: 8px !important;
			padding-left: 8px !important;
			float: none !important;
		}
		table[class="background_main"] .sm_small_top_padding {
			padding-top: 8px !important;
		}
		table[class="background_main"] .sm_top_padding {
			padding-top: 16px !important;
		}
		table[class="background_main"] .sm_auto_width {
			width: auto !important;
		}
		table[class="background_main"] .sm_auto_height {
			height: auto !important;
		}

		table[class="background_main"] .sm_border_box {
			box-sizing: border-box !important;
		}

		table[class="background_main"] .sm_block {
			display: block !important;
		}
		table[class="background_main"] .sm_inline_block {
			display: inline-block !important;
		}
		table[class="background_main"] .sm_table {
			display: table !important;
		}

		table[class="background_main"] .sm_no_side_padding {
			padding-right: 0 !important;
			padding-left: 0 !important;
		}
		table[class="background_main"] .sm_no_border_radius {
			border-radius: 0 !important;
		}
		table[class="background_main"] .sm_no_padding {
			padding-right: 0 !important;
			padding-left: 0 !important;
		}
		table[class="background_main"] .sm_os_icons_height {
			/* this is to make the parent element the same height as the inline-block img inside */
			height: 44px;
		}
		.social_img_bottom_margin {
			/*this class is for social_user_outreach email only*/
			margin-bottom: 20px !important;
		}
		.social_p_bottom_margin {
			/*this class is for social_user_outreach email only*/
			margin-bottom: 40px !important;
		}
	}

	/* More client-specific styles */
	@media all {
		.ExternalClass {
			width: 100%;
		}
		.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
			line-height: 100%;
		}
		.email_footer a {
			color: #434245 !important;
			font-family: inherit !important;
			font-size: inherit !important;
			font-weight: inherit !important;
			line-height: inherit !important;
			text-decoration: none !important;
		}
	}
	a:hover {
		text-decoration: underline !important;
	}

	pre, code {
		--saf-0: rgba(var(--sk_foreground_low, 29, 28, 29), 0.13);
		border: 1px solid var(--saf-0);
		background: rgba(var(--sk_foreground_min, 29, 28, 29), 0.04);
		font-family: 'Monaco', 'Menlo', 'Consolas', 'Courier New', monospace !important;
		font-size: 12px;
		line-height: 1.50001;
		font-variant-ligatures: none;
		white-space: pre;
		white-space: pre-wrap;
		word-wrap: break-word;
		word-break: normal;
		-webkit-tab-size: 4;
		-moz-tab-size: 4;
		-o-tab-size: 4;
		tab-size: 4;
	}

	code {
		color: #e01e5a;
		padding: 2px 3px 1px;
		border-radius: 3px;
	}

	pre {
		margin-bottom: 16px;
		padding: 8px;
		border-radius: 4px;
	}

	blockquote {
		position: relative;
		margin-bottom: 16px;
		padding-left: 16px;
		border-left: rgba(var(--sk_foreground_low_solid, 221, 221, 221), 1);
		border-left-width: 4px;
		border-left-style: solid;
	}
  </style>
 </head>
 <body>
  <!--[if mso]><style type="text/css">.background_main, table, table td, p, div, h1, h2, h3, h4, h5, h6 {
								font-family: Arial, sans-serif !important;
							}</style><![endif]-->
  <table class="background_main" style="background-color: #ffffff; padding-top: 20px;color: #434245;width: 100%;-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;   border: 0; text-align: center; border-collapse: collapse;">
   <tr>
    <td style="vertical-align: top; padding: 0">
     <center>
      <table class="card" id="body" style="border: 0; border-collapse: collapse; margin: 0 auto; background: white; border-radius: 8px; margin-bottom: 16px;">
       <tr>
        <td style="width: 546px; vertical-align: top; padding-top: 32px">
         <div style="max-width: 600px; margin: 0 auto;">
          <div style="text-align: left;">
           <!--[if mso]>
<table cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0; width: 100%;">
    <tr>
        <td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px;" height="20">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0; margin: 0;">&nbsp;</td>
        <td style="padding: 0; margin: 0;" width="540">
<![endif]-->
           <img alt="" height="36" src="https://inboxflows.com/_/image/https%253A%252F%252Fscreenlane.slack.com%252Fx-p2273636132055-2288358650034-2312648382197%252Fimg%252Fslack_logo_240.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzY3JlZW5sYW5lLiJ9:1m8IUx:xYhyxfJChBRS1lXEg1DJN1d2miMPAepZzNLFOh5IXjg" style="margin-top: 0; margin-right: 0; margin-bottom: 32px; margin-left: 0px; padding-right: 30px; padding-left: 30px;" width="120"/>
           <div style="padding-right: 30px; padding-left: 30px;">
            <h1 style="font-size: 30px;">
             Welcome to Slack’s Pro subscription!
            </h1>
            <div style="margin-bottom: 18px;">
             <p style="margin-bottom: 1.5rem;">
              Screenlane is on a 30 day free trial of the Pro subscription, from now until 25th August. This gives you access to premium features such as
              <a>
               Slack Connect
              </a>
              !
             </p>
             <p style="margin-bottom: 1.5rem;">
              We’ve already upgraded your workspace, so go ahead and give it a try.
             </p>
             <div style="margin-top: 32px; margin-bottom: 32px;">
              <table class="sm_table" style="width: 100%; ">
               <tr style="width: 100%;">
                <td style="width: 100%;">
                 <span class="button_link_wrapper sm_full_width" style="display: inline-block; position:relative; border-radius:4px; background-color:#2ea664; ">
                  <a class="button_link sm_full_width sm_border_box" style="border-top:13px solid; border-bottom:13px solid; border-right:24px solid; border-left:24px solid; border-color:#007a5a; border-radius:4px; background-color:#007a5a; color:#ffffff; font-size:18px; line-height:18px; word-break:break-word;  display: inline-block; text-align: center; font-weight: 900; text-decoration: none !important;">
                   Open Slack
                  </a>
                 </span>
                </td>
               </tr>
              </table>
             </div>
             <p style="margin-bottom: 1.5rem;">
              There’s no credit card required for your 30 day trial. You won’t be charged unless you upgrade to keep the Pro subscription. If you choose not to, you’ll automatically go back to the free version of Slack after
              <b>
               25th August
              </b>
              .
             </p>
             <p style="margin-bottom: 1.5rem;">
              Questions?
              <a>
               Contact our support team
              </a>
              , or
              <a>
               learn more about Slack Pro
              </a>
              .
             </p>
            </div>
           </div>
           <!--[if mso]>
		</td>
		<td style="padding: 0; margin: 0; font-size: 20px; height: 20px;">&nbsp;</td>
	</tr>
	<tr>
		<td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px; height: 20px;">&nbsp;</td>
	</tr>
</table>
<![endif]-->
           <table style="margin: 0 auto; width: 100%;">
            <tr>
             <td style="box-sizing: border-box; padding: 0; padding-right: 30px; padding-left: 30px; padding-top: 20px; width: 100%; margin: 0 auto;">
              <div style="color: #1D1C1D; text-align: left; width: 100%; font-size: 15px;">
               <table style="display: inline-table; vertical-align: top; width: 100%; border: 0px; border-collapse: collapse;">
                <tbody class="sm_full_width">
                 <tr class="sm_full_width" style="border-top: 1px solid #E1E1E4;">
                  <td class="sm_full_width" style="padding-top: 20px;">
                   <!--[if mso]>
<table cellpadding="0" cellspacing="0" border="0" style="padding: 0; margin: 0; width: 100%;">
    <tr>
        <td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px;" height="20">&nbsp;</td>
    </tr>
    <tr>
        <td style="padding: 0; margin: 0;">&nbsp;</td>
        <td style="padding: 0; margin: 0;" width="540">
<![endif]-->
                   <table class="sm_full_width" style="display: inline-table; width: 434px; max-width: 100%; border: 0px; border-collapse: collapse; width: 434px;">
                    <tr>
                     <td style="width: 38px; padding-right: 15px; padding-top: 20px; width: 38px;">
                      <a class="plaintext_ignore" style="height: 38px; width: 38px; min-width: 38px; border-radius: 4px; color: #FFFFFF; font-size: 18px; line-height: 38px; mso-line-height-rule: exactly; mso-text-raise: 10px; vertical-align: middle; text-align: center; text-decoration: none !important; display: block; background-color: #0576b9;">
                       S
                      </a>
                     </td>
                     <div class="plaintext_only" style="display: none">
                      Workspace name: Screenlane
                     </div>
                     <td class="sm_auto_width" style="padding-top: 20px; font-size: 15px; width: 378px;">
                      <strong class="plaintext_ignore">
                       Screenlane
                      </strong>
                      <br/>
                      Workspace URL: screenlane.slack.com
                     </td>
                    </tr>
                   </table>
                   <table class="sm_full_width" style="text-align: right; display: inline-table; width: auto; vertical-align: top; width: 102px; text-align: right; width: 102px; border: 0px; border-collapse: collapse;">
                    <tbody class="sm_full_width">
                     <tr class="sm_full_width">
                      <td class="sm_full_width" style="width: 100px; padding: 0px;padding-top: 20px;">
                       <div>
                        <a class="sm_full_width" style="text-align: center;text-decoration: none;display: inline-block;width: 100px; border: 1px solid #C7CACD; border-radius: 4px; background-color: #FBFBFA; color: #555459; font-size: 14px; line-height: 40px; -webkit-text-size-adjust: none;font-weight: 900;">
                         Sign in
                        </a>
                       </div>
                      </td>
                     </tr>
                    </tbody>
                   </table>
                   <div style="clear: both;">
                   </div>
                   <!--[if mso]>
		</td>
		<td style="padding: 0; margin: 0; font-size: 20px; height: 20px;">&nbsp;</td>
	</tr>
	<tr>
		<td colspan="3" style="padding: 0; margin: 0; font-size: 20px; height: 20px; height: 20px;">&nbsp;</td>
	</tr>
</table>
<![endif]-->
                  </td>
                 </tr>
                </tbody>
               </table>
              </div>
             </td>
            </tr>
           </table>
          </div>
         </div>
        </td>
       </tr>
      </table>
     </center>
    </td>
   </tr>
   <tr>
    <td class="email_footer" style="font-size: 15px;color: #717274;text-align: center;width: 100%; border-top: 1px solid #E1E1E4">
     <table style="margin: 20px auto 0; background-color: white; border: 0; text-align: center; border-collapse: collapse;">
      <tr>
       <td>
       </td>
       <td>
        <span style="display: block; color: #1D1C1D; font-size: 15px;">
         Made by
         <a style="text-decoration: none; color: #1D1C1D;">
          Slack Technologies, LLC
         </a>
         <br/>
         500 Howard Street | San Francisco, CA 94105 | United States
        </span>
       </td>
       <td>
       </td>
      </tr>
      <tr>
       <td>
       </td>
       <td style="font-size: 15px; padding: 16px 8px 24px; vertical-align: top; text-align: center;">
        <span>
         <a style="color: #1D1C1D; text-decoration: underline !important;">
          Our blog
         </a>
         <a style="color: #1D1C1D; text-decoration: underline !important;">
          Policies
         </a>
        </span>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>