Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  
  <head>
    <!-- NAME: 1 COLUMN - BANDED -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>An Event Apart Digest, Issue 24</title>
    <style type="text/css">
      body,#bodyTable,#bodyCell{
      			height:100% !important;
      			margin:0;
      			padding:0;
      			width:100% !important;
      		}
      		table{
      			border-collapse:collapse;
      		}
      		img,a img{
      			border:0;
      			outline:none;
      			text-decoration:none;
      		}
      		h1,h2,h3,h4,h5,h6{
      			margin:0;
      			padding:0;
      		}
      		p{
      			margin:1em 0;
      			padding:0;
      		}
      		a{
      			word-wrap:break-word;
      		}
      		.mcnPreviewText{
      			display:none !important;
      		}
      		.ReadMsgBody{
      			width:100%;
      		}
      		.ExternalClass{
      			width:100%;
      		}
      		.ExternalClass,.ExternalClass p,.ExternalClass span,.ExternalClass font,.ExternalClass td,.ExternalClass div{
      			line-height:100%;
      		}
      		table,td{
      			mso-table-lspace:0pt;
      			mso-table-rspace:0pt;
      		}
      		#outlook a{
      			padding:0;
      		}
      		img{
      			-ms-interpolation-mode:bicubic;
      		}
      		body,table,td,p,a,li,blockquote{
      			-ms-text-size-adjust:100%;
      			-webkit-text-size-adjust:100%;
      		}
      		#bodyCell{
      			padding:0;
      		}
      		.mcnImage{
      			vertical-align:bottom;
      		}
      		.mcnTextContent img{
      			height:auto !important;
      		}
      		body,#bodyTable{
      			background-color:#f7f6f1;
      		}
      		#bodyCell{
      			border-top:0;
      		}
      		h1{
      			color:#444444 !important;
      			display:block;
      			font-family:Helvetica;
      			font-size:30px;
      			font-style:normal;
      			font-weight:bold;
      			line-height:125%;
      			letter-spacing:-1px;
      			margin:0;
      			text-align:left;
      		}
      		h2{
      			color:#404040 !important;
      			display:block;
      			font-family:Helvetica;
      			font-size:26px;
      			font-style:normal;
      			font-weight:bold;
      			line-height:125%;
      			letter-spacing:-.75px;
      			margin:0;
      			text-align:left;
      		}
      		h3{
      			color:#606060 !important;
      			display:block;
      			font-family:Helvetica;
      			font-size:18px;
      			font-style:normal;
      			font-weight:bold;
      			line-height:125%;
      			letter-spacing:-.5px;
      			margin:0;
      			text-align:left;
      		}
      		h4{
      			color:#808080 !important;
      			display:block;
      			font-family:Helvetica;
      			font-size:16px;
      			font-style:normal;
      			font-weight:bold;
      			line-height:125%;
      			letter-spacing:normal;
      			margin:0;
      			text-align:left;
      		}
      		#templatePreheader{
      			background-color:#1b0d1a;
      			border-top:0;
      			border-bottom:0;
      		}
      		.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
      			color:#cccccc;
      			font-family:Helvetica;
      			font-size:11px;
      			line-height:100%;
      			text-align:left;
      		}
      		.preheaderContainer .mcnTextContent a{
      			color:#ffffff;
      			font-weight:normal;
      			text-decoration:underline;
      		}
      		#templateHeader{
      			background-color:#f7f6f1;
      			border-top:0;
      			border-bottom:0;
      		}
      		.headerContainer .mcnTextContent,.headerContainer .mcnTextContent p{
      			color:#606060;
      			font-family:Helvetica;
      			font-size:15px;
      			line-height:150%;
      			text-align:left;
      		}
      		.headerContainer .mcnTextContent a{
      			color:#6DC6DD;
      			font-weight:normal;
      			text-decoration:underline;
      		}
      		#templateBody{
      			background-color:#f7f6f1;
      			border-top:0;
      			border-bottom:0;
      		}
      		.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
      			color:#333333;
      			font-family:Helvetica;
      			font-size:14px;
      			line-height:150%;
      			text-align:left;
      		}
      		.bodyContainer .mcnTextContent a{
      			color:#ff3300;
      			font-weight:normal;
      			text-decoration:underline;
      		}
      		#templateFooter{
      			background-color:#1b0d1a;
      			border-top:0;
      			border-bottom:0;
      		}
      		.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
      			color:#cccccc;
      			font-family:Helvetica;
      			font-size:11px;
      			line-height:125%;
      			text-align:left;
      		}
      		.footerContainer .mcnTextContent a{
      			color:#eeeeee;
      			font-weight:normal;
      			text-decoration:underline;
      		}
      	@media only screen and (max-width: 480px){
      		body,table,td,p,a,li,blockquote{
      			-webkit-text-size-adjust:none !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		body{
      			width:100% !important;
      			min-width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnTextContentContainer]{
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		.mcnBoxedTextContentContainer{
      			max-width:100% !important;
      			min-width:100% !important;
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcpreview-image-uploader]{
      			width:100% !important;
      			display:none !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		img[class=mcnImage]{
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnImageGroupContentContainer]{
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageGroupContent]{
      			padding:9px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageGroupBlockInner]{
      			padding-bottom:0 !important;
      			padding-top:0 !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		tbody[class=mcnImageGroupBlockOuter]{
      			padding-bottom:9px !important;
      			padding-top:9px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnCaptionTopContent],table[class=mcnCaptionBottomContent]{
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnCaptionLeftTextContentContainer],table[class=mcnCaptionRightTextContentContainer],table[class=mcnCaptionLeftImageContentContainer],table[class=mcnCaptionRightImageContentContainer],table[class=mcnImageCardLeftTextContentContainer],table[class=mcnImageCardRightTextContentContainer]{
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
      			padding-right:18px !important;
      			padding-left:18px !important;
      			padding-bottom:0 !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardBottomImageContent]{
      			padding-bottom:9px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardTopImageContent]{
      			padding-top:18px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardLeftImageContent],td[class=mcnImageCardRightImageContent]{
      			padding-right:18px !important;
      			padding-left:18px !important;
      			padding-bottom:0 !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardBottomImageContent]{
      			padding-bottom:9px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnImageCardTopImageContent]{
      			padding-top:18px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnCaptionLeftContentOuter] td[class=mcnTextContent],table[class=mcnCaptionRightContentOuter] td[class=mcnTextContent]{
      			padding-top:9px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnCaptionBlockInner] table[class=mcnCaptionTopContent]:last-child td[class=mcnTextContent]{
      			padding-top:18px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnBoxedTextContentColumn]{
      			padding-left:18px !important;
      			padding-right:18px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=mcnTextContent]{
      			padding-right:18px !important;
      			padding-left:18px !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=templateContainer]{
      			max-width:600px !important;
      			width:100% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		h1{
      			font-size:18px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		h2{
      			font-size:20px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		h3{
      			font-size:18px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		h4{
      			font-size:16px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[class=mcnBoxedTextContentContainer] td[class=mcnTextContent],td[class=mcnBoxedTextContentContainer] td[class=mcnTextContent] p{
      			font-size:16px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		table[id=templatePreheader]{
      			display:block !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=preheaderContainer] td[class=mcnTextContent],td[class=preheaderContainer] td[class=mcnTextContent] p{
      			font-size:14px !important;
      			line-height:115% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=headerContainer] td[class=mcnTextContent],td[class=headerContainer] td[class=mcnTextContent] p{
      			font-size:18px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=bodyContainer] td[class=mcnTextContent],td[class=bodyContainer] td[class=mcnTextContent] p{
      			font-size:16px !important;
      			line-height:125% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=footerContainer] td[class=mcnTextContent],td[class=footerContainer] td[class=mcnTextContent] p{
      			font-size:14px !important;
      			line-height:115% !important;
      		}
      
      }	@media only screen and (max-width: 480px){
      		td[class=footerContainer] a[class=utilityLink]{
      			display:block !important;
      		}
      
      }
    </style>
  </head>
  
  <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0"
  style="margin: 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;height: 100% !important;width: 100% !important;">
    <!-- -->
    <center>
      <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%"
      width="100%" id="bodyTable" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;background-color: #f7f6f1;height: 100% !important;width: 100% !important;">
        <tr>
          <td align="center" valign="top" id="bodyCell" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;margin: 0;padding: 0;border-top: 0;height: 100% !important;width: 100% !important;">
            <!-- BEGIN TEMPLATE // -->
            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
              <tr>
                <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                  <!-- BEGIN PREHEADER // -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templatePreheader"
                  style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #1b0d1a;border-top: 0;border-bottom: 0;">
                    <tr>
                      <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                        <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
                        style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                          <tr>
                            <td valign="top" class="preheaderContainer" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table align="left" border="0" cellpadding="0" cellspacing="0" width="366" class="mcnTextContentContainer"
                                      style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td valign="top" class="mcnTextContent" style="padding-top: 9px;padding-left: 18px;padding-bottom: 9px;padding-right: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 100%;text-align: left;">News and notes from An Event Apart.</td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <table align="right" border="0" cellpadding="0" cellspacing="0" width="197" class="mcnTextContentContainer"
                                      style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td valign="top" class="mcnTextContent" style="padding-top: 9px;padding-right: 18px;padding-bottom: 9px;padding-left: 0;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 100%;text-align: left;">
                                              <a href="http://mailchi.mp/aneventapart/gn0s4pvi9z-476857?e=085e077f10" target="_blank"
                                              style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ffffff;font-weight: normal;text-decoration: underline;">View this email in your browser</a>
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                  <!-- // END PREHEADER -->
                </td>
              </tr>
              <tr>
                <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                  <!-- BEGIN HEADER // -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader"
                  style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;border-top: 0;border-bottom: 0;">
                    <tr>
                      <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                        <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
                        style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                          <tr>
                            <td valign="top" class="headerContainer" style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnImageBlockOuter">
                                  <tr>
                                    <td valign="top" style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                    class="mcnImageBlockInner">
                                      <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
                                      style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td class="mcnImageContent" valign="top" style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                              <img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/5a4809ca-a17f-482a-8fa3-d7495f21b988.png"
                                              width="600" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                              class="mcnImage">
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                  <!-- // END HEADER -->
                </td>
              </tr>
              <tr>
                <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                  <!-- BEGIN BODY // -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody"
                  style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: #f7f6f1;border-top: 0;border-bottom: 0;">
                    <tr>
                      <td align="center" valign="top" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                        <table border="0" cellpadding="0" cellspacing="0" width="600" class="templateContainer"
                        style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                          <tr>
                            <td valign="top" class="bodyContainer" style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <!--[if mso]>
                                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                                          <tr>
                                          <![endif]-->
                                          <!--[if mso]>
                                            <td valign="top" width="600" style="width:600px;">
                                            <![endif]-->
                                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                            width="100%" class="mcnTextContentContainer">
                                              <tbody>
                                                <tr>
                                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">In the United States, the Thanksgiving holiday is right around the corner. Wherever
                                                      you live, we’re thankful for you, the web community.</p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">To show our thanks, we present a curated cornucopia of tips, links, and reads.
                                                      This time: another look at the tools that pros like you use. The wrap-up on our
                                                      2017 design and development survey. And not one but <em>two</em> exclusive, 60-minute
                                                      videos.</p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">The <em>Digest</em> comes from
                                                      <a href="https://aneventapart.com/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">An Event Apart</a>, the leading design and front-end conference for web, UX, and
                                                      interaction designers. It’s our way to stay in touch, to share articles and ideas,
                                                      and to remind you that AEA is <em>the</em> place to escape the grind and spend a
                                                      few days sharpening your skills.</p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Let’s dig in! And as always, if you wish to unsubscribe, you’ll find instructions
                                                      for doing so at the end of this email.</p>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <!--[if mso]>
                                            </td>
                                          <![endif]-->
                                          <!--[if mso]>
                                          </tr>
                                        </table>
                                      <![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnDividerBlockOuter">
                                  <tr>
                                    <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
                                      style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>

                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnImageBlockOuter">
                                  <tr>
                                    <td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                    class="mcnImageBlockInner">
                                      <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
                                      style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                              <img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/ca68943b-479c-45d7-808a-9e8f44011208.jpg"
                                              width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                              class="mcnImage">
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <!--[if mso]>
                                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                                          <tr>
                                          <![endif]-->
                                          <!--[if mso]>
                                            <td valign="top" width="600" style="width:600px;">
                                            <![endif]-->
                                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                            width="100%" class="mcnTextContentContainer">
                                              <tbody>
                                                <tr>
                                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                     <h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;"><strong>The Tools We Use</strong></h1>

                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">For our first course, we present more excerpts from our new <em>The Tools I Use</em> series
                                                      of articles on the AEA website. These excerpts feature our friends and frequent
                                                      AEA speakers
                                                      <a href="https://aneventapart.com/speakers/jaimee-newberry" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Jaimee Newberry</a> and
                                                      <a href="https://aneventapart.com/speakers/dan-mall" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Dan&nbsp;Mall</a>.</p>
                                                    
<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align: left;color: #606060 !important;"><strong>Jaimee Newberry</strong></h3>

                                                    <blockquote style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="https://trello.com/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Trello</strong></a><strong>: </strong>My company uses Trello to track our product flow from processing,
                                                        through production, to shipping and any little nuances in-between. It’s a lifesaver
                                                        and keeps us super organized. We also use a separate board for individual team
                                                        to-dos, priorities, and “things to do if there’s nothing to do” lists. I have a
                                                        personal Trello board to keep master lists of things I need to do.</p>
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="https://en.wikipedia.org/wiki/ICal" target="_blank" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Calendar</strong></a><strong>: </strong>I know, I know. But it’s the one that works best for me! Appointments
                                                        and whatnot, it all goes in here.</p>
                                                    </blockquote>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Jaimee also relies on a pocket-sized Moleskine notebook and the 1Password password-management
                                                      utility.
                                                      <a href="https://aneventapart.com/news/post/jaimee-newberry-the-tools-i-use"
                                                      style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Read the details</a> on the AEA site.</p>
                                                    
<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align: left;color: #606060 !important;"><strong>Dan Mall</strong></h3>

                                                    <blockquote style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="https://caffeine.en.softonic.com/mac" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Caffeine</strong></a><strong>: </strong>Keeps my Mac from going to sleep. Sometimes I’ll be teaching
                                                        something and screen-sharing and we’ll launch into a discussion and my Mac will
                                                        fall asleep. Because I have my password set all the time, it just saves me the
                                                        annoying 2 seconds of having to re-log in and have displays wake up and all of
                                                        that.</p>
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="http://mizage.com/divvy/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Divvy</strong></a><strong>: </strong>Quickly and easily resizes and repositions application windows.</p>
                                                      <p
                                                      style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="http://dustinsenos.com/littleIpsum" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Little Ipsum</strong></a><strong>: </strong>A quick placeholder copy generator.</p>
                                                    </blockquote>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Dan also wouldn’t be caught without other handy utilities for picking colors,
                                                      muting his computer’s mic from the keyboard, and keeping his desktop and menu bar
                                                      clean.
                                                      <a href="https://aneventapart.com/news/post/dan-mall-the-tools-i-use" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Read all about them</a>.</p>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <!--[if mso]>
                                            </td>
                                          <![endif]-->
                                          <!--[if mso]>
                                          </tr>
                                        </table>
                                      <![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnDividerBlockOuter">
                                  <tr>
                                    <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
                                      style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>

                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnImageBlockOuter">
                                  <tr>
                                    <td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                    class="mcnImageBlockInner">
                                      <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
                                      style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                              <img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/8d8e646a-2ea1-4722-a36e-e00622db72ae.jpg"
                                              width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                              class="mcnImage">
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <!--[if mso]>
                                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                                          <tr>
                                          <![endif]-->
                                          <!--[if mso]>
                                            <td valign="top" width="600" style="width:600px;">
                                            <![endif]-->
                                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                            width="100%" class="mcnTextContentContainer">
                                              <tbody>
                                                <tr>
                                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                     <h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;">Design &amp; Development Tools of the Trade:<br>
Your Answers to the AEA Survey</h1>

                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Over the years, we’ve surveyed our community several times about the state of
                                                      our industry (in
                                                      <a href="https://alistapart.com/article/2007surveyresults" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2007</a>, in
                                                      <a href="https://alistapart.com/article/findings" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2008</a>, and again in
                                                      <a href="https://alistapart.com/article/survey2011" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">2011</a>).</p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">This year, we were back to our curious ways. We surveyed our social media followers
                                                      about the tools they use and more. We’ve published the results in three articles.
                                                      If you’ve missed them, here are short recaps and links to deeper dives in our site.</p>
                                                    <p
                                                    style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                      <a href="https://aneventapart.com/news/post/design-and-development-tools-of-the-trade"
                                                      style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>The big picture</strong></a><strong>.</strong> Most respondents said they focus on a mix of design and development.
                                                      Three quarters use macOS computers—which seems like a lot but is less lopsided
                                                      than in previous surveys. For design tools, Photoshop was tied with pen and paper
                                                      (which makes us happy), with Illustrator, Sketch, InDesign, and other tools rounding
                                                      out the results. For coding, GitHub unsurprisingly rated highly as the most widely
                                                      adopted tool—followed by Sublime Text and others. For team collaboration, Slack
                                                      ran away with the top spot.</p>
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="https://aneventapart.com/news/post/aea-survey-results-development-tools-of-the-trade"
                                                        style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Development tools</strong></a><strong>. </strong>As noted above, GitHub was the most frequently used development
                                                        tool. But Sublime Text was the tool our respondents said was the most essential
                                                        to them. As for platforms, the macOS was the choice of 82 percent of developer
                                                        respondents. And again, for teamwork, Slack was a clear favorite over email and
                                                        other tools.</p>
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                        <a href="https://aneventapart.com/news/post/design-tools-of-the-trade" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><strong>Design tools</strong></a><strong>. </strong>Our friends at Dunder-Mifflin Paper will be happy to know that
                                                        dead trees were our respondents’ favorite prototyping tool, and they tied with
                                                        Photoshop for most popular design tool. Slack again was by far the most popular
                                                        collaboration tool. And we were flattered that <em>A List Apart</em> was our respondents’
                                                        favorite source of information.</p>
                                                      <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Our Development and Design articles also contain more details, including some
                                                        quotes from respondents and an interview with one of them.</p>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <!--[if mso]>
                                            </td>
                                          <![endif]-->
                                          <!--[if mso]>
                                          </tr>
                                        </table>
                                      <![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnDividerBlockOuter">
                                  <tr>
                                    <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
                                      style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>

                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <!--[if mso]>
                                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                                          <tr>
                                          <![endif]-->
                                          <!--[if mso]>
                                            <td valign="top" width="600" style="width:600px;">
                                            <![endif]-->
                                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                            width="100%" class="mcnTextContentContainer">
                                              <tbody>
                                                <tr>
                                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                     <h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;"><img align="none" height="96" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/76614d6d-ecca-4e4a-9752-db55d8e51dfd.png" style="width: 124px;height: 96px;margin: 0px;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;" width="124"><br>
<strong>Quick Clicks</strong></h1>

                                                    <ul>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="https://github.com/mbeaudru/modern-js-cheatsheet" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">This document is a cheat sheet for the JavaScript</a> you will frequently encounter
                                                          in modern projects and most contemporary sample code.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Need to disable autoplay videos in Chrome?
                                                          <a href="https://twitter.com/robotech_master/status/915106702923583488"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Chris Meadows with the 411</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Did you know turning off list styling with CSS can create accessibility problems?&nbsp;
                                                          <a
                                                          href="https://unfetteredthoughts.net/2017/09/26/voiceover-and-list-style-type-none/"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Find out how to nullify them</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Travel site trivago went from being inaccessible to being more accessible, thanks
                                                          largely to a small group of devs.
                                                          <a href="http://tech.trivago.com/2017/09/26/accessibility-at-trivago/"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Get a feel for their journey</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="http://inclusivedesignprinciples.org/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">A lovely resource on designing by putting people first</a>, which includes (but
                                                          is by no means limited to) accessibility.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">An incredibly beautiful and meditative experience that requires side arrow keys,
                                                          a space bar, and
                                                          <a href="https://alexanderperrin.com.au/paper/shorttrip/" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">a few minutes of your time</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">They’re here! They’re variable! Variable fonts, that is. They’re coming to Photoshop
                                                          (
                                                          <a href="https://www.youtube.com/watch?time_continue=1&v=ch8neQEPuIA" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Adobe video</a>). They’re coming to the web—
                                                          <a href="https://alistapart.com/blog/post/variable-fonts-for-responsive-design"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Variable Fonts for Responsive Design</a> (Nick Sherman, 2015). But what are variable
                                                          fonts, anyway? Only
                                                          <a href="http://typographica.org/on-typography/variable-fonts/"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">the future of (web) type</a>, and just <strong>one</strong> of the topics to be
                                                          presented at AEA in 2018.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="https://www.uxpin.com/studio/ebooks/white-space-web-ui-design-ratios-minimalism/"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;"><em>Zen of White Space in Web UI Design: Space, Ratios, Minimalism</em></a> is a free book from UXPin. It covers active and passive white space, with 14 examples
                                                          of white space best practices and a list of type tools and grid generators to help
                                                          you master spatial design. Provide your email address and answer one question to
                                                          get the book free.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="https://medium.muz.li/typography-that-sacred-cow-ea7a5909ca70" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">A five-minute guide to better typography</a> is just what it says. Bookmark it.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">UX happens whether we design it intentionally or not, says Laura Klein, on the
                                                          <a
                                                          href="https://userdefenders.com/podcast/043-making-new-designers-with-laura-klein/"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">User Defenders podcast</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939"
                                                          style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Writing CSS with Accessibility in Mind</a>.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">On Codepen: <a href="https://codepen.io/davvidbaker/pen/KXgPyG" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">iPhone Notch Scroll 2</a>, a pen by David Baker, comically reinvents the scroll
                                                          to compensate for the dreaded notch in Apple’s iPhone X.</p>
                                                      </li>
                                                      <li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                        <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                          <a href="https://www.readvisions.com/marvin#get-the-font" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Marvin Visions</a>, a modern reinterpretation of Marvin, the sci-fi font designed
                                                          by Michael Have in 1969, has been revived by Mathieu Triay. The bold weight is
                                                          free to download for personal use, or available for commercial projects for £10
                                                          (about $14).</p>
                                                      </li>
                                                    </ul>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <!--[if mso]>
                                            </td>
                                          <![endif]-->
                                          <!--[if mso]>
                                          </tr>
                                        </table>
                                      <![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnDividerBlockOuter">
                                  <tr>
                                    <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
                                      style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>

                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnImageBlockOuter">
                                  <tr>
                                    <td valign="top" style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                    class="mcnImageBlockInner">
                                      <table align="left" width="100%" border="0" cellpadding="0" cellspacing="0" class="mcnImageContentContainer"
                                      style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td class="mcnImageContent" valign="top" style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                              <img align="center" alt="" src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/20aa31a7-e429-4a78-a967-f3cc2277e8ca.jpg"
                                              width="564" style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align: bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"
                                              class="mcnImage">
                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnTextBlockOuter">
                                  <tr>
                                    <td valign="top" class="mcnTextBlockInner" style="padding-top: 9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <!--[if mso]>
                                        <table align="left" border="0" cellspacing="0" cellpadding="0" width="100%" style="width:100%;">
                                          <tr>
                                          <![endif]-->
                                          <!--[if mso]>
                                            <td valign="top" width="600" style="width:600px;">
                                            <![endif]-->
                                            <table align="left" border="0" cellpadding="0" cellspacing="0" style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                            width="100%" class="mcnTextContentContainer">
                                              <tbody>
                                                <tr>
                                                  <td valign="top" class="mcnTextContent" style="padding-top: 0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                     <h1 style="text-align: center;margin-bottom: 0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444 !important;">“Extreme Design” and “The Physical Interface”: An exclusive double feature</h1>

                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;"><em>Each month, exclusively for you, dear AEA Digest subscriber, we share a 60-minute video before unlocking it for the rest of the planet. This month, in the spirit of Thanksgiving indulgence, we’re sharing two.</em>
                                                    </p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                      <a href="https://vimeo.com/236448060" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">Extreme Design</a>. The first video features accessibility expert Derek Featherstone’s
                                                      session, <em>Extreme Design</em>, from
                                                      <a href="https://aneventapart.com/event/orlando-special-edition-2016"
                                                      style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">An Event Apart Orlando: Special Edition 2016</a>. Derek&nbsp;explores multiple
                                                      methods of “extremifying” your website designs—stressing them in ways they haven’t
                                                      been stressed before—to illuminate opportunities for innovation, efficiency, and
                                                      excellence that lead to great user experiences for everyone.</p>
                                                    <p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">
                                                      <a href="https://vimeo.com/236479523" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">The Physical Interface</a>. In the second video, from the same event, we hear
                                                      from Josh Clark, author of <em>Designing for Touch. </em>In this session, Josh explores
                                                      the practical, meaningful design opportunities for the web’s newly physical interfaces.</p>
                                                    <p
                                                    style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align: left;">Use the links above to watch the videos— when prompted, enter the secret password: <strong>aearocks</strong>.
                                                      When you’re done, enjoy all the free
                                                      <a href="https://aneventapart.com/news/videos"
                                                      style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration: underline;">videos</a> in An Event Apart’s library.</p>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                            <!--[if mso]>
                                            </td>
                                          <![endif]-->
                                          <!--[if mso]>
                                          </tr>
                                        </table>
                                      <![endif]-->
                                    </td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <tbody class="mcnDividerBlockOuter">
                                  <tr>
                                    <td class="mcnDividerBlockInner" style="min-width: 100%;padding: 32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
                                      style="min-width: 100%;border-top-width: 1px;border-top-style: dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <tbody>
                                          <tr>
                                            <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"> <span></span>

                                            </td>
                                          </tr>
                                        </tbody>
                                      </table>
                                      <!-- <td class="mcnDividerBlockInner" style="padding: 18px;">
                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
--></td>
                                  </tr>
                                </tbody>
                              </table>
                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnBoxedTextBlock"
                              style="min-width: 100%;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                <!--[if gte mso 9]>
                                  <table align="center" border="0" cellspacing="0" cellpadding="0" width="100%">
                                  <![endif]-->
                                  <tbody class="mcnBoxedTextBlockOuter">
                                    <tr>
                                      <td valign="top" class="mcnBoxedTextBlockInner" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                        <!--[if gte mso 9]>
                                          <td align="center" valign="top" ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " class="mcnBoxedTextContentContainer ">
                    <tbody><tr>

                        <td style="padding-top: 9px;padding-left: 18px;padding-bottom:
                                          9px;padding-right: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">

                            <table border="0 " cellspacing="0 " class="mcnTextContentContainer
                                          " width="100% " style="min-width: 100% !important;background-color: #FFFFFF;border: 1px
                                          none #A33535;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                                <tbody><tr>
                                    <td valign="top " class="mcnTextContent
                                          " style="padding: 18px;line-height: 150%;text-align: left;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #333333;font-family:
                                          Helvetica;font-size: 14px; ">
                                        <div style="margin-bottom: 0.5em
                                          "><span style="font-size:20px "><span style="color:#808080 "><span style="font-size:14px "><strong>RECENTLY ON TWITTER</strong></span></span></span></div>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><img alt="🔥 " aria-label="Emoji: Fire " draggable="false " height="24
                                          " src="https://abs.twimg.com/emoji/v2/72x72/1f525.png " style="border: 0px;width: 24px;height:
                                          24px;margin: 0px;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
                                          " title="Fire " width="24 "> <span style="font-size:21px
                                          ">react-a11y-dialog v3 is now built on top of React portals and works seamlessly with React 16: <a data-expanded-url="https://github.com/HugoGiraudel/react-a11y-dialog " dir="ltr " href="https://github.com/HugoGiraudel/react-a11y-dialog
                                          " rel="nofollow noopener " target="_blank " title="https://github.com/HugoGiraudel/react-a11y-dialog
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; ">https://github.com/HugoGiraudel/react-a11y-dialog&nbsp;…</a>. Enjoy it!</span><br>
<br>
<strong><a href="https://twitter.com/HugoGiraudel/ " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; "><span style="font-size:20px "><img align="none " data-file-id="1697
                                          " height="72 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/f038c912-9e4e-41f0-b6d5-0d0b3f92a4e6.jpg
                                          " style="border: 0px;width: 72px;height: 72px;float: left;margin: 0px;outline: none;text-decoration:
                                          none;-ms-interpolation-mode: bicubic; " width="72
                                          "></span></a></strong><font face="arial, helvetica neue, helvetica, sans-serif "><span style="font-size:21px
                                          ">&nbsp;</span></font><span style="font-size:21px "><strong>Hugo Giraudel</strong></span><br>
&nbsp; <a href="https://twitter.com/HugoGiraudel/ " target="_blank " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">@HugoGiraudel</a>&nbsp;·&nbsp;<a href="https://twitter.com/HugoGiraudel/status/920289168370085888
                                          " target="_blank " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #ff3300;font-weight: normal;text-decoration: underline; ">17 Oct 2017</a></p>

                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>
				<!--[if gte mso 9]>
				</td>
				<![endif]-->

				<!--[if gte mso 9]>
                </tr>
                </table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="min-width: 100%;padding:
                                          32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
                                          dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
<!--
                <td class="mcnDividerBlockInner " style="padding: 18px; ">
                <hr class="mcnDividerContent " style="border-bottom-color:none;
                                          border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
                                          border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding:
                                          0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
                                          14px;text-align: left; ">

                            <div style="text-align: center; margin-bottom: 0.5em;
                                          "><span style="font-size:32px; line-height:1.25em; text-align:center "><span style="font-family:georgia,times,times
                                          new roman,serif "><img align="center " height="42 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/cc457817-c26d-4003-b971-b7ddcd0c505e.png
                                          " style="width: 60px;height: 42px;margin: 0px 0px 16px;border: 0;outline: none;text-decoration:
                                          none;-ms-interpolation-mode: bicubic; " width="60 "></span></span>

<h1 style="text-align: center;font-weight: normal;font-style: italic;margin:
                                          0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;line-height:
                                          125%;letter-spacing: -1px;color: #444444 !important; "><span style="font-family:georgia,times,times
                                          new roman,serif ">It feels awesome to get outside my everyday CS job and plumb the new corners of digital design.</span></h1>

<p style="text-align: center;margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%; "><strong>Tyler Womack</strong> • Facebook, Content Strategist</p>
</div>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="min-width: 100%;padding:
                                          32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
                                          dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
<!--
                <td class="mcnDividerBlockInner " style="padding: 18px; ">
                <hr class="mcnDividerContent " style="border-bottom-color:none;
                                          border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
                                          border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnImageBlockOuter ">
            <tr>
                <td valign="top " style="padding: 9px;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
                    <table align="left " width="100% " border="0
                                          " cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
                                          collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                        <tbody><tr>
                            <td class="mcnImageContent " valign="top
                                          " style="padding-right: 9px;padding-left: 9px;padding-top: 0;padding-bottom: 0;text-align:
                                          center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">


                                        <img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/89c92bfc-777b-4e4a-89ae-79bb1c357631.png
                                          " width="564 " style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align:
                                          bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
                                          " class="mcnImage ">


                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding:
                                          0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
                                          14px;text-align: left; ">

                            <h1 style="text-align: center;margin-bottom: 1em;margin:
                                          0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
                                          normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
                                          !important; "><strong>What’s happening at AEA</strong></h1>

<h3 style="margin: 0;padding: 0;display: block;font-family: Helvetica;font-size:
                                          18px;font-style: normal;font-weight: bold;line-height: 125%;letter-spacing: -.5px;text-align:
                                          left;color: #606060 !important; "><br>
The An Event Apart’s 2018 Schedule</h3>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">We’re delighted to announce our 2018 conference schedule of events as well as some exciting changes.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">First, the wheres and whens:</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/seattle-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">Seattle</a>: Special Edition, April 2–4</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/boston-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">Boston</a>:&nbsp;June 25–27</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/washington-dc-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">Washington, DC</a>: Special Edition, July 30–August 1</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/chicago-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">Chicago</a>:&nbsp;August 27–29</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/orlando-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">Orlando</a>: Special Edition, October 8–10</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><a href="https://aneventapart.com/event/san-francisco-2018 " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; ">San Francisco</a>: December 10–12</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><strong>One-day tickets. </strong>For the first time ever, we’re&nbsp;offering one-day tickets. If you can only join us on a Monday, or if Everything You Need to Know™ happens on a Tuesday, we can accommodate.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><strong>More three-day events. </strong>Our Special Edition conferences have been hugely popular, so we’re doing three of them in 2018: Seattle, DC, and Orlando. Each one features 18 speakers over three days. And yes, you can choose which days you want to attend: one, two, or all three.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; "><strong>New digs. </strong>Some news for our&nbsp;<a href="https://aneventapart.com/event/seattle-2018
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline;
                                          ">Seattle</a>,&nbsp;<a href="https://aneventapart.com/event/boston-2018 " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; ">Boston</a>, and&nbsp;<a href="https://aneventapart.com/event/washington-dc-2018
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; ">DC</a>&nbsp;friends: we’ve changed venues.&nbsp;In Seattle, we’re moving to the Westin in downtown Seattle, giving us more room <em>and&nbsp;</em>a special room rate. Our&nbsp;Boston event&nbsp;is moving to the Boston Renaissance Waterfront, giving us all a new neighborhood to explore. And for&nbsp;Washington DC, we’re taking up residence at the Sheraton Pentagon City, overlooking the Pentagon and the nation’s capital.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">We hope to be Apart together in 2018!</p>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="min-width: 100%;padding:
                                          32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
                                          dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
<!--
                <td class="mcnDividerBlockInner " style="padding: 18px; ">
                <hr class="mcnDividerContent " style="border-bottom-color:none;
                                          border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
                                          border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding:
                                          0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
                                          14px;text-align: left; ">

                            <h1 style="text-align: center;margin-bottom: 0.5em;margin:
                                          0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
                                          normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
                                          !important; "><strong><a href="https://www.typenetwork.com/ " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline; "><img align="none " data-file-id="1641
                                          " height="73 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/54274b78-b18d-48ba-ac54-8128ed6124ef.png
                                          " style="border: 0px;width: 409px;height: 73px;margin: 0px 0px 1em;outline: none;text-decoration:
                                          none;-ms-interpolation-mode: bicubic; " width="409 "></a><br>
Thank You to Type Network</strong></h1>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">Type Network is a growing coalition of independent type designers and foundries from around the world. They’ve sponsored our Monday night happy hour gatherings at every AEA this year, providing munchies and beverages—including their signature drink, The Ink Trap: a tasty blend of dark rum and ginger beer.&nbsp;</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">If you’re joining us at our <a href="https://aneventapart.com/event/denver-2017
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline;
                                          ">Denver Special Edition</a> event in December, be sure to attend our happy hour after the last session on Monday. Mingle with speakers and fellow attendees as well as Type Network team members. And don’t forget to stop by their table during the conference to say hello&nbsp;and check-out their <a href="https://store.typenetwork.com/fonts/ " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; ">incredible font collection</a>.</p>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="min-width: 100%;padding:
                                          32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
                                          dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
<!--
                <td class="mcnDividerBlockInner " style="padding: 18px; ">
                <hr class="mcnDividerContent " style="border-bottom-color:none;
                                          border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
                                          border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnImageBlockOuter ">
            <tr>
                <td valign="top " style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
                    <table align="left " width="100% " border="0
                                          " cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
                                          collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                        <tbody><tr>
                            <td class="mcnImageContent " valign="top
                                          " style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align:
                                          center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">

                                    <a href="https://alistapart.com " title="
                                          " class=" " target="_blank " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                                        <img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/4f54e9b2-fb49-4d4f-b4b1-ea582dad3844.png
                                          " width="240.5 " style="max-width: 481px;padding-bottom: 0;display: inline !important;vertical-align:
                                          bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
                                          " class="mcnImage ">
                                    </a>

                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding-top:
                                          0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">

                            <h1 style="text-align: center;margin-top: 1em;margin-bottom:
                                          0.5em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
                                          normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
                                          !important; "><strong>An Event Apart and A List Apart team up</strong></h1>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">Many of you know our sister publication, <a href="https://alistapart.com/
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; "><em>A List Apart</em></a><em>&nbsp;</em>“for people who make websites.” Since 1998, A List Apart has explored the design, development, and meaning of web content, with a special focus on forward-looking web standards and emerging best practices. If that sounds familiar, it’s because AEA shares a common educational mission, deeply rooted in the history of web design.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">Now, An Event Apart and A List Apart are teaming up to bring you more great web content from the convenience of your favorite newsletter. Each month in <em>An Event Apart Digest</em>, <em>A List Apart’s</em> editors will select an article AEA followers shouldn’t miss.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">This month’s article:</p>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnImageBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnImageBlockOuter ">
            <tr>
                <td valign="top " style="padding: 0px;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; " class="mcnImageBlockInner ">
                    <table align="left " width="100% " border="0
                                          " cellpadding="0 " cellspacing="0 " class="mcnImageContentContainer " style="min-width: 100%;border-collapse:
                                          collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                        <tbody><tr>
                            <td class="mcnImageContent " valign="top
                                          " style="padding-right: 0px;padding-left: 0px;padding-top: 0;padding-bottom: 0;text-align:
                                          center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">

                                    <a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
                                          " title=" " class=" " target="_blank " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                                        <img align="center " alt=" " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/9aecbb3e-c7ae-4f12-9c50-b996a97eea5a.jpg
                                          " width="564 " style="max-width: 1128px;padding-bottom: 0;display: inline !important;vertical-align:
                                          bottom;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;
                                          " class="mcnImage ">
                                    </a>

                            </td>
                        </tr>
                    </tbody></table>
                </td>
            </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding-top:
                                          0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">

                            <h3 style="line-height: 20.8px;font-weight: normal;margin-top:
                                          1em;margin: 0;padding: 0;display: block;font-family: Helvetica;font-size: 18px;font-style:
                                          normal;letter-spacing: -.5px;text-align: left;color: #606060 !important;
                                          "><a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; "><strong>Yes, That Web Project Should Be A PWA</strong></a> by Aaron Gustafson</h3>

<p style="line-height: 20.8px;margin: 1em 0;padding: 0;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
                                          14px;text-align: left; "><em>A Progressive Web App (PWA) is a website with special powers. Despite what you might have heard, most websites—and, more importantly, their readers—can benefit from becoming PWAs. And it’s so easy! An Event Apart speaker (and new A List Apart editor-in-chief) Aaron Gustafson explains.</em></p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">It seems like ever since&nbsp;<a href="https://fberriman.com/ " style="word-wrap:
                                          break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight:
                                          normal;text-decoration: underline;
                                          ">Frances Berriman</a>&nbsp;coined the term “Progressive Web App” in an effort to describe a new class of website, there’s been a great deal of confusion over exactly what a Progressive Web App (PWA) is. Sure, her husband, Alex Russell, put together a handy guide to the&nbsp;<a href="https://medium.com/@slightlylate/progressive-apps-escaping-tabs-without-losing-our-soul-3b93a8561955
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; ">characteristics of a PWA</a>, and they have been the subject of reams of documentation, dozens of blog posts, and equally as many conference talks.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left;
                                          ">Even with so much well-written, accessible content about PWAs freely available,&nbsp;<a href="https://news.ycombinator.com/item?id=14752542 " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; ">misinformation abounds</a>. Maybe you’ve run into one or more of these:</p>

<ul>
	<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">If you’re building a PWA, you need to use a JavaScript framework.</li>
	<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">To build a PWA, start with a single page app.</li>
	<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs only make sense for “apps” your users want to install.</li>
	<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs only make sense in mobile.</li>
	<li style="-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">PWAs are an Android thing.</li>
</ul>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">None of these are true, but like so much misinformation these days, each contains a shred of truth that has been contorted into a falsehood.&nbsp;</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">Continue reading on <a href="https://aneventapart.com/news/post/yes-that-web-project-should-be-a-pwa
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #ff3300;font-weight: normal;text-decoration: underline; ">aneventapart.com</a>…</p>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="min-width: 100%;padding:
                                          32px 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="min-width: 100%;border-top-width: 1px;border-top-style:
                                          dotted;border-top-color: #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
<!--
                <td class="mcnDividerBlockInner " style="padding: 18px; ">
                <hr class="mcnDividerContent " style="border-bottom-color:none;
                                          border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0;
                                          border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0; " />
-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding:
                                          0px 18px 9px;line-height: 200%;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #333333;font-family: Helvetica;font-size:
                                          14px;text-align: left; ">

                            <div style="text-align: center; margin-bottom: 0.5em;
                                          "><span style="font-size:32px; line-height:1.25em; text-align:center "><span style="font-family:georgia,times,times
                                          new roman,serif "><img align="center " height="42 " src="https://gallery.mailchimp.com/6d37edd181bb9ed68b7d8cb6d/images/cc457817-c26d-4003-b971-b7ddcd0c505e.png
                                          " style="width: 60px;height: 42px;margin: 0px 0px 16px;border: 0;outline: none;text-decoration:
                                          none;-ms-interpolation-mode: bicubic; " width="60 "></span></span>

<h1 style="text-align: center;font-weight: normal;margin: 0;padding: 0;display:
                                          block;font-family: Helvetica;font-size: 30px;font-style: normal;line-height: 125%;letter-spacing:
                                          -1px;color: #444444 !important; "><span style="font-family:georgia,times,times
                                          new roman,serif "><em>Wow, I've certainly got a lot to think about. Thanks AEA for another awesome adventure.</em></span></h1>

<p style="text-align: center;margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%; "><strong>Dori Kelner</strong> • Managing Partner, Sleight-of-Hand Studios</p>
</div>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnDividerBlock " style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace:
                                          0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; ">
    <tbody class="mcnDividerBlockOuter ">
        <tr>
            <td class="mcnDividerBlockInner " style="padding: 32px 18px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                <table class="mcnDividerContent " border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " style="border-top-width: 1px;border-top-style: dotted;border-top-color:
                                          #CCCCCC;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                    <tbody><tr>
                        <td style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%; ">
                            <span></span>
                        </td>
                    </tr>
                </tbody></table>
            </td>
        </tr>
    </tbody>
</table><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding-top:
                                          0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">

                            <h1 style="text-align: center;margin-bottom: 0.5em;margin:
                                          0;padding: 0;display: block;font-family: Helvetica;font-size: 30px;font-style:
                                          normal;font-weight: bold;line-height: 125%;letter-spacing: -1px;color: #444444
                                          !important; "><strong>Be Apart with us soon</strong></h1>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left;
                                          ">While you digest this month’s banquet of information, we’re off to get ready for <a href="https://aneventapart.com/event/denver-2017 " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; ">AEA Denver: Special Edition</a>, December 11–13. It’s the first time we’ve done an event&nbsp;in Denver and we’re almost sold out.&nbsp;Don’t wait any longer to register if you’d like to join us!</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left;
                                          ">As further incentive, newsletter subscribers like you can&nbsp;<strong>save $100</strong>&nbsp;when you register for any multi-day pass using discount code <strong>Digest2018</strong><strong>.</strong> AEA events regularly sell out, so don’t miss your chance to set your skills and knowledge Apart—<a href="https://aneventapart.com/events " style="word-wrap: break-word;-ms-text-size-adjust:
                                          100%;-webkit-text-size-adjust: 100%;color: #ff3300;font-weight: normal;text-decoration:
                                          underline; ">register today</a>.</p>

<p style="margin: 1em 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #333333;font-family: Helvetica;font-size: 14px;line-height: 150%;text-align:
                                          left; ">See you next month with more news, tips, and links to great reads!</p>

                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // END BODY -->
                                </td>
                            </tr>
                            <tr>
                                <td align="center " valign="top " style="mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                                    <!-- BEGIN FOOTER // -->
                                    <table border="0 " cellpadding="0
                                          " cellspacing="0 " width="100% " id="templateFooter " style="border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;background-color: #1b0d1a;border-top: 0;border-bottom: 0; ">
                                        <tr>
                                            <td align="center " valign="top
                                          " style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                                                <table border="0
                                          " cellpadding="0 " cellspacing="0 " width="600 " class="templateContainer " style="border-collapse:
                                          collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
                                                    <tr>
                                                        <td valign="top
                                          " class="footerContainer " style="padding-top: 10px;padding-bottom: 10px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; "><table border="0 " cellpadding="0 " cellspacing="0 " width="100%
                                          " class="mcnTextBlock " style="min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
    <tbody class="mcnTextBlockOuter ">
        <tr>
            <td valign="top " class="mcnTextBlockInner " style="padding-top:
                                          9px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; ">
              	<!--[if mso]>
				<table align="left " border="0 " cellspacing="0 " cellpadding="0
                                          " width="100% " style="width:100%; ">
				<tr>
				<![endif]-->
			
				<!--[if mso]>
				<td valign="top " width="600 " style="width:600px; ">
				<![endif]-->
                <table align="left " border="0 " cellpadding="0
                                          " cellspacing="0 " style="max-width: 100%;min-width: 100%;border-collapse: collapse;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%; " width="100% " class="mcnTextContentContainer ">
                    <tbody><tr>

                        <td valign="top " class="mcnTextContent " style="padding-top:
                                          0;padding-right: 18px;padding-bottom: 9px;padding-left: 18px;mso-table-lspace:
                                          0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:
                                          100%;color: #cccccc;font-family: Helvetica;font-size: 11px;line-height: 125%;text-align:
                                          left; ">

                            <em>Copyright © 2017 An Event Apart LLC, All rights reserved.</em><br>
 You are receiving this e-mail because you signed up to get updates or attended An Event Apart (or both!)<br>
<br>
<strong>Our mailing address is:</strong><br>
<div class="vcard "><span class="org fn
                                          ">An Event Apart LLC</span><div class="adr "><div class="street-address ">4002 Aikins Avenue SW</div><span class="locality
                                          ">Seattle</span>, <span class="region ">WA</span>  <span class="postal-code ">98116</span></div><br><a href="//aneventapart.us1.list-manage.com/vcard?u=6d37edd181bb9ed68b7d8cb6d&id=87fb62a98b
                                          " class="hcard-download ">Add us to your address book</a></div>
<br>
<br>
<a class="utilityLink " href="#" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #eeeeee;font-weight: normal;text-decoration: underline;
                                          ">unsubscribe from this list</a>&nbsp;&nbsp;&nbsp; <a class="utilityLink " href="#
                                          " style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color:
                                          #eeeeee;font-weight: normal;text-decoration: underline; ">update subscription preferences</a>&nbsp;<br>
<br>
                        </td>
                    </tr>
                </tbody></table>
				<!--[if mso]>
				</td>
				<![endif]-->

				<!--[if mso]>
				</tr>
				</table>
				<![endif]-->
            </td>
        </tr>
    </tbody>
</table></td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                    <!-- // END FOOTER -->
                                </td>
                            </tr>
                        </table>
                        <!-- // END TEMPLATE -->
                    </td>
                </tr>
            </table>
        </center>
    </body>
</html>
        
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console