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 is required to process package imports. If you need a different preprocessor remove all packages first.

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

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 or require. We'll also process your JavaScript with Babel.

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

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.

Editor Settings

Code Indentation

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

Visit your global Editor Settings.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <head>
  <!-- NAME: 1:2 COLUMN -->
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>&nbsp;Holler Mountain Organic Cold Brew</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;
    		}
    		.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%;
    		}
    		#templatePreheader,#templateHeader,#templateBody,#templateColumns,.templateColumn,#templateFooter{
    			min-width:100%;
    		}
    		#bodyCell{
    			padding:20px;
    		}
    		.mcnImage{
    			vertical-align:bottom;
    		}
    		.mcnTextContent img{
    			height:auto !important;
    		}
    		body,#bodyTable{
    			background-color:#f6f5f3;
    		}
    		#bodyCell{
    			border-top:0;
    		}
    		#templateContainer{
    			border:0;
    		}
    		h1{
    			color:#606060 !important;
    			display:block;
    			font-family:Helvetica;
    			font-size:40px;
    			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:#f6f5f3;
    			border-top:0;
    			border-bottom:0;
    		}
    		.preheaderContainer .mcnTextContent,.preheaderContainer .mcnTextContent p{
    			color:#606060;
    			font-family:Helvetica;
    			font-size:11px;
    			line-height:125%;
    			text-align:left;
    		}
    		.preheaderContainer .mcnTextContent a{
    			color:#606060;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		#templateHeader{
    			background-color:#f6f5f3;
    			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:#f6f5f3;
    			border-top:0;
    			border-bottom:0;
    		}
    		.bodyContainer .mcnTextContent,.bodyContainer .mcnTextContent p{
    			color:#222222;
    			font-family:Georgia, Times, 'Times New Roman', serif;
    			font-size:12px;
    			line-height:200%;
    			text-align:left;
    		}
    		.bodyContainer .mcnTextContent a{
    			color:#bf955a;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		#templateColumns{
    			background-color:#f6f5f3;
    			border-top:0;
    			border-bottom:0;
    		}
    		.leftColumnContainer .mcnTextContent,.leftColumnContainer .mcnTextContent p{
    			color:#111111;
    			font-family:Helvetica;
    			font-size:15px;
    			line-height:150%;
    			text-align:left;
    		}
    		.leftColumnContainer .mcnTextContent a{
    			color:#d2b48c;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		.rightColumnContainer .mcnTextContent,.rightColumnContainer .mcnTextContent p{
    			color:#111111;
    			font-family:Georgia, Times, 'Times New Roman', serif;
    			font-size:15px;
    			line-height:150%;
    			text-align:left;
    		}
    		.rightColumnContainer .mcnTextContent a{
    			color:#d2b48c;
    			font-weight:normal;
    			text-decoration:underline;
    		}
    		#templateFooter{
    			background-color:#f6f5f3;
    			border-top:0;
    			border-bottom:0;
    		}
    		.footerContainer .mcnTextContent,.footerContainer .mcnTextContent p{
    			color:#000000;
    			font-family:Georgia, Times, 'Times New Roman', serif;
    			font-size:11px;
    			line-height:125%;
    			text-align:left;
    		}
    		.footerContainer .mcnTextContent a{
    			color:#bf955a;
    			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){
    		td[id=bodyCell]{
    			padding:10px !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){
    		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=columnsContainer]{
    			display:block !important;
    			max-width:600px !important;
    			width:100% !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[id=templateContainer],table[id=templatePreheader],table[id=templateHeader],table[id=templateColumns],table[class=templateColumn],table[id=templateBody],table[id=templateFooter]{
    			max-width:600px !important;
    			width:100% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		h1{
    			font-size:24px !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:18px !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:18px !important;
    			line-height:125% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		td[class=leftColumnContainer] td[class=mcnTextContent],td[class=leftColumnContainer] td[class=mcnTextContent] p{
    			font-size:18px !important;
    			line-height:125% !important;
    		}
    
    }	@media only screen and (max-width: 480px){
    		td[class=rightColumnContainer] td[class=mcnTextContent],td[class=rightColumnContainer] td[class=mcnTextContent] p{
    			font-size:18px !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: #f6f5f3;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: #f6f5f3;height: 100% !important;width: 100% !important;">
      <tbody>
        <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: 20px;border-top: 0;height: 100% !important;width: 100% !important;">
            <!-- BEGIN TEMPLATE // -->
            <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;border: 0;">
              <tbody>
                <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="600" id="templatePreheader" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;background-color: #f6f5f3;border-top: 0;border-bottom: 0;">
                      <tbody>
                        <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="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/305f2c1f441b896694e5dd064/images/bb6bbf19-8b0c-40f6-bfa5-8795377030c9.png" width="564" style="max-width: 1200px;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>
                      </tbody>
                    </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="600" id="templateHeader" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;background-color: #f6f5f3;border-top: 0;border-bottom: 0;">
                      <tbody>
                        <tr>
                          <td valign="top" class="headerContainer" 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="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%;">

                                            <a href="http://coldbrew.com/?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a#holler-mountain-cold-brew" 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/305f2c1f441b896694e5dd064/images/245b23d1-3af8-4dc3-8740-ccc17a08eb7d.png" width="564" style="max-width: 800px;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: 0px 18px 9px;font-family: &quot;Lucida Sans Unicode&quot;, &quot;Lucida Grande&quot;, sans-serif;font-size: 16px;text-align: center;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;color: #606060;line-height: 150%;">

                                            <div>Your favorite organic blend is now available in Cold Brew form. Holler Mountain Stubbies can be found in all cafe locations. Not near a cafe? <a href="https://www.stumptowncoffee.com/contact?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a"
                                                style="color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-weight: normal;text-decoration: underline;" target="_blank">Get in touch</a> to find Cold Brew near
                                              you.&nbsp;</div>

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

                                    <!--[if mso]>
				</tr>
				</table>
				<![endif]-->
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </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="600" id="templateBody" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;background-color: #f6f5f3;border-top: 0;border-bottom: 0;">
                      <tbody>
                        <tr>
                          <td valign="top" class="bodyContainer" 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="100%" class="mcnButtonBlock" 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="mcnButtonBlockOuter">
                                <tr>
                                  <td style="padding-top: 0;padding-right: 18px;padding-bottom: 18px;padding-left: 18px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" valign="top" align="center" class="mcnButtonBlockInner">
                                    <table border="0" cellpadding="0" cellspacing="0" class="mcnButtonContentContainer" style="border-collapse: separate !important;border-radius: 1px;background-color: #BF955A;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                      <tbody>
                                        <tr>
                                          <td align="center" valign="middle" class="mcnButtonContent" style="font-family: Arial;font-size: 16px;padding: 15px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                            <a class="mcnButton " title="Learn More" href="http://coldbrew.com/?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a#holler-mountain-cold-brew" target="_blank" style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #FFFFFF;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Learn More</a>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                  </td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </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 COLUMNS // -->
                    <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;background-color: #f6f5f3;border-top: 0;border-bottom: 0;">
                      <tbody>
                        <tr>
                          <td align="left" valign="top" class="columnsContainer" width="50%" 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="100%" class="templateColumn" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;">
                              <tbody>
                                <tr>
                                  <td valign="top" class="leftColumnContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                          <td align="left" valign="top" class="columnsContainer" width="50%" 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="100%" class="templateColumn" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;">
                              <tbody>
                                <tr>
                                  <td valign="top" class="rightColumnContainer" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"></td>
                                </tr>
                              </tbody>
                            </table>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- // END COLUMNS -->
                  </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="600" id="templateFooter" style="border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;min-width: 100%;background-color: #f6f5f3;border-top: 0;border-bottom: 0;">
                      <tbody>
                        <tr>
                          <td valign="top" class="footerContainer" style="padding-bottom: 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="mcnCodeBlock" 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%;">
                                    <!-- BEGIN FOOTER // -->
                                    <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%;">
                                      <tbody>
                                        <tr style="background: #1f1815;">
                                          <td align="center" valign="top" class="footerContent" 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" style="max-width: 640px;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 align="center" colspan="2" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <ul class="main-menu" style="list-style:none; margin: 90px auto; padding:0; font-family: Lucida Grand, Lucida Sans, Tahoma, sans-serif;font-weight:bold;font-size: 30px;">
                                                      <li style="margin-bottom: 20px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com:443/?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="color: #f2c78a;text-decoration: none;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Home</a></li>
                                                      <li style="margin-bottom: 20px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com:443/products?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="color: #f2c78a;text-decoration: none;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Shop</a></li>
                                                      <li style="margin-bottom: 20px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com:443/subscriptions?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="color: #f2c78a;text-decoration: none;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Subscriptions</a></li>
                                                      <li style="margin-bottom: 20px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com:443/brew-guides?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="color: #f2c78a;text-decoration: none;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">The Brew Guide</a></li>
                                                      <li style="margin-bottom: 20px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com:443/locations?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="color: #f2c78a;text-decoration: none;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Locations</a></li>
                                                    </ul>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td align="center" width="50%" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <ul class="sub-menu" style="margin:0 0 90px 0;padding:0;font-weight:bold;font-size:16px;list-style:none;">
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="http://www.coldbrew.com?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Cold Brew</a></li>
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com/our-story?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Our Story</a></li>
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com/blog?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Blog</a></li>
                                                    </ul>
                                                  </td>
                                                  <td align="center" width="50%" style="mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <ul class="sub-menu" style="margin:0 0 90px 0;padding:0;font-weight:bold;font-size:16px;list-style: none;">
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com/wholesale?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Serve Stumptown</a></li>
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com/contact?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Contact</a></li>
                                                      <li style="margin-bottom: 15px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="https://www.stumptowncoffee.com/jobs?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" style="text-decoration: none;color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">Jobs</a></li>
                                                    </ul>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                          </td>
                                        </tr>
                                        <tr>
                                          <td align="center" valign="top" style="padding: 20px;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%" style="font-size: 15px;line-height: 26px;text-align: left;max-width: 640px;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                              <tbody>
                                                <tr>
                                                  <td align="left" class="footer-copy" width="100%" style="padding-top: 40px;padding-bottom: 40px;mso-table-lspace: 0pt;mso-table-rspace: 0pt;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                    <p style="margin: 0 0 40px 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">

                                                      <span style="color:#000000">
You’re receiving this email because you opted-in to get updates on Stumptown Coffee Roasters’ product releases, happenings, and events. To ensure you receive future emails, please add<a href="mailto:info@stumptowncoffee.co" style="color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" target="_blank"> info@stumptowncoffee.com</a> to your address book. You can </span>
                                                      <a
                                                        href="#" style="color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                        target="_blank">unsubscribe here</a><span style="color:#000000"> or </span><a href="#" style="color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"
                                                          target="_blank">update your subscription preferences</a>.</p>
                                                    <p style="margin: 30px 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">
                                                      <a href="https://www.instagram.com/stumptowncoffee/?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" target="_blank" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><img src="https://gallery.mailchimp.com/e48b801da2bb0d18baaecc716/images/5accd02f-fcf5-437b-a193-9e8baaad65dd.png" alt="Instagram icon" width="40" height="40" border="0" style="margin-right: 15px;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"></a>
                                                      <a href="https://twitter.com/stumptowncoffee?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" target="_blank" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><img src="https://gallery.mailchimp.com/e48b801da2bb0d18baaecc716/images/0508b7b0-2926-4bf7-a381-7accb7f1c742.png" alt="Twitter icon" width="40" height="40" border="0" style="margin-right: 15px;border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"></a>
                                                      <a href="https://www.facebook.com/stumptowncoffee?mc_cid=48c94d46f0&amp;mc_eid=4c81732e7a" target="_blank" style="word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><img src="https://gallery.mailchimp.com/e48b801da2bb0d18baaecc716/images/58532168-972e-4802-8baf-31180221d028.png" alt="Facebook icon" width="40" height="40" border="0" style="border: 0;outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;"></a>
                                                    </p>

                                                    <p style="margin: 20px 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;">Stumptown Coffee Roasters<br> 100 SE Salmon Street<br> Portland, OR 97214</p>

                                                    <p style="margin: 20px 0;padding: 0;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;"><a href="#" style="color: #bf955a;word-wrap: break-word;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;" target="_blank">View email in browser</a></p>
                                                  </td>
                                                </tr>
                                              </tbody>
                                            </table>
                                          </td>
                                        </tr>
                                      </tbody>
                                    </table>
                                    <!-- // END FOOTER -->
                                  </td>
                                </tr>
                              </tbody>
                            </table>


                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <!-- // END FOOTER -->
                  </td>
                </tr>
              </tbody>
            </table>
            <!-- // END TEMPLATE -->
          </td>
        </tr>
      </tbody>
    </table>
  </center>

</body>
            
          
!
999px

Console