cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

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.

            
              <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta property="og:title" content="Issue 25 - Why Copy Matters (Like, A Lot)">
  <!--[if !mso]><!-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!--<![endif]-->
  <meta name="robots" content="noindex, nofollow">
  <title>MailChimp ♥ Agencies</title>
  <link rel="stylesheet" type="text/css" href="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/files/inlined_styles.03.css">

  <link href="https://fonts.googleapis.com/css?family=Merriweather:300,400,700" rel="stylesheet">
  <!--[if (gte mso 9)|(IE)]>
    <style type="text/css">
      .body-content, .serif, .quote {font-family: Georgia, serif !important;line-height: 35px !important;}
      h1, h2, h3 {font-family: Arial, Helvetica, sans-serif !important;}
      .pixel-graphic {width: 910px !important; height: 160px !important;}
    </style>
  <![endif]-->
  <style type="text/css">
    body,.hide-tweet-block,* [lang~=hide-tweet-block]{
    			background-color:rgba(255,255,255,1);
    		}
    		.quote-wrap:hover .quote,* [lang~=quote-wrap]:hover * [lang~=quote]{
    			color:rgba(109, 197, 220, 1)!important;
    		}
    		.quote-wrap:hover .hide-tweet-block,* [lang~=quote-wrap]:hover * [lang~=hide-tweet-block]{
    			background-color:rgba(255,255,255,0)!important;
    		}
    		.tweet-block:hover,* [lang~=tweet-block]:hover{
    			background-color:#53b6f3!important;
    		}
    		.read-more:hover a,* [lang~=read-more]:hover{
    			color:#6DC5DC!important;
    			text-decoration:none!important;
    		}
    		.read-more:hover a .continue-arrow,* [lang~=read-more]:hover * [lang~=continue-arrow]{
    			width:30px!important;
    			text-decoration:none!important;
    		}
    		.cta-outer:hover .cta-inner,* [lang~=cta-outer]:hover * [lang~=cta-inner]{
    			background-color:rgba(255,255,255,0.2)!important;
    		}
    		.cta-outer:hover a,* [lang~=cta-outer]:hover a{
    			color:#FFFFFF!important;
    			text-decoration:none!important;
    		}
    		a{
    			color:#6DC5DC;
    		}
    		a:hover{
    			text-decoration:underline!important;
    		}
    		.ExternalClass *{
    			line-height:100%;
    		}
    		a[x-apple-data-detectors]{
    			color:inherit !important;
    			text-decoration:none !important;
    			font-size:inherit !important;
    			font-family:inherit !important;
    			font-weight:inherit !important;
    			line-height:inherit !important;
    		}
    		.primary-color{
    			background-color:#dbdce5;
    		}
    		.secondary-color{
    			background-color:#77aef4;
    		}
    		.body-content,.serif{
    			color:#373737;
    			font-family:'Merriweather', Georgia, serif;
    			font-size:21px;
    			line-height:1.6;
    			letter-spacing:0.1px;
    			font-weight:300;
    			text-align:left;
    		}
    		.cta-outer{
    			border-radius:4px;
    		}
    		.cta-inner,.cta-inner a{
    			color:#FFFFFF;
    			text-decoration:none;
    		}
    		.cta-inner{
    			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    			font-size:21px;
    			font-weight:400;
    			line-height:1;
    			padding-top:15px;
    			padding-right:30px;
    			padding-bottom:15px;
    			padding-left:30px;
    		}
    		#header-background{
    			background-image:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/22017c41-d20b-42ac-b686-bbf48aa3c8a7.jpg');
    			padding-top:375px;
    			background-position:bottom;
    			background-size:cover;
    		}
    		h1,span.h1{
    			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    			font-size:62px;
    			font-weight:bold;
    			line-height:1.2;
    			letter-spacing:0;
    			margin:0;
    		}
    		h2,span.h2{
    			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    			font-size:42px;
    			font-weight:bold;
    			line-height:1.2;
    			letter-spacing:0;
    			margin:0;
    		}
    		h3,span.h3{
    			font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
    			font-size:24px;
    			font-weight:bold;
    			line-height:1.2;
    			letter-spacing:0;
    			margin:0;
    		}
    		.quote{
    			font-family:'Merriweather', Georgia, serif;
    			font-weight:500;
    			font-size:24px;
    			line-height:1.5;
    			font-style:italic;
    			color:#000000;
    			letter-spacing:0.1px;
    		}
    		.footer-color{
    			color:#373737;
    		}
    	@media screen and (max-width: 768px){
    		.wrap{
    			min-width:0!important;
    		}
    
    }	@media screen and (max-width: 768px){
    		#header-background{
    			padding-top:35%!important;
    		}
    
    }	@media screen and (max-width: 768px){
    		.left-sidebar,.right-sidebar,.left-sidebar-freddie,.right-tweet-sidebar{
    			width:85px!important;
    			min-width:85px!important;
    			max-width:85px!important;
    		}
    
    }	@media screen and (max-width: 768px){
    		.freddie{
    			width:50%!important;
    			margin:0 auto;
    		}
    
    }	@media screen and (max-width: 768px){
    		.hide-tweet-block{
    			background-color:transparent!important;
    		}
    
    }	@media screen and (max-width: 768px){
    		.tweet-block{
    			background-color:#1da1f2!important;
    		}
    
    }	@media screen and (max-width: 720px){
    		.full-width{
    			width:100%!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.cta-inner,.follow-up-text{
    			font-size:20px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.up-next-container{
    			padding:20px 15px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		#header-background,#footer-background{
    			overflow:hidden!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		#header-background img,#footer-background img{
    			width:148%!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.left-sidebar,.right-sidebar,.desktop{
    			display:none!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.freddie{
    			width:50px!important;
    			margin:0 auto!important;
    			padding-right:20px!important;
    			padding-left:15px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.body-content{
    			padding-left:15px!important;
    			padding-right:15px!important;
    			font-size:18px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.serif,.mc-loves-agencies{
    			font-size:17px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.header-issue{
    			font-size:12px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		h1,span.h1{
    			font-size:42px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		h2,span.h2{
    			font-size:30px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		h3,span.h3,.quote{
    			font-size:18px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.hr-container,.quote-wrap,.posts-container,.blog-post{
    			padding-top:30px!important;
    			padding-bottom:30px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.blog-post{
    			padding-left:15px!important;
    			padding-right:15px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.cta-outer{
    			width:90%!important;
    			margin:0 auto!important;
    			text-align:center!important;
    			box-sizing:border-box!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		ul,ol{
    			margin:0;
    			padding-left:15px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		li{
    			padding-bottom:20px!important;
    			padding-left:10px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		li ul,li ol,li ul li ul,li ol li ol{
    			padding-top:15px!important;
    			padding-left:15px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		li ul li,li ol li{
    			padding-bottom:10px!important;
    			padding-left:10px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		li ul li ul li,li ol li ol li{
    			padding-bottom:10px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.quote-pad{
    			padding-left:25px!important;
    			padding-right:25px!important;
    			width:100%!important;
    			box-sizing:border-box;
    			display:block;
    		}
    
    }	@media screen and (max-width: 568px){
    		.right-tweet-sidebar{
    			width:100%!important;
    			min-width:100%!important;
    			max-width:100%!important;
    			display:block;
    			padding-top:10px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.tweet-block-table{
    			margin:0 auto!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.tweet-block{
    			opacity:1!important;
    			background-image:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/9604dbc0-5291-4585-8c39-75894ace3af2.png');
    			background-repeat:no-repeat;
    			background-position:center;
    			background-size:100% 100%;
    			width:30px!important;
    			height:35px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.tweet-block a{
    			width:30px!important;
    			height:35px!important;
    			display:block!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.caption{
    			font-size:12px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.image-wrap{
    			padding-top:30px!important;
    			padding-bottom:20px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.up-next-content{
    			padding-top:20px!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.post-container{
    			width:100%!important;
    			min-width:0!important;
    		}
    
    }	@media screen and (max-width: 568px){
    		.legal-info{
    			padding-left:15px!important;
    			padding-right:15px!important;
    			padding-bottom:30px!important;
    		}
    
    }
  </style>
  <!--[if !mso]><!-->
  <link href="https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i" rel="stylesheet">
  <!--<![endif]-->
</head>

<body style="padding: 0;margin: 0;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;background-color: rgba(255,255,255,1);">

  <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0" width="910" align="center" style="table-layout: fixed;" align="center"><tr><td align="center"><![endif] -->
  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
    <tbody>
      <tr>
        <td align="center" bgcolor="#ffffff" style="background-color: #ffffff;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">

          <!-- Email Wrapper -->
          <table border="0" cellpadding="0" cellspacing="0" width="100%" class="wrap" style="min-width: 700px;max-width: 1200px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;" align="center">
            <tbody>
              <tr>
                <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                  <!-- Header -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <tbody>
                      <tr>
                        <td valign="bottom" align="center" id="header-background" class="primary-color" style="background:url('https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/22017c41-d20b-42ac-b686-bbf48aa3c8a7.jpg') bottom/cover;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #dbdce5;background-image: url(https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/22017c41-d20b-42ac-b686-bbf48aa3c8a7.jpg);padding-top: 375px;background-position: bottom;background-size: cover;">
                          <img class="wrap pixel-graphic" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/7b3e3a60-6491-468d-bfa3-ffa9f4966bd6.png" width="910" border="0" style="min-width:700px;display:block;width:100%;">
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Header -->

                  <!-- Content Container -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 910px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <tbody>
                      <tr>
                        <td align="center" style="padding-top: 40px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">

                          <!-- Mailchimp For Agencies -->
                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar-freddie" align="center" valign="middle" width="105" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                  <a href="https://mailchimp.com/" style="display: inline-block;text-decoration: none;color: #6DC5DC;" target="_blank">
                                    <img class="freddie" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/4b5d7679-ee2b-466f-98ca-6a863e4e22dd.png" width="55" style="display:block;width: 55px;border: 0;margin: 0 auto;">
                                  </a>
                                </td>
                                <td align="left" valign="middle" width="700" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                  <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td class="mc-loves-agencies" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 21px;line-height: 1;font-weight: 600;color: #373737;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          MailChimp <span style="color:#E85C41;font-family: Helvetica;">♥</span> Agencies
                                        </td>
                                      </tr>
                                      <tr>
                                        <td class="header-issue" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 16px;line-height: 1;font-weight: 600;color: #B7B7B7;padding-top: 4px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Issue 25</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                                <td class="right-sidebar" align="left" valign="middle" width="105" style="padding-bottom: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"></td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- End Mailchimp For Agencies -->

                          <!-- Content Modules -->

                          <!-- Text Area No Pixels -->
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h1 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 62px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><strong>Why Copy Matters (Like, A Lot)</strong></h1>
                                  <span style="font-size:12px; color:#D3D3D3;">Reading time: six minutes</span></td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="1" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><br>
                                  <em>You can trick out your email with trendy design and follow every best practice in the book, but if the copy is cut-rate, people will either ignore it or be actively annoyed. Our next 3 issues feature stories and advice from writers who make their living creating copy that delights readers and drives positive results. Enjoy!</em></td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="2" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;"><br> Pop culture loves broke writers.<br> &nbsp;
                                  <br> If you see one on screen, chances are she’ll eat cereal for dinner and sleep in a basement apartment. So when Joanna Wiebe, co-founder of <a href="https://copyhackers.com/" target="_blank" style="text-decoration: none;color: #6DC5DC;">Copy Hackers</a>,
                                  first realized that she wanted to write, she didn’t really think it was a viable career option.<br> &nbsp;
                                  <br> “I thought writing had to be a hobby, which sucked—it really sucked—because that’s what I wanted to do,” she says.<br> &nbsp;
                                  <br> But today, Wiebe is anything but a hobbyist. From her home office on Vancouver Island in British Columbia, Wiebe oversees Copy Hackers, one of the most respected copywriting resources on the web.</td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="3" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Trials and tribulations</h3> &nbsp;
                                  <br> Since its launch in 2011, Copy Hackers has offered regular advice and workshops to writers ready to improve their craft, as well as copywriting services to marketers looking for messaging experts. Wiebe has also
                                  emerged as an industry leader in recent years, spending a good portion of her work life guesting on podcasts, speaking at conferences, and kindly submitting to interviews like this one.<br> &nbsp;
                                  <br> How does a kid grow up to be a nationally recognized master of digital copywriting?<br>
                                  <br> “A lot of trial and error,” Wiebe laughs. “I wasn’t sure how to make a living, but writing was the only thing I was ever very good at in school. At university I studied English and creative writing, and that was
                                  enough to get my first agency job.”<br> &nbsp;
                                  <br> Wiebe’s first copywriting job didn’t pay much, but it offered a valuable opportunity: the chance to fail. A lot.<br> &nbsp;
                                  <br> “I wasted years just stumbling through,” Wiebe says. “When I started, it was very hard to know what worked—A/B testing just wasn’t a thing. I didn’t have anyone in real life to help coach me. I eventually landed
                                  on some blogs and books I trusted for guidance, and those helped shape me as a copywriter.”<br> &nbsp;
                                  <div style="text-align: center;"><img align="none" height="101" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/bfff923f-8437-490d-8595-977f582f8884.png" style="width: 300px; height: 101px; margin: 0px;" width="300"><br> &nbsp;
                                  </div>
                                </td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="4" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
The student becomes the teacher</h3> &nbsp;
                                  <br> After cutting her teeth in the agency world, Wiebe landed a copywriting gig with the financial software giant Intuit. She also worked as a consultant for Conversion Rate Experts and began to see real potential for
                                  a sustainable—and perhaps even well-paying—career in writing.<br> &nbsp;
                                  <br> “For a while, my colleagues and I were very active in the Hacker News community, and a lot of tech startups were asking if we could write copy for them. As startups, though, they didn’t usually have money,” Wiebe
                                  says. “We realized that even if they couldn’t hire us to write their copy, we could still teach them how to do it themselves.”<br>
                                  <br> Copy Hackers was launched shortly thereafter based on a simple idea: Joanna and her team would focus on publishing advice they had personally implemented and tested.</td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Image" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="5" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="image-wrap" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 30px;text-align: center;">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <img src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/71b96ff9-b9fe-4622-b28c-f4bb6f8d39a0.jpg" alt="" border="0" style="margin: 0; padding: 0;display:block;width: 100%;max-width: 910px;" width="910">
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="center" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <span mc:hideable="hideable_repeat_1_1" class="caption" mchideable="hideable_repeat_1_1" style="color: #B7B7B7;font-family: 'Merriweather', Georgia, serif;font-style: italic;font-weight: 300;font-size: 14px;display: block;line-height: 1;text-align: center;">Joanna Wiebe at her office in Victoria, British Columbia, Canada.</span>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="6" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" dir="ltr" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Cutting through the BS</h3>

                                  <p dir="ltr">“You can find a billion blogs about how to write headlines, but they’re usually kind of bullshit,” Wiebe says. “Busy people who want to write great copy don’t want to mess around with ‘6 Ways to Write a Headline.’ Our
                                    approach is to say, ‘OK, if there are 6 ways to write this headline then let’s test them and see what we learn.’”</p>

                                  <p dir="ltr" style="text-align: center;"><img align="none" height="146" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/66a5ac8b-1adb-4663-99cf-edaf1e3099d3.png" style="width: 350px; height: 146px; margin: 0px;" width="350"></p>

                                  <p dir="ltr">&nbsp;<br> Wiebe’s skepticism is part of what makes her voice so unique on the web. She doesn’t accept conventional wisdom at face value, and she doesn’t mince words about what she finds to be true.&nbsp;<br> &nbsp;
                                    <br> “Email continues to be the most killer way to get someone to buy something from you,” she explains. “Every failed startup that tried to turn social media into a selling tool has learned that the hard way. It’s
                                    that simple. If businesses want to sell, they use email. Period.”</p>
                                </td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Quote Block" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="7" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td lang="quote-wrap" class="quote-wrap" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"></td>
                                        <td class="quote-pad" align="left" valign="middle" width="700" style="padding-left: 30px;padding-right: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td valign="top" lang="quote" class="quote" style="width: 24px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;"
                                                  width="24">“</td>
                                                <td valign="top" lang="quote" class="quote" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;"><span>Emails function more like a letter than a landing page. They need to be written that way.</span>&nbsp;”</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td class="right-tweet-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table class="tweet-block-table" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td lang="tweet-block" class="tweet-block" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #1da1f2;">
                                                  <a alt="tweet" border="0" class="hide-tweet-block" href="https://twitter.com/intent/tweet?text=%22Emails%20function%20more%20like%20a%20letter%20than%20a%20landing%20page.%22%20-%20%40copyhackers%20%40MailChimp%20%E2%99%A5%EF%B8%8F%20Agencies%20http%3A%2F%2Fbit.ly%2F2ikWpP8"
                                                    lang="hide-tweet-block" style="display: block;text-decoration: none;border: 0;color: #6DC5DC;background-color: rgba(255,255,255,1);" target="_blank"><img border="0" class="desktop" height="30" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/2f0c0634-af65-4f6b-91f7-dd68a8b48930.png" style="width:35px;height:30px;display: block;border:0;"
                                                      width="35"> </a>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="8" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Consulting the old masters</h3>
                                  <br> Of course, email only closes a sale if people read it. So how do you make that connection with your audience? Wiebe suggests a couple of places for businesses to start. First and foremost: Trust the copywriter.
                                  <div style="text-align: center;"><img align="none" height="208" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/2fa4db0e-d83e-44e5-b93c-98698b4c4629.gif" style="width: 250px; height: 208px; margin: 0px;" width="250"></div>
                                  &nbsp;“If you’re a copywriter, everybody thinks they can do your job, so everybody’s got a critique,” Wiebe says. “Even if they can’t tell you exactly what the copy should say, they’ll tell you when they don’t like it.”<br>                                  &nbsp;
                                  <br> But this is exactly when a good creative director or client should recognize that a copywriter’s decisions are made intentionally, and be willing to engage with her as a professional.<br> &nbsp;
                                  <br> “This is a skill. Your copywriter was hired for what they can do. Don’t minimize it,” Wiebe says. “And if you’re a copywriter, you need to be educated, too. If you want your team to respect what you do, you need
                                  to put yourself through courses, and training, and understand copywriting’s history in our industry.”<br> &nbsp;
                                  <br> For Wiebe, that meant reading old-school masters like Gene Schwartz and David Ogilvy, who defined print advertising as we know it today. Although it’s easy to think that digital marketing is a new frontier, the framework
                                  of modern web advertising can be traced back to the days of newspaper ads and direct mailings—and they’re more relevant than you might think.<br> &nbsp;
                                  <br> “It’s when you get away from those frameworks that things get scattered and crazy. You get things like overdesigned emails that lose your audience because you’ve forgotten your history. Emails function more like
                                  a letter than a landing page. They need to be written that way.”</td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Quote Block" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="9" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td lang="quote-wrap" class="quote-wrap" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"></td>
                                        <td class="quote-pad" align="left" valign="middle" width="700" style="padding-left: 30px;padding-right: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td valign="top" lang="quote" class="quote" style="width: 24px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;"
                                                  width="24">“</td>
                                                <td valign="top" lang="quote" class="quote" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-family: 'Merriweather', Georgia, serif;font-weight: 500;font-size: 24px;line-height: 1.5;font-style: italic;color: #000000;letter-spacing: 0.1px;"><span>Email continues to be the most killer way to get someone to buy something from you. If businesses want to sell, they use email. Period.</span>&nbsp;”</td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                        <td class="right-tweet-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table class="tweet-block-table" border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td lang="tweet-block" class="tweet-block" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #1da1f2;">
                                                  <a alt="tweet" border="0" class="hide-tweet-block" href="https://twitter.com/intent/tweet?text=%22If%20businesses%20want%20to%20sell%2C%20they%20use%20email.%20Period.%22%20-%20%40copyhackers%20%40MailChimp%20%E2%99%A5%EF%B8%8F%20Agencies%20http%3A%2F%2Fbit.ly%2F2ikWpP8"
                                                    lang="hide-tweet-block" style="display: block;text-decoration: none;border: 0;color: #6DC5DC;background-color: rgba(255,255,255,1);" target="_blank"><img border="0" class="desktop" height="30" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/2f0c0634-af65-4f6b-91f7-dd68a8b48930.png" style="width:35px;height:30px;display: block;border:0;"
                                                      width="35"> </a>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="10" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
Voice is a big deal</h3>
                                  <br> Wiebe’s other big piece of advice for email marketers won’t surprise anyone familiar with her newsletter. Slang, light swearing, creative punctuation: all present and accounted for. It’s entertaining, but that’s
                                  only half the point. A personable, idiosyncratic voice is one of the best tools in a writer’s arsenal.<br> &nbsp;
                                  <br> “Companies rarely get feedback saying, ‘Hey, I like your voice.’ But people do write to complain if they think you sound unprofessional,” Wiebe says. “Negative feedback is scary. And companies get scared, too, that
                                  writing with voice means creating this caricature of their brand. But I absolutely think you have to use it, and you have to be consistent for a long time to establish it as yours.”</td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="HR Divider" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="11" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td align="center" valign="middle" class="hr-container" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                                  <table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td align="center" valign="middle" class="hr-tag" style="font-size: 6px;line-height: 6px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #373737;">
                                          <img src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/5c692465-9a69-4bc4-8445-5a5908548766.png" width="54" height="6" style="width: 54px;display:block;">
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <table mc:repeatable="repeat_1" mc:variant="Text Area No Pixels" border="0" cellpadding="0" cellspacing="0" width="100%" mc:repeatindex="12" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="left-sidebar" align="left" valign="middle" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                                <td align="left" valign="middle" width="700" class="body-content" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">
                                  <h3 class="null" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;font-weight: bold;line-height: 1.2;letter-spacing: 0;margin: 0;"><br>
3 tips for developing your voice</h3>
                                  <br> “Voice” is a tough thing to pin down. But as Wiebe explains it, it’s about establishing trust with your audience and treating email like the 1-to-1 channel that it is. If you feel like your emails lack a strong,
                                  compelling voice, following these 3 rules can help.<br> &nbsp;
                                  <div style="text-align: center;"><img align="none" height="76" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/3db64d59-09b7-46c4-a771-40645fa81fed.png" style="width: 325px; height: 76px; margin: 0px;" width="325"></div>
                                  <br> 1.&nbsp;
                                  <strong>Start with clarity</strong>. Trying to come out of the gate with a big personality can risk obscuring your message. So start by writing in the simplest, clearest way possible. No matter what else you do with your
                                  writing, don’t lose your basic message.<br>
                                  <br> 2. <strong>Layer in the personality</strong>. Can you add a casual aside to the end of that sentence? Can you relax the formal language so that a sentence sounds more conversational? (Pro tip: Read your work aloud.
                                  If it sounds unnatural, it is.) Play with small elements of your message to see where you can add interest. Eventually you’ll develop instincts to see those opportunities as you write your first draft.<br> &nbsp;
                                  <br> 3. <strong>Practice your typing</strong>. If you’re feeling stuck, find an author, public speaker, or even another brand that writes in a way you admire. Type out their work to see how it feels, and notice how the
                                  language is used. Engaging with a voice you admire as a writer instead of a reader will give you new perspective on how it’s done.</td>
                                <td class="right-sidebar" align="left" valign="bottom" width="105" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- End Text Area No Pixels -->

                          <!-- Text Area Left Primary Pixels -->

                          <!-- End Text Area Left Primary Pixels -->

                          <!-- Text Area Left Secondary Pixels -->

                          <!-- End Text Area Left Secondary Pixels -->

                          <!-- Text Area Right Primary Pixels -->

                          <!-- End Text Area Right Primary Pixels -->

                          <!-- Text Area Right Secondary Pixels -->

                          <!-- End Text Area Right Secondary Pixels -->

                          <!-- HR -->

                          <!-- End HR -->

                          <!-- Primary CTA-->

                          <!-- End PrimaryCTA -->

                          <!-- Secondary CTA-->

                          <!-- End Secondary CTA -->

                          <!-- Quote Block -->

                          <!-- End Quote Block -->

                          <!-- Quote Block No Tweet CTA -->

                          <!-- End Quote Block No Tweet CTA -->

                          <!-- Image -->

                          <!-- End Image -->

                          <!-- End Content Modules -->

                          <!-- HR -->
                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td align="center" valign="middle" class="hr-container" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;padding-top: 60px;padding-bottom: 60px;">
                                  <table border="0" cellpadding="0" cellspacing="0" align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td align="center" valign="middle" class="hr-tag" style="font-size: 6px;line-height: 6px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #373737;">
                                          <img src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/5c692465-9a69-4bc4-8445-5a5908548766.png" width="54" height="6" style="width: 54px;display:block;">
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- End HR -->

                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Content -->

                  <!-- Footer -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 910px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <tbody>
                      <tr>
                        <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <table class="full-width" mc:hideable="hideable_1" border="0" cellpadding="0" cellspacing="0" width="700" mchideable="hideable_1" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="follow-up-text" style="padding-left: 30px;padding-right: 30px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight: 500;font-size: 24px;line-height: 1.5;color: #000000;letter-spacing: 0.1px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;font-style: normal!important;">Have any questions about the topics we've discussed this week? Just reply to this email and we'll be in touch.</td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                      <tr>
                        <td align="center" style="padding-top: 60px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <!-- Up Next -->
                          <table mc:hideable="hideable_2" class="full-width" border="0" cellpadding="0" cellspacing="0" width="720" align="center" style="background-color: #F7F7F7;max-width: 720px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;" mchideable="hideable_2">
                            <tbody>
                              <tr>
                                <td class="up-next-container" style="padding: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                  <!--[if (gte mso 9)|(IE)]><table border="0" cellpadding="0" cellspacing="0" width="700" align="center" style="table-layout: fixed;" align="center"><tr><td align="center"><![endif] -->
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td align="left" class="mc-loves-agencies" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 21px;line-height: 1;font-weight: 600;color: #373737;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          Up Next
                                        </td>
                                      </tr>
                                      <tr>
                                        <td align="left" class="header-issue" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 16px;line-height: 1;font-weight: 600;color: #B7B7B7;padding-top: 4px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Issue 26</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td align="left" class="up-next-content serif" style="padding-top: 35px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;font-family: 'Merriweather', Georgia, serif;font-size: 21px;line-height: 1.6;letter-spacing: 0.1px;font-weight: 300;text-align: left;">Want more tips like this? Then be sure to read next Tuesday’s issue, which will include an as-yet undetermined number of email copywriting hacks courtesy of Wiebe. Stay tuned!</td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif] -->
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- End Up Next -->
                        </td>
                      </tr>
                      <tr>
                        <td align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                          <!-- Posts -->
                          <table mc:hideable="hideable_3" class="full-width" border="0" cellpadding="0" cellspacing="0" width="700" align="center" mchideable="hideable_3" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td class="posts-container" style="padding-top: 60px;padding-bottom: 60px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                  <table class="post-container" border="0" cellpadding="0" cellspacing="0" width="240" align="left" style="min-width: 300px;width: 49%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td valign="middle" class="blog-post" style="padding: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td align="left" style="color: #777777;font-size: 12px;font-weight: bold;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Keep GUIDING</td>
                                              </tr>
                                              <tr>
                                                <td align="left" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                                  <table class="read-more" lang="read-more" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                                    <tbody>
                                                      <tr>
                                                        <td align="left" class="keep-reading-text-link" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="http://styleguide.mailchimp.com/voice-and-tone/" style="text-decoration: none;color: #000000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;line-height: 1.3;font-weight: bold;"
                                                            target="_blank">MailChimp's Voice and Tone Guide</a></td>
                                                      </tr>
                                                      <tr>
                                                        <td align="left" class="keep-reading-read-more-link" style="padding-top: 15px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="http://styleguide.mailchimp.com/voice-and-tone/" style="text-decoration: none;color: #31BFEE;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.3;"
                                                            target="_blank">Read More<span class="continue-arrow" lang="continue-arrow" style="display:inline-block; text-align:right">&nbsp;&nbsp;→</span> </a></td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                  <table class="post-container" border="0" cellpadding="0" cellspacing="0" width="240" align="right" style="min-width: 300px;width: 49%;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                    <tbody>
                                      <tr>
                                        <td valign="middle" class="blog-post" style="padding: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                          <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                            <tbody>
                                              <tr>
                                                <td align="left" style="color: #777777;font-size: 12px;font-weight: bold;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;letter-spacing: 1px;text-transform: uppercase;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">Keep HACKING</td>
                                              </tr>
                                              <tr>
                                                <td align="left" style="padding-top: 10px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                                  <table class="read-more" lang="read-more" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                                    <tbody>
                                                      <tr>
                                                        <td align="left" class="keep-reading-text-link" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://copyhackers.com/" style="text-decoration: none;color: #000000;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 24px;line-height: 1.3;font-weight: bold;" target="_blank">Copyhackers</a></td>
                                                      </tr>
                                                      <tr>
                                                        <td align="left" class="keep-reading-read-more-link" style="padding-top: 15px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;"><a href="https://copyhackers.com/" style="text-decoration: none;color: #31BFEE;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;font-size: 14px;line-height: 1.3;" target="_blank">Read More<span class="continue-arrow" lang="continue-arrow" style="display: inline-block;text-align: right;">&nbsp;&nbsp;→</span> </a></td>
                                                      </tr>
                                                    </tbody>
                                                  </table>
                                                </td>
                                              </tr>
                                            </tbody>
                                          </table>
                                        </td>
                                      </tr>
                                    </tbody>
                                  </table>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- Footer Graphic -->
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                    <tbody>
                      <tr>
                        <td id="footer-background" valign="top" align="center" class="secondary-color" style="padding-bottom: 30px;box-sizing: border-box;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #77aef4;">
                          <img class="wrap pixel-graphic" src="https://gallery.mailchimp.com/cc11276e0af3cd3f833d3e2d1/images/852f8e9b-9fd2-447f-9a97-42c349e6a7b6.png" width="910" border="0" style="min-width:700px;width:100%;display: block;">
                        </td>
                      </tr>
                      <tr>
                        <td class="legal-info secondary-color" lang="legal-info" align="center" style="padding: 30px;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;background-color: #77aef4;">
                          <!-- Legal -->
                          <table class="full-width" border="0" cellpadding="0" cellspacing="0" width="700" align="center" style="border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                            <tbody>
                              <tr>
                                <td align="left" class="footer-color" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: 400;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;color: #373737;">
                                  © 2001-2016 MailChimp®, All Rights Reserved.<br><br> 675 Ponce De Leon Ave NE, Suite 5000 Atlanta, GA 30308 USA
                                </td>
                              </tr>
                              <tr>
                                <td align="left" style="padding-top: 30px;line-height: 2;border-collapse: collapse;mso-table-lspace: 0;mso-table-rspace: 0;margin: 0;">
                                  <a class="footer-color" href="#" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;"
                                    target="_blank">View In Browser</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <a class="footer-color" href="https://mailchimp.com/contact/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;" target="_blank">Contact Us</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <a class="footer-color" href="https://mailchimp.com/legal/terms/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;" target="_blank">Terms of Use</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <a class="footer-color" href="https://mailchimp.com/legal/privacy/" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;" target="_blank">Privacy Policy</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                  <a class="footer-color" href="#" style="font-size: 14px;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;text-decoration: none;line-height: 1;font-weight: bold;display: inline-block;color: #373737;"
                                    target="_blank">Unsubscribe</a>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!-- End Legal -->
                        </td>
                      </tr>
                    </tbody>
                  </table>
                  <!-- End Footer Graphic -->
                  <!-- End Footer -->
                </td>
              </tr>
            </tbody>
          </table>

          <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif] -->

        </td>
      </tr>
    </tbody>
  </table>
  <!-- Gmail Spacer -->
  <div style="display:none; white-space:nowrap; font:15px courier; line-height:0;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
</body>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console