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>
   📄 Messages from James jonas and Slackbot may be waiting for a reply...
  </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>
  <style type="text/css">
   a {
	color: #1264a3;
}
.email-body a {
	color: #1264a3;
}

strong {
	font-weight: 900;
}

.download-app-illustration {
	float:right;
	width: 201px;
	height: 215px;
}
.download-app-text {
	max-width: 287px;
}

@media only screen and (max-width: 600px) {
	.snooze_wrapper {
		max-width: 320px !important;
	}
	.download-app-text {
		max-width: 100%;
	}
	.download-app-illustration {
		float: none;
		width: 120px;
		height: 128px;
	}
}
  </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-2618767554982%252Fimg%252Fslack_logo_240.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZ1aWZlZWR3b3JrcyJ9:1md6fM:BVHDiwCbXiiZHsbm1AdnshCp7nLLH4jcLzAsNglZpCs" 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;">
            <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;">
               <div style="max-width: 600px; margin: 0 auto;">
                <h2 style="margin-bottom: 40px; color: #1D1C1D;">
                 <strong>
                  sj, here’s what happened yesterday in Uifeed.
                 </strong>
                </h2>
                <div style="margin-top: 0">
                 <h3 style="font-size: 18px; margin: 0 0 8px; line-height: 18px;">
                  <a style="color: #1D1C1D; font-weight:900; margin-right: 8px; text-decoration: none;">
                   <span>
                    From your conversation with James jonas
                   </span>
                  </a>
                 </h3>
                </div>
                <div style="padding: 18px 18px 8px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 14px">
                 <div style="margin: 0 0 10px; width: 100%; word-break: break-word; clear: left; font-size: 15px; line-height: 18px; color: #555549; min-height: 36px;">
                  <a>
                   <img src="https://inboxflows.com/_/image/https%253A%252F%252Fsecure.gravatar.com%252Favatar%252F367e5946e4f00492020aa62d19fe4f1b.jpg%253Fs%253D72%2526d%253Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0000-72.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzZWN1cmUuZ3JhdiJ9:1md6fM:G1ENMHXRLqmSlxSBROPrbqxNCICh14v4ZH3uvKrlzd0" style="float: left; margin-right: 8px; border-radius: 4px; display: inline-block; width: 36px; height: 36px;"/>
                  </a>
                  <div class="email-body" data-qa="email-body" style="padding-left: 44px;">
                   <a style="font-weight: bold; color: #1264a3; text-decoration: none; color: #1D1C1D; margin-right: 8px; text-decoration: none; font-weight: 900;">
                    James jonas
                   </a>
                   <a style="font-weight: normal; font-size: 12px; color: #717274; text-decoration: none;">
                    October 18th at 3:09 PM
                   </a>
                   <br/>
                   <div style="color: #1d1c1d">
                    <div class="tsf_output emoji_replace_on_load">
                     Cache issues
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
                <div>
                 <span style="display: inline-block">
                  <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 in Slack
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                 <span style="display: inline-block">
                  <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:#ffffff; border:1px solid #8e8d8e; ">
                      <a class="button_link sm_full_width sm_border_box is_secondary" style="border-top:12px solid; border-bottom:12px solid; border-right:24px solid; border-left:24px solid; border-color:#ffffff; border-radius:4px; background-color:#ffffff; color:#1d1c1d; font-size:18px; line-height:18px; word-break:break-word;  display: inline-block; text-align: center; font-weight: 900; text-decoration: none !important;">
                       Reply
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                </div>
                <div style="margin-top: 60px">
                 <h3 style="font-size: 18px; margin: 0 0 8px; line-height: 18px;">
                  <a style="color: #1D1C1D; font-weight:900; margin-right: 8px; text-decoration: none;">
                   <span>
                    From your conversation with Slackbot
                   </span>
                  </a>
                 </h3>
                </div>
                <div style="padding: 18px 18px 8px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 14px">
                 <div style="margin: 0 0 10px; width: 100%; word-break: break-word; clear: left; font-size: 15px; line-height: 18px; color: #555549; min-height: 36px;">
                  <a>
                   <img src="https://inboxflows.com/_/image/https%253A%252F%252Fa.slack-edge.com%252F80588%252Fimg%252Fslackbot_72.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhLnNsYWNrLWVkZyJ9:1md6fM:xMu2D_eZHGUOqESu5CnPHyLOvTisIHGZ1GaaCyPoPug" style="float: left; margin-right: 8px; border-radius: 4px; display: inline-block; width: 36px; height: 36px;"/>
                  </a>
                  <div class="email-body" data-qa="email-body" style="padding-left: 44px;">
                   <a style="font-weight: bold; color: #1264a3; text-decoration: none; color: #1D1C1D; margin-right: 8px; text-decoration: none; font-weight: 900;">
                    Slackbot
                   </a>
                   <a style="font-weight: normal; font-size: 12px; color: #717274; text-decoration: none;">
                    October 18th at 4:06 PM
                   </a>
                   <br/>
                   <div style="color: #1d1c1d">
                    <div class="tsf_output emoji_replace_on_load">
                     You asked me to remind you about
                     <a>
                      this message
                     </a>
                     from you in
                     <a>
                      #new-website-design
                     </a>
                     .
                    </div>
                   </div>
                   <table class="sm_table message-attachments-table" style="margin-top: 6px; width: 100%;">
                    <tr style="width: 100%;">
                     <td style="display: inline-block; margin-right: 8px; margin-bottom: 8px; font-size: 15px">
                      <span class="sm_full_width" style="display: inline-block; border-radius: 4px; background-color:#ffffff; border:1px solid rgba(29, 28, 29, 0.3); ">
                       <a style="min-width:40px; text-decoration:none !important; word-break:break-word; display:inline-block; text-align:center; border-radius:4px; padding:0 12px; border-top:8px solid; border-bottom:8px solid; font-size:13px; font-weight:700; line-height:16px; color:rgb(29, 28, 29); background-color:#ffffff; border-color:#ffffff; ">
                        Mark as Complete
                       </a>
                      </span>
                      <span class="sm_full_width" style="display: inline-block; border-radius: 4px; background-color:#ffffff; border:1px solid rgba(29, 28, 29, 0.3); ">
                       <a style="min-width:40px; text-decoration:none !important; word-break:break-word; display:inline-block; text-align:center; border-radius:4px; padding:0 12px; border-top:8px solid; border-bottom:8px solid; font-size:13px; font-weight:700; line-height:16px; color:rgb(29, 28, 29); background-color:#ffffff; border-color:#ffffff; ">
                        Delete
                       </a>
                      </span>
                      <span class="sm_full_width" style="display: inline-block; border-radius: 4px; background-color:#ffffff; border:1px solid rgba(29, 28, 29, 0.3); ">
                       <a style="text-decoration:none !important; word-break:break-word; display:inline-block; text-align:left; border-radius:4px; padding:0 12px; border-top:8px solid; border-bottom:8px solid; font-size:13px; font-weight:700; line-height:16px; min-width:180px; font-weight:400; color:rgb(134, 134, 134); background-color:#ffffff; border-color:#ffffff; ">
                        Snooze
                       </a>
                      </span>
                     </td>
                    </tr>
                   </table>
                  </div>
                 </div>
                </div>
                <div>
                 <span style="display: inline-block">
                  <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 in Slack
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                 <span style="display: inline-block">
                  <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:#ffffff; border:1px solid #8e8d8e; ">
                      <a class="button_link sm_full_width sm_border_box is_secondary" style="border-top:12px solid; border-bottom:12px solid; border-right:24px solid; border-left:24px solid; border-color:#ffffff; border-radius:4px; background-color:#ffffff; color:#1d1c1d; font-size:18px; line-height:18px; word-break:break-word;  display: inline-block; text-align: center; font-weight: 900; text-decoration: none !important;">
                       Reply
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                </div>
                <div style="margin-top: 60px">
                 <h3 style="font-size: 18px; margin: 0 0 8px; line-height: 18px;">
                  <a style="color: #1D1C1D; font-weight:900; margin-right: 8px; text-decoration: none;">
                   <span>
                    From #new-website-design
                   </span>
                  </a>
                 </h3>
                </div>
                <div style="padding: 18px 18px 8px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 14px">
                 <div style="margin: 0 0 10px; width: 100%; word-break: break-word; clear: left; font-size: 15px; line-height: 18px; color: #555549; min-height: 36px;">
                  <a>
                   <img src="https://inboxflows.com/_/image/https%253A%252F%252Fsecure.gravatar.com%252Favatar%252F367e5946e4f00492020aa62d19fe4f1b.jpg%253Fs%253D72%2526d%253Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0000-72.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzZWN1cmUuZ3JhdiJ9:1md6fM:G1ENMHXRLqmSlxSBROPrbqxNCICh14v4ZH3uvKrlzd0" style="float: left; margin-right: 8px; border-radius: 4px; display: inline-block; width: 36px; height: 36px;"/>
                  </a>
                  <div class="email-body" data-qa="email-body" style="padding-left: 44px;">
                   <a style="font-weight: bold; color: #1264a3; text-decoration: none; color: #1D1C1D; margin-right: 8px; text-decoration: none; font-weight: 900;">
                    James jonas
                   </a>
                   <a style="font-weight: normal; font-size: 12px; color: #717274; text-decoration: none;">
                    October 18th at 3:09 PM
                   </a>
                   <br/>
                   <div style="color: #1d1c1d">
                    <div class="tsf_output emoji_replace_on_load">
                     Ok now there are two people in here
                    </div>
                   </div>
                  </div>
                 </div>
                 <div style="margin: 0 0 10px; width: 100%; word-break: break-word; clear: left; font-size: 15px; line-height: 18px; color: #555549; min-height: 36px;">
                  <a>
                   <img src="https://inboxflows.com/_/image/https%253A%252F%252Fsecure.gravatar.com%252Favatar%252F367e5946e4f00492020aa62d19fe4f1b.jpg%253Fs%253D72%2526d%253Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0000-72.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzZWN1cmUuZ3JhdiJ9:1md6fM:G1ENMHXRLqmSlxSBROPrbqxNCICh14v4ZH3uvKrlzd0" style="float: left; margin-right: 8px; border-radius: 4px; display: inline-block; width: 36px; height: 36px;"/>
                  </a>
                  <div class="email-body" data-qa="email-body" style="padding-left: 44px;">
                   <a style="font-weight: bold; color: #1264a3; text-decoration: none; color: #1D1C1D; margin-right: 8px; text-decoration: none; font-weight: 900;">
                    James jonas
                   </a>
                   <a style="font-weight: normal; font-size: 12px; color: #717274; text-decoration: none;">
                    October 18th at 3:09 PM
                   </a>
                   <br/>
                   <div style="color: #1d1c1d">
                    <div class="tsf_output emoji_replace_on_load">
                     How do you like our new website logo?
                    </div>
                   </div>
                   <div>
                    <br/>
                    <a>
                     Image from iOS.png
                    </a>
                   </div>
                  </div>
                 </div>
                </div>
                <div>
                 <span style="display: inline-block">
                  <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 in Slack
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                 <span style="display: inline-block">
                  <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:#ffffff; border:1px solid #8e8d8e; ">
                      <a class="button_link sm_full_width sm_border_box is_secondary" style="border-top:12px solid; border-bottom:12px solid; border-right:24px solid; border-left:24px solid; border-color:#ffffff; border-radius:4px; background-color:#ffffff; color:#1d1c1d; font-size:18px; line-height:18px; word-break:break-word;  display: inline-block; text-align: center; font-weight: 900; text-decoration: none !important;">
                       Reply
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                </div>
                <div style="margin-top: 60px">
                 <h3 style="font-size: 18px; margin: 0 0 8px; line-height: 18px;">
                  <a style="color: #1D1C1D; font-weight:900; margin-right: 8px; text-decoration: none;">
                   <span>
                    From #general
                   </span>
                  </a>
                 </h3>
                </div>
                <div style="padding: 18px 18px 8px; border: 1px solid #DDDDDD; border-radius: 8px; margin-bottom: 14px">
                 <div style="margin: 0 0 10px; width: 100%; word-break: break-word; clear: left; font-size: 15px; line-height: 18px; color: #555549; min-height: 36px;">
                  <a>
                   <img src="https://inboxflows.com/_/image/https%253A%252F%252Fsecure.gravatar.com%252Favatar%252F367e5946e4f00492020aa62d19fe4f1b.jpg%253Fs%253D72%2526d%253Dhttps%253A%252F%252Fa.slack-edge.com%252Fdf10d%252Fimg%252Favatars%252Fava_0000-72.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZzZWN1cmUuZ3JhdiJ9:1md6fM:G1ENMHXRLqmSlxSBROPrbqxNCICh14v4ZH3uvKrlzd0" style="float: left; margin-right: 8px; border-radius: 4px; display: inline-block; width: 36px; height: 36px;"/>
                  </a>
                  <div class="email-body" data-qa="email-body" style="padding-left: 44px;">
                   <a style="font-weight: bold; color: #1264a3; text-decoration: none; color: #1D1C1D; margin-right: 8px; text-decoration: none; font-weight: 900;">
                    James jonas
                   </a>
                   <a style="font-weight: normal; font-size: 12px; color: #717274; text-decoration: none;">
                    October 18th at 3:15 PM
                   </a>
                   <br/>
                   <div style="color: #1d1c1d">
                    <div class="tsf_output emoji_replace_on_load">
                     Yo
                    </div>
                   </div>
                  </div>
                 </div>
                </div>
                <div>
                 <span style="display: inline-block">
                  <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 in Slack
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                 <span style="display: inline-block">
                  <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:#ffffff; border:1px solid #8e8d8e; ">
                      <a class="button_link sm_full_width sm_border_box is_secondary" style="border-top:12px solid; border-bottom:12px solid; border-right:24px solid; border-left:24px solid; border-color:#ffffff; border-radius:4px; background-color:#ffffff; color:#1d1c1d; font-size:18px; line-height:18px; word-break:break-word;  display: inline-block; text-align: center; font-weight: 900; text-decoration: none !important;">
                       Reply
                      </a>
                     </span>
                    </td>
                   </tr>
                  </table>
                 </span>
                </div>
               </div>
              </td>
             </tr>
            </table>
            <div style="margin-top: 40px">
             <table>
              <tr style="border-top:1px solid #e1e1e4; display:block">
               <td rowspan="0" style="width: 38px; padding-right: 15px;padding-top: 40px;">
                <img src="https://inboxflows.com/_/image/https%253A%252F%252Fa.slack-edge.com%252F28d2485%252Fimg%252Femail%252Fmanage_notifications_38x38.png/?inbox_flows_img_sig=eyJwYXRoIjoiaHR0cHMlM0ElMkYlMkZhLnNsYWNrLWVkZyJ9:1md6fM:xMu2D_eZHGUOqESu5CnPHyLOvTisIHGZ1GaaCyPoPug" 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;"/>
               </td>
               <td rowspan="1">
                <div class="snooze_wrapper" style="font-size: 15px;color: #1D1C1D;padding-top: 40px; max-width: 540px; margin: 0 auto;">
                 <strong>
                  Manage your notifications
                 </strong>
                 <div>
                  Snooze these email notifications for
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   an hour
                  </a>
                  ,
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   eight hours
                  </a>
                  ,
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   a day
                  </a>
                  ,
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   three days
                  </a>
                  , or
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   the next week
                  </a>
                  .
					Or,
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   turn email digests off
                  </a>
                  . For more detailed preferences,
                  <a style="font-weight: bold; color: #1264a3; text-decoration: none; font-weight: normal;">
                   see your account page
                  </a>
                  .
                 </div>
                </div>
               </td>
              </tr>
             </table>
            </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
                      <br/>
                      Email: 471e205b@uifeed.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:1md6fM:xMu2D_eZHGUOqESu5CnPHyLOvTisIHGZ1GaaCyPoPug" 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>