RubyGems - wco_email - Versions diffs - 0.1.1.1 - Mend

wco_email 0.1.1.1

Files changed (183) hide show

data/app/views/wco_email/email_templates/_m202309_feedback.html.erb ADDED Viewed

@@ -0,0 +1,1161 @@
+<!doctype html>
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml"
+  xmlns:o="urn:schemas-microsoft-com:office:office">
+<head>
+  <!--[if gte mso 15]>
+        <xml>
+            <o:OfficeDocumentSettings>
+            <o:AllowPNG/>
+            <o:PixelsPerInch>96</o:PixelsPerInch>
+            </o:OfficeDocumentSettings>
+        </xml>
+        <![endif]-->
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>*|MC:SUBJECT|*</title>
+  <style type="text/css">
+    /* templateFooter */
+		#templateFooter {
+			background-color: #FAFAFA;
+			background-image: none;
+			background-repeat: no-repeat;
+			background-position: center;
+			background-size: cover;
+			border-top: 0;
+			border-bottom: 0;
+			padding-top: 9px;
+			padding-bottom: 9px;
+		}
+		#templateFooter .mcnTextContent,
+		#templateFooter .mcnTextContent p {
+			color: #656565;
+			font-family: Helvetica;
+			font-size: 12px;
+			line-height: 150%;
+			text-align: center;
+		}
+		#templateFooter .mcnTextContent a,
+		#templateFooter .mcnTextContent p a {
+			color: #656565;
+			font-weight: normal;
+			text-decoration: underline;
+		}
+    p {
+      margin: 10px 0;
+      padding: 0;
+    }
+    table {
+      border-collapse: collapse;
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      display: block;
+      margin: 0;
+      padding: 0;
+    }
+    img,
+    a img {
+      border: 0;
+      height: auto;
+      outline: none;
+      text-decoration: none;
+    }
+    body,
+    #bodyTable,
+    #bodyCell {
+      height: 100%;
+      margin: 0;
+      padding: 0;
+      width: 100%;
+    }
+    .mcnPreviewText {
+      display: none !important;
+    }
+    #outlook a {
+      padding: 0;
+    }
+    img {
+      -ms-interpolation-mode: bicubic;
+    }
+    table {
+      mso-table-lspace: 0pt;
+      mso-table-rspace: 0pt;
+    }
+    .ReadMsgBody {
+      width: 100%;
+    }
+    .ExternalClass {
+      width: 100%;
+    }
+    p,
+    a,
+    li,
+    td,
+    blockquote {
+      mso-line-height-rule: exactly;
+    }
+    a[href^=tel],
+    a[href^=sms] {
+      color: inherit;
+      cursor: default;
+      text-decoration: none;
+    }
+    p,
+    a,
+    li,
+    td,
+    body,
+    table,
+    blockquote {
+      -ms-text-size-adjust: 100%;
+      -webkit-text-size-adjust: 100%;
+    }
+    .ExternalClass,
+    .ExternalClass p,
+    .ExternalClass td,
+    .ExternalClass div,
+    .ExternalClass span,
+    .ExternalClass font {
+      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;
+    }
+    .templateContainer {
+      max-width: 600px !important;
+      background: white;
+    }
+    a.mcnButton {
+      display: block;
+    }
+    .mcnImage,
+    .mcnRetinaImage {
+      vertical-align: bottom;
+    }
+    .mcnTextContent {
+      word-break: break-word;
+    }
+    .mcnTextContent img {
+      height: auto !important;
+    }
+    .mcnDividerBlock {
+      table-layout: fixed !important;
+    }
+    /*
+	@tab Page
+	@section Heading 1
+	@style heading 1
+	*/
+    h1 {
+      /*@editable*/
+      color: #222222;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 40px;
+      /*@editable*/
+      font-style: normal;
+      /*@editable*/
+      font-weight: bold;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      letter-spacing: normal;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Page
+	@section Heading 2
+	@style heading 2
+	*/
+    h2 {
+      /*@editable*/
+      color: #222222;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 28px;
+      /*@editable*/
+      font-style: normal;
+      /*@editable*/
+      font-weight: bold;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      letter-spacing: normal;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Page
+	@section Heading 3
+	@style heading 3
+	*/
+    h3 {
+      /*@editable*/
+      color: #444444;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 22px;
+      /*@editable*/
+      font-style: normal;
+      /*@editable*/
+      font-weight: bold;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      letter-spacing: normal;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Page
+	@section Heading 4
+	@style heading 4
+	*/
+    h4 {
+      /*@editable*/
+      color: #949494;
+      /*@editable*/
+      font-family: Georgia;
+      /*@editable*/
+      font-size: 20px;
+      /*@editable*/
+      font-style: italic;
+      /*@editable*/
+      font-weight: normal;
+      /*@editable*/
+      line-height: 125%;
+      /*@editable*/
+      letter-spacing: normal;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Header
+	@section Header Container Style
+	*/
+    #templateHeader {
+      /*@editable*/
+      background-color: #F7F7F7;
+      /*@editable*/
+      background-image: none;
+      /*@editable*/
+      background-repeat: no-repeat;
+      /*@editable*/
+      background-position: center;
+      /*@editable*/
+      background-size: cover;
+      /*@editable*/
+      border-top: 0;
+      /*@editable*/
+      border-bottom: 0;
+      /*@editable*/
+      padding-top: 54px;
+      /*@editable*/
+      padding-bottom: 54px;
+    }
+    /*
+	@tab Header
+	@section Header Interior Style
+	*/
+    .headerContainer {
+      /*@editable*/
+      background-color: transparent;
+      /*@editable*/
+      background-image: none;
+      /*@editable*/
+      background-repeat: no-repeat;
+      /*@editable*/
+      background-position: center;
+      /*@editable*/
+      background-size: cover;
+      /*@editable*/
+      border-top: 0;
+      /*@editable*/
+      border-bottom: 0;
+      /*@editable*/
+      padding-top: 0;
+      /*@editable*/
+      padding-bottom: 0;
+    }
+    /*
+	@tab Header
+	@section Header Text
+	*/
+    .headerContainer .mcnTextContent,
+    .headerContainer .mcnTextContent p {
+      /*@editable*/
+      color: #757575;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 16px;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Header
+	@section Header Link
+	*/
+    .headerContainer .mcnTextContent a,
+    .headerContainer .mcnTextContent p a {
+      /*@editable*/
+      color: #007C89;
+      /*@editable*/
+      font-weight: normal;
+      /*@editable*/
+      text-decoration: underline;
+    }
+    /*
+	@tab Body
+	@section Body Container Style
+	*/
+    #templateBody {
+      background-color: #FAFAFA;
+      background-image: none;
+      background-repeat: no-repeat;
+      background-position: center;
+      background-size: cover;
+      border-top: 0;
+      border-bottom: 0;
+      padding-top: 27px;
+      padding-bottom: 63px;
+    }
+    /*
+	@tab Body
+	@section Body Interior Style
+	*/
+    .bodyContainer {
+      /*@editable*/
+      background-color: transparent;
+      /*@editable*/
+      background-image: none;
+      /*@editable*/
+      background-repeat: no-repeat;
+      /*@editable*/
+      background-position: center;
+      /*@editable*/
+      background-size: cover;
+      /*@editable*/
+      border-top: 0;
+      /*@editable*/
+      border-bottom: 0;
+      /*@editable*/
+      padding-top: 0;
+      /*@editable*/
+      padding-bottom: 0;
+    }
+    /*
+	@tab Body
+	@section Body Text
+	*/
+    .bodyContainer .mcnTextContent,
+    .bodyContainer .mcnTextContent p {
+      /*@editable*/
+      color: #757575;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 16px;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      text-align: left;
+    }
+    /*
+	@tab Body
+	@section Body Link
+	*/
+    .bodyContainer .mcnTextContent a,
+    .bodyContainer .mcnTextContent p a {
+      /*@editable*/
+      color: #007C89;
+      /*@editable*/
+      font-weight: normal;
+      /*@editable*/
+      text-decoration: underline;
+    }
+    /*
+	@tab Footer
+	@section Footer Interior Style
+	*/
+    .footerContainer {
+      /*@editable*/
+      background-color: transparent;
+      /*@editable*/
+      background-image: none;
+      /*@editable*/
+      background-repeat: no-repeat;
+      /*@editable*/
+      background-position: center;
+      /*@editable*/
+      background-size: cover;
+      /*@editable*/
+      border-top: 0;
+      /*@editable*/
+      border-bottom: 0;
+      /*@editable*/
+      padding-top: 0;
+      /*@editable*/
+      padding-bottom: 0;
+    }
+    /*
+	@tab Footer
+	@section Footer Text
+	*/
+    .footerContainer .mcnTextContent,
+    .footerContainer .mcnTextContent p {
+      /*@editable*/
+      color: #FFFFFF;
+      /*@editable*/
+      font-family: Helvetica;
+      /*@editable*/
+      font-size: 12px;
+      /*@editable*/
+      line-height: 150%;
+      /*@editable*/
+      text-align: center;
+    }
+    /*
+	@tab Footer
+	@section Footer Link
+	*/
+    .footerContainer .mcnTextContent a,
+    .footerContainer .mcnTextContent p a {
+      /*@editable*/
+      color: #FFFFFF;
+      /*@editable*/
+      font-weight: normal;
+      /*@editable*/
+      text-decoration: underline;
+    }
+    @media only screen and (min-width:768px) {
+      .templateContainer {
+        width: 600px !important;
+      }
+    }
+    @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) {
+      .mcnRetinaImage {
+        max-width: 100% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImage {
+        width: 100% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnCartContainer,
+      .mcnCaptionTopContent,
+      .mcnRecContentContainer,
+      .mcnCaptionBottomContent,
+      .mcnTextContentContainer,
+      .mcnBoxedTextContentContainer,
+      .mcnImageGroupContentContainer,
+      .mcnCaptionLeftTextContentContainer,
+      .mcnCaptionRightTextContentContainer,
+      .mcnCaptionLeftImageContentContainer,
+      .mcnCaptionRightImageContentContainer,
+      .mcnImageCardLeftTextContentContainer,
+      .mcnImageCardRightTextContentContainer,
+      .mcnImageCardLeftImageContentContainer,
+      .mcnImageCardRightImageContentContainer {
+        max-width: 100% !important;
+        width: 100% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnBoxedTextContentContainer {
+        min-width: 100% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageGroupContent {
+        padding: 9px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnCaptionLeftContentOuter .mcnTextContent,
+      .mcnCaptionRightContentOuter .mcnTextContent {
+        padding-top: 9px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageCardTopImageContent,
+      .mcnCaptionBottomContent:last-child .mcnCaptionBottomImageContent,
+      .mcnCaptionBlockInner .mcnCaptionTopContent:last-child .mcnTextContent {
+        padding-top: 18px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageCardBottomImageContent {
+        padding-bottom: 9px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageGroupBlockInner {
+        padding-top: 0 !important;
+        padding-bottom: 0 !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageGroupBlockOuter {
+        padding-top: 9px !important;
+        padding-bottom: 9px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnTextContent,
+      .mcnBoxedTextContentColumn {
+        padding-right: 18px !important;
+        padding-left: 18px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcnImageCardLeftImageContent,
+      .mcnImageCardRightImageContent {
+        padding-right: 18px !important;
+        padding-bottom: 0 !important;
+        padding-left: 18px !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      .mcpreview-image-uploader {
+        display: none !important;
+        width: 100% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Heading 1
+	@tip Make the first-level headings larger in size for better readability on small screens.
+	*/
+      h1 {
+        /*@editable*/
+        font-size: 30px !important;
+        /*@editable*/
+        line-height: 125% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Heading 2
+	@tip Make the second-level headings larger in size for better readability on small screens.
+	*/
+      h2 {
+        /*@editable*/
+        font-size: 26px !important;
+        /*@editable*/
+        line-height: 125% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Heading 3
+	@tip Make the third-level headings larger in size for better readability on small screens.
+	*/
+      h3 {
+        /*@editable*/
+        font-size: 20px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Heading 4
+	@tip Make the fourth-level headings larger in size for better readability on small screens.
+	*/
+      h4 {
+        /*@editable*/
+        font-size: 18px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Boxed Text
+	@tip Make the boxed text larger in size for better readability on small screens. We recommend a font size of at least 16px.
+	*/
+      .mcnBoxedTextContentContainer .mcnTextContent,
+      .mcnBoxedTextContentContainer .mcnTextContent p {
+        /*@editable*/
+        font-size: 14px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Header Text
+	@tip Make the header text larger in size for better readability on small screens.
+	*/
+      .headerContainer .mcnTextContent,
+      .headerContainer .mcnTextContent p {
+        /*@editable*/
+        font-size: 16px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Body Text
+	@tip Make the body text larger in size for better readability on small screens. We recommend a font size of at least 16px.
+	*/
+      .bodyContainer .mcnTextContent,
+      .bodyContainer .mcnTextContent p {
+        /*@editable*/
+        font-size: 16px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+    @media only screen and (max-width: 480px) {
+      /*
+	@tab Mobile Styles
+	@section Footer Text
+	@tip Make the footer content text larger in size for better readability on small screens.
+	*/
+      .footerContainer .mcnTextContent,
+      .footerContainer .mcnTextContent p {
+        /*@editable*/
+        font-size: 14px !important;
+        /*@editable*/
+        line-height: 150% !important;
+      }
+    }
+  </style>
+</head>
+<body>
+  <!--*|IF:MC_PREVIEW_TEXT|*-->
+  <!--[if !gte mso 9]><!----><span class="mcnPreviewText"
+    style="display:none; font-size:0px; line-height:0px; max-height:0px; max-width:0px; opacity:0; overflow:hidden; visibility:hidden; mso-hide:all;">*|MC_PREVIEW_TEXT|*</span>
+  <!--<![endif]-->
+  <!--*|END:IF|*-->
+  <center>
+    <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
+      <tr>
+        <td align="center" valign="top" id="bodyCell">
+          <!-- BEGIN TEMPLATE // -->
+          <table border="0" cellpadding="0" cellspacing="0" width="100%">
+            <tr>
+              <td align="center" valign="top" id="templateHeader" data-template-container>
+                <!--[if (gte mso 9)|(IE)]>
+                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                                    <tr>
+                                    <td align="center" valign="top" width="600" style="width:600px;">
+                                    <![endif]-->
+                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+                  <tr>
+                    <td valign="top" class="headerContainer">
+                      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnImageBlock"
+                        style="min-width:100%;">
+                        <tbody class="mcnImageBlockOuter">
+                          <tr>
+                            <td valign="top" >
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </td>
+                  </tr>
+                </table>
+                <!--[if (gte mso 9)|(IE)]>
+                                    </td>
+                                    </tr>
+                                    </table>
+                                    <![endif]-->
+              </td>
+            </tr>
+            <tr>
+              <td align="center" valign="top" id="templateBody" data-template-container style="background-color: #FAFAFA; " >
+                <!--[if (gte mso 9)|(IE)]>
+                                    <table align="center" border="0" cellspacing="0" cellpadding="0" width="600" style="width:600px;">
+                                    <tr>
+                                    <td align="center" valign="top" width="600" style="width:600px;">
+                                    <![endif]-->
+                <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" class="templateContainer">
+                  <tr>
+                    <td valign="top" class="bodyContainer">
+                      <%= render '/wco_email/application_mailer/header_logo' %>
+                      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
+                        style="min-width:100%;">
+                        <tbody class="mcnTextBlockOuter">
+                          <tr>
+                            <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
+                              <!--[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%;" width="100%" class="mcnTextContentContainer">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="mcnTextContent"
+                                      style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
+                                      <h2>Your feedback is important to us</h2>
+                                      <p style="font-size:18px !important;">How satisfied are you with Wasya Co
+                                        services?</p>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                              <!--[if mso]>
+				</td>
+				<![endif]-->
+                              <!--[if mso]>
+				</tr>
+				</table>
+				<![endif]-->
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnDividerBlock"
+                        style="min-width:100%;">
+                        <tbody class="mcnDividerBlockOuter">
+                          <tr>
+                            <td class="mcnDividerBlockInner" style="min-width: 100%; padding: 18px 18px 0px;">
+                              <table class="mcnDividerContent" border="0" cellpadding="0" cellspacing="0" width="100%"
+                                style="min-width:100%;">
+                                <tbody>
+                                  <tr>
+                                    <td>
+                                      <span></span>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                              <!--
+                <td class="mcnDividerBlockInner" style="padding: 18px;">
+                <hr class="mcnDividerContent" style="border-bottom-color:none; border-left-color:none; border-right-color:none; border-bottom-width:0; border-left-width:0; border-right-width:0; margin-top:0; margin-right:0; margin-bottom:0; margin-left:0;" />
+-->
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                      <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateColumns">
+                        <tbody>
+                          <tr>
+                            <td align="left" valign="top" class="columnsContainer" width="20%"
+                              style="padding-top:9px; padding-bottom:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="leftColumnContainer">
+                                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                        class="mcnButtonBlock" style="min-width:100%;">
+                                        <tbody class="mcnButtonBlockOuter">
+                                          <tr>
+                                            <td
+                                              style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+                                              valign="top" align="center" class="mcnButtonBlockInner">
+                                              <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                                class="mcnButtonContentContainer"
+                                                style="border-collapse: separate !important;border-radius: 3px;background-color: #767F88;">
+                                                <tbody>
+                                                  <tr>
+                                                    <td align="center" valign="middle" class="mcnButtonContent"
+                                                      style="font-family: Arial; font-size: 16px; padding: 10px;">
+                                                      <% link_1 = obfuscate "#{@tmpl_config['link_1']}#{@utm_tracking_str}" %>
+                                                      <a class="mcnButton " title="1-One" href="<%= link_1 %>" target="_self"
+                                                        style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #CDD0D5;"
+                                                      >1</a>
+                                                    </td>
+                                                  </tr>
+                                                </tbody>
+                                              </table>
+                                            </td>
+                                          </tr>
+                                        </tbody>
+                                      </table>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </td>
+                            <td align="left" valign="top" class="columnsContainer" width="20%"
+                              style="padding-top:9px; padding-bottom:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="leftColumnContainer">
+                                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                        class="mcnButtonBlock" style="min-width:100%;">
+                                        <tbody class="mcnButtonBlockOuter">
+                                          <tr>
+                                            <td
+                                              style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+                                              valign="top" align="center" class="mcnButtonBlockInner">
+                                              <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                                class="mcnButtonContentContainer"
+                                                style="border-collapse: separate !important;border-radius: 3px;background-color: #767F88;">
+                                                <tbody>
+                                                  <tr>
+                                                    <td align="center" valign="middle" class="mcnButtonContent"
+                                                      style="font-family: Arial; font-size: 16px; padding: 10px;">
+                                                      <% link_2 = obfuscate "#{@tmpl_config['link_2']}#{@utm_tracking_str}" %>
+                                                      <a class="mcnButton " title="2-Two" href="<%= link_2 %>" target="_self"
+                                                        style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #CDD0D5;"
+                                                      >2</a>
+                                                    </td>
+                                                  </tr>
+                                                </tbody>
+                                              </table>
+                                            </td>
+                                          </tr>
+                                        </tbody>
+                                      </table>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </td>
+                            <td align="left" valign="top" class="columnsContainer" width="20%"
+                              style="padding-top:9px; padding-bottom:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="leftColumnContainer">
+                                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                        class="mcnButtonBlock" style="min-width:100%;">
+                                        <tbody class="mcnButtonBlockOuter">
+                                          <tr>
+                                            <td
+                                              style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+                                              valign="top" align="center" class="mcnButtonBlockInner">
+                                              <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                                class="mcnButtonContentContainer"
+                                                style="border-collapse: separate !important;border-radius: 3px;background-color: #767F88;">
+                                                <tbody>
+                                                  <tr>
+                                                    <td align="center" valign="middle" class="mcnButtonContent"
+                                                      style="font-family: Arial; font-size: 16px; padding: 10px;">
+                                                      <% link_3 = obfuscate "#{@tmpl_config['link_3']}#{@utm_tracking_str}" %>
+                                                      <a class="mcnButton " title="3-Three" href="<%= link_3 %>" target="_self"
+                                                        style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #CDD0D5;"
+                                                      >3</a>
+                                                    </td>
+                                                  </tr>
+                                                </tbody>
+                                              </table>
+                                            </td>
+                                          </tr>
+                                        </tbody>
+                                      </table>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </td>
+                            <td align="left" valign="top" class="columnsContainer" width="20%"
+                              style="padding-top:9px; padding-bottom:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="leftColumnContainer">
+                                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                        class="mcnButtonBlock" style="min-width:100%;">
+                                        <tbody class="mcnButtonBlockOuter">
+                                          <tr>
+                                            <td
+                                              style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+                                              valign="top" align="center" class="mcnButtonBlockInner">
+                                              <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                                class="mcnButtonContentContainer"
+                                                style="border-collapse: separate !important;border-radius: 3px;background-color: #767F88;">
+                                                <tbody>
+                                                  <tr>
+                                                    <td align="center" valign="middle" class="mcnButtonContent"
+                                                      style="font-family: Arial; font-size: 16px; padding: 10px;">
+                                                      <% link_4 = obfuscate "#{@tmpl_config['link_4']}#{@utm_tracking_str}" %>
+                                                      <a class="mcnButton " title="4-Four" href="<%= link_4 %>" target="_self"
+                                                        style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #CDD0D5;"
+                                                      >4</a>
+                                                    </td>
+                                                  </tr>
+                                                </tbody>
+                                              </table>
+                                            </td>
+                                          </tr>
+                                        </tbody>
+                                      </table>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </td>
+                            <td align="left" valign="top" class="columnsContainer" width="20%"
+                              style="padding-top:9px; padding-bottom:9px;">
+                              <table border="0" cellpadding="0" cellspacing="0" width="100%" class="templateColumn">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="leftColumnContainer">
+                                      <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                        class="mcnButtonBlock" style="min-width:100%;">
+                                        <tbody class="mcnButtonBlockOuter">
+                                          <tr>
+                                            <td
+                                              style="padding-top:0; padding-right:18px; padding-bottom:18px; padding-left:18px;"
+                                              valign="top" align="center" class="mcnButtonBlockInner">
+                                              <table border="0" cellpadding="0" cellspacing="0" width="100%"
+                                                class="mcnButtonContentContainer"
+                                                style="border-collapse: separate !important;border-radius: 3px;background-color: #767F88;">
+                                                <tbody>
+                                                  <tr>
+                                                    <td align="center" valign="middle" class="mcnButtonContent"
+                                                      style="font-family: Arial; font-size: 16px; padding: 10px;">
+                                                      <% link_5 = obfuscate "#{@tmpl_config['link_5']}#{@utm_tracking_str}" %>
+                                                      <a class="mcnButton " title="5-Five" href="<%= link_5 %>" target="_self"
+                                                        style="font-weight: bold;letter-spacing: normal;line-height: 100%;text-align: center;text-decoration: none;color: #CDD0D5;"
+                                                      >5</a>
+                                                    </td>
+                                                  </tr>
+                                                </tbody>
+                                              </table>
+                                            </td>
+                                          </tr>
+                                        </tbody>
+                                      </table>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                      <table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnTextBlock"
+                        style="min-width:100%;">
+                        <tbody class="mcnTextBlockOuter">
+                          <tr>
+                            <td valign="top" class="mcnTextBlockInner" style="padding-top:9px;">
+                              <!--[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%;" width="100%" class="mcnTextContentContainer">
+                                <tbody>
+                                  <tr>
+                                    <td valign="top" class="mcnTextContent"
+                                      style="padding-top:0; padding-right:18px; padding-bottom:9px; padding-left:18px;">
+                                      <p style="font-size:18px !important;">Thank you! Your response will help us improve the way we provide value to our customers.</p>
+                                    </td>
+                                  </tr>
+                                </tbody>
+                              </table>
+                              <!--[if mso]>
+				</td>
+				<![endif]-->
+                              <!--[if mso]>
+				</tr>
+				</table>
+				<![endif]-->
+                            </td>
+                          </tr>
+                        </tbody>
+                      </table>
+                    </td>
+                  </tr>
+                </table>
+                <!--[if (gte mso 9)|(IE)]>
+                                    </td>
+                                    </tr>
+                                    </table>
+                                    <![endif]-->
+              </td>
+            </tr>
+            <tr>
+							<td valign="top" id="templateFooter">
+								<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnFollowBlock"
+									style="min-width:100%;">
+									<tbody class="mcnFollowBlockOuter">
+										<tr>
+											<td align="center" valign="top" style="padding:9px" class="mcnFollowBlockInner">
+												<%= render '/wco_email/application_mailer/footer_unsubscribe' %>
+											</td>
+										</tr>
+									</tbody>
+								</table>
+							</td>
+						</tr>
+          </table>
+          <!-- // END TEMPLATE -->
+        </td>
+      </tr>
+    </table>
+  </center>
+</body>
+</html>