Email sent from Slack to a Registered user

Slack Registered user

Subscribed 2 years, 6 months ago
<!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, Uifeed
  </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 {
		font-size: 15px;
		text-align: center;
		color: #1d1c1d;
	}

	.email_footer a {
		text-decoration: underline;
	}

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

	.footer_logo {
		width: 40px;
		height: 40px;
		padding-bottom: 20px;
	}

	.footer_title {
		font-weight: 900;
	}

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

	/* Typography */
	h1, h2, h3, h4 {
		color: #1d1c1d;
		font-weight: 700;
		margin: 0;
		margin-bottom: 12px;
	}

	h1 {
		font-size: 32px;
		line-height: 38px;
		letter-spacing: -.25px;
		text-align: left;
	}

	h2 {
		font-size: 24px;
		line-height: 50px;
		letter-spacing: -0.75px;
	}

	h3 {
		font-size: 18px;
		line-height: 24px;
	}

	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;
	}

	p {
		font-size: 16px;
		letter-spacing: -0.2px;
	}

	a {
		color: #1264a3;
		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%;
		}
		.footer_link {
			color: #1d1c1d !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%252Fuifeedworkspace.slack.com%252Fx-p2640086259024-2618626697620-2645063232405%252Fimg%252Fslack_logo_240.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1aWZlZWR3b3JrcyJ9:1mfJ6H:CgNxZo6ujiKqjXBqLJjWI37asFxyIvMCRAslL0_qDLA" 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>
             Welcome to Slack’s Pro plan!
            </h1>
            <div style="margin-bottom: 18px;">
             <p style="margin-bottom: 1.5rem;">
              Uifeed is on a 30 day free trial of the Pro plan, from now through November 24th. This gives you access to premium features like
              <a>
               Slack Connect
              </a>
              !
             </p>
             <p style="margin-bottom: 1.5rem;">
              We’ve already upgraded your workspace, so go ahead and give it a whirl.
             </p>
             <div style="margin-top: 32px; margin-bottom: 32px;">
              <!--[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]-->
              <div style="padding-right: 30px; padding-left: 30px; padding-bottom: 30px;">
               <h4 class="plaintext_only" style="display: none">
                Workspace name: Uifeed
               </h4>
               <table style="table-layout: fixed; border: 1px solid #A0A0A2; border-radius: 8px; padding: 40px 0; margin-top: 20px; width: 100%; border-collapse: separate; text-align: center">
                <tr>
                 <td style="vertical-align: middle;">
                  <!--[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="38">
<![endif]-->
                  <div style="margin: auto; 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; background-color: #0576b9;">
                   U
                  </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]-->
                  <!--[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="420">
<![endif]-->
                  <h3 class="plaintext_ignore" style="font-weight: 900; padding-top: 10px; margin-bottom: 7px; font-size: 21px; font-size: 21px; margin-bottom: 2px; width: 70%; margin: auto; text-align: center; margin-top: 0;">
                   Uifeed
                  </h3>
                  <!--[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]-->
                  <h4 style="margin-bottom: 2px;font-size: 17px; margin-bottom: 12px;">
                   <a style="white-space: nowrap; color: #717274; text-decoration: none !important;">
                    uifeedworkspace.slack.com
                   </a>
                  </h4>
                  <table class="sm_table" style="width: 100%; text-align: center;">
                   <tr style="width: 100%;">
                    <td style="width: 100%;">
                     <span class="button_link_wrapper plum" style="display: inline-block; position:relative; border-radius:4px; background-color:#611f69; ">
                      <a class="button_link plum" style="border-top:13px solid; border-bottom:13px solid; border-right:24px solid; border-left:24px solid; border-color:#611f69; border-radius:4px; background-color:#611f69; color:#ffffff; font-size:16px; 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>
                 </td>
                </tr>
               </table>
              </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]-->
             </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 plan. If you choose not to, you’ll automatically go back to the free version of Slack after
              <b>
               November 24th
              </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;">
                       U
                      </a>
                     </td>
                     <div class="plaintext_only" style="display: none">
                      Workspace name: Uifeed
                     </div>
                     <td class="sm_auto_width" style="padding-top: 20px; font-size: 15px; width: 378px;">
                      <strong class="plaintext_ignore">
                       Uifeed
                      </strong>
                      <br/>
                      Workspace URL: uifeedworkspace.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;">
         <img class="footer_logo" height="40" src="https://inboxflows.com/_/image/https%253A%252F%252Fa.slack-edge.com%252F80588%252Fimg%252Femail%252Fslack_hash_vogue%25402x.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhLnNsYWNrLWVkZyJ9:1mfJ6H:3GW_6sMcs7Pg_vhLwlJhFubMupBopyV19dBvex-BOek" width="40"/>
         <br/>
         <span class="footer_title">
          Made by Slack Technologies, LLC
         </span>
         <br/>
         500 Howard Street, San Francisco, CA 94105
         <br/>
         <a>
          slack.com
         </a>
        </span>
       </td>
       <td>
       </td>
      </tr>
      <tr>
       <td>
       </td>
       <td style="padding: 16px 8px 24px;">
        <span>
         <a class="footer_link">
          Our Blog
         </a>
         |
         <a class="footer_link">
          Policies
         </a>
        </span>
       </td>
      </tr>
     </table>
    </td>
   </tr>
  </table>
 </body>
</html>
2 years, 6 months ago - no-reply@slack.com
You’ve unlocked 30 days of premium features in Slack, Uifeed
Welcome to Slack’s Pro plan!Uifeed is on a 30 day free trial of the Pro plan, from now through No...
Inboxes

Slack Registered user
