temp_nina

dog.html

{% if campaign_setup.preset_name == "dashboard" %}
  {% assign cta_text = "advocate_reward_paid_dashboard_email_button" | localize: "Refer more Friends!" %}
{% elsif campaign_setup.preset_name == "leaderboard" %}
  {% assign cta_text = "advocate_reward_paid_leaderboard_email_button" | localize: "Refer more Friends!" %}
{% else %}
  {% assign cta_text = "advocate_reward_paid_email_button" | localize: "Redeem now" %}
{% endif %}

<table class="body" align="center" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 560px; padding: 0;">
  <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
    <td class="center" align="center" valign="top" style="border-collapse: collapse !important; width: 360px; vertical-align: top; text-align: center; padding: 0;">
      <div class="background">
<div class="section section-head" style="padding: 25px 15px;">
    <table class="main-table" align="center" cellpadding="0" cellspacing="0" style="table-layout: fixed;width: 100%">
      <tr>
        <td width="230">&nbsp;</td>
        <td width="100" align="center">
          <img height="40" width="100" src="{{ "friend_share_email_background_logo" | localize: "studioshop.jpg", trait: "asset" }}" class="email-background"/>
        </td>
        <td width="230">&nbsp;</td>
      </tr>     
    </table>
</div>

<center style="width: 100%;">
<table class="container full" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; margin: 0 auto; padding: 0;">
    <tr>
      <td>
          <img alt="{{ site_name }}" src="http://cdn2-www.dogtime.com/assets/uploads/2011/01/file_23244_what-is-the-appenzeller-sennenhunde-dog-300x189.jpg"/>                  
      </td>
    </tr>
</table>
</center>
<center>
  <table>
    <tr>
      <td class="ie-reset" height="50">&nbsp;</td>
    </tr>
    {% if reward.incentive.incentive_type == "discount_coupon" %}
      <tr>
        <td>
          <table cellpadding="0" align="center" height="50" style="background-color: #000; margin: auto; border-collapse: collapse;" width="280">
            <tr>
              <td class="coupon-code" style="color: white" height="50">
                {{ coupon_code }}
              </td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td class="ie-reset" height="20">&nbsp;</td>
      </tr>
    {% endif %}
    <tr>
      <td>
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td align="center">
              <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td class="button" align="center" width="280">
                    <a style="background-color: black; border-color: black; color: white" href="{{ site_url }}?tkbl_expand=true" target="_blank" title="{{ cta_text }}">
                        {{ cta_text }}
                    </a>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr not-yahoo="true">
      <td class="vertical-line-1" style="line-height: 1px; font-size: 1px;" height="72">&nbsp;</td>
    </tr>
  </table>
</center>
<!--
<center class="footer" style="width: 100%; min-width: 580px;">
<div class="section" style="padding: 0 30px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 670px; margin: 0 auto; padding: 0;">
  <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
    <td style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
      <table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0;">
        <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
          <td class="wrapper" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; position: relative; padding: 0;" align="left" valign="top">
            <table class="six columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 342.5px; margin: 0 auto; padding: 0;">
              <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                <td style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                  <div class="footer-col footer-head" style="padding: 15px 30px 0 0;">
                    <div class="t-set">
                      <h4 style="font-family: 'Lasiver-Medium','Avenir-Medium','HelveticaNeue',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 1.25; text-transform: none; font-size: 26px; word-break: normal; margin: 0; padding: 0 0 15px;">Shop</h4>
                      <hr style="height: 0; background: none; margin: 0; border: 2px solid black;" />
                    </div>
                  </div>

                  <table class="u-full" style="width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                    <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                      <td class="u-half t-set" style="width: 50%; border-collapse: collapse !important; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                        <div class="footer-col footer-col-primary" style="padding: 15px 15px 15px 0;">
                          <p style="font-family: 'Lasiver-Light','Avenir-Light','HelveticaNeue-Light',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: .05em; line-height: 1.75; text-transform: none; font-size: 17px; word-break: normal; margin: 0; padding: 0 0 15px;">
                            <a href="http://www.ayr.com/collections/new-stuff" style="color: inherit; text-decoration: none;">New Stuff</a><br>
                            <a href="http://www.ayr.com/collections/everything" style="color: inherit; text-decoration: none;">Everything</a><br>
                            <a href="http://www.ayr.com/collections/a-few-left" style="color: inherit; text-decoration: none;">A Few Left</a><br>
                            <a href="http://www.ayr.com/collections/jeans" style="color: inherit; text-decoration: none;">Jeans</a><br>
                            <a href="http://www.ayr.com/collections/essentials" style="color: inherit; text-decoration: none;">Essentials</a><br>
                            <a href="http://www.ayr.com/collections/shirts" style="color: inherit; text-decoration: none;">Shirts</a>
                          </p>
                        </div>
                      </td>

                      <td class="u-half t-set" style="width: 50%; border-collapse: collapse !important; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                        <div class="footer-col footer-col-secondary" style="padding: 15px 0 15px 15px;">
                          <p style="font-family: 'Lasiver-Light','Avenir-Light','HelveticaNeue-Light',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: .05em; line-height: 1.75; text-transform: none; font-size: 17px; word-break: normal; margin: 0; padding: 0 0 15px;">
                            <a href="http://www.ayr.com/collections/pants" style="color: inherit; text-decoration: none;">Pants</a><br>
                            <a href="http://www.ayr.com/collections/jackets" style="color: inherit; text-decoration: none;">Jackets</a><br>
                            <a href="http://www.ayr.com/collections/work" style="color: inherit; text-decoration: none;">Work</a><br>
                            <a href="http://www.ayr.com/collections/sweaters" style="color: inherit; text-decoration: none;">Sweaters</a><br>
                            <a href="http://www.ayr.com/collections/dresses" style="color: inherit; text-decoration: none;">Dresses</a><br>
                            <a href="http://www.ayr.com/collections/sale" style="color: inherit; text-decoration: none;">Sale</a>
                          </p>
                        </div>
                      </td>
                    </tr>
                  </table>
                </td>

                <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
              </tr>
            </table>
          </td>

          <td class="wrapper last" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; position: relative; padding: 0;" align="left" valign="top">
            <table class="six columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 342.5px; margin: 0 auto; padding: 0;">
              <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                <td style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                  <table class="u-full" style="width: 100%; border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
                    <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                      <td class="u-half t-set" style="width: 50%; border-collapse: collapse !important; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                        <div class="footer-col footer-col-primary" style="padding: 15px 15px 15px 0;">
                          <h4 style="font-family: 'Lasiver-Medium','Avenir-Medium','HelveticaNeue',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 1.25; text-transform: none; font-size: 26px; word-break: normal; margin: 0; padding: 0 0 15px;">Be First</h4>
                          <hr style="height: 0; background: none; margin: 0; border: 2px solid black;" />
                        </div>

                        <div class="footer-col footer-col-primary" style="padding: 15px 15px 15px 0;">
                          <p style="font-family: 'Lasiver-Light','Avenir-Light','HelveticaNeue-Light',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: .05em; line-height: 1.75; text-transform: none; font-size: 17px; word-break: normal; margin: 0; padding: 0 0 15px;">
                            <a href="http://www.ayr.com/pages/about" style="color: inherit; text-decoration: none;">About</a><br>
                            <a href="http://www.ayr.com/pages/share" style="color: inherit; text-decoration: none;">Get $20</a><br>
                            <a href="http://www.ayr.com/pages/get-1-jeans" style="color: inherit; text-decoration: none;">Get $1 Jeans</a><br>
                            <a href="http://www.ayr.com/pages/try-it-on" style="color: inherit; text-decoration: none;">Try it on</a><br>
                          </p>
                        </div>
                      </td>

                      <td class="u-half t-set" style="width: 50%; border-collapse: collapse !important; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                        <div class="footer-col footer-col-secondary" style="padding: 15px 0 15px 15px;">
                          <h4 style="font-family: 'Lasiver-Medium','Avenir-Medium','HelveticaNeue',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: 0; line-height: 1.25; text-transform: none; font-size: 26px; word-break: normal; margin: 0; padding: 0 0 15px;">Friends</h4>
                          <hr style="height: 0; background: none; margin: 0; border: 2px solid black;" />
                        </div>

                        <div class="footer-col footer-col-secondary" style="padding: 15px 0 15px 15px;">
                          <p class="footer-social" style="font-family: 'Lasiver-Light','Avenir-Light','HelveticaNeue-Light',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: .05em; line-height: 1.75; text-transform: none; font-size: 17px; word-break: normal; margin: 0; padding: 0 0 15px;">
                            <a href="http://facebook.com/ayr" target="_blank" style="color: inherit; text-decoration: none; display: block;"><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-facebook_2x.png?1507861761270483565" height="16" class="show-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; max-height: 0; overflow: hidden; border: 0;" /><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-facebook-black_2x.png?1507861761270483565" height="16" class="hide-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; border: 0;" />&nbsp; /ayr</a>
                            <a href="https://www.pinterest.com/ayrnewyork/" target="_blank" style="color: inherit; text-decoration: none; display: block;"><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-pinterst_2x.png?1507861761270483565" height="16" class="show-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; max-height: 0; overflow: hidden; border: 0;" /><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-pinterst-black_2x.png?1507861761270483565" height="16" class="hide-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; border: 0;" />&nbsp; /ayr</a>
                            <a href="http://twitter.com/ayr" target="_blank" style="color: inherit; text-decoration: none; display: block;"><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-twitter_2x.png?1507861761270483565" height="16" class="show-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; max-height: 0; overflow: hidden; border: 0;" /><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-twitter-black_2x.png?1507861761270483565" height="16" class="hide-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; border: 0;" />&nbsp; @ayr</a>
                            <a href="http://instagram.com/ayr" target="_blank" style="color: inherit; text-decoration: none; display: block;"><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-instagram_2x.png?1507861761270483565" height="16" class="show-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; max-height: 0; overflow: hidden; border: 0;" /><img src="https://cdn.shopify.com/s/files/1/1212/1112/files/icon-instagram-black_2x.png?1507861761270483565" height="16" class="hide-inverted" style="outline: 0; text-decoration: none; -ms-interpolation-mode: bicubic; width: auto; display: inline; vertical-align: middle; border: 0;" />&nbsp; @ayr</a>
                          </p>
                        </div>
                      </td>

                      <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
                    </tr>
                  </table>
                </td>

                <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
              </tr>
            </table>
          </td>

          <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>

        </tr>
      </table>
    </td>

    <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
  </tr>
</table>
</div>
</center>
-->


<center style="width: 100%; min-width: 580px;">
<div class="section" style="padding: 0 30px;">
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 670px; margin: 0 auto; padding: 0;">
  <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
    <td style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
      <table class="row" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; position: relative; display: block; padding: 0;">
        <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
          <td class="wrapper last" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; position: relative; padding: 0;" align="left" valign="top">
            <table class="twelve columns" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 670px; margin: 0 auto; padding: 0;">
              <tr style="vertical-align: top; text-align: left; padding: 0;" align="left">
                <td class="t-set" style="border-collapse: collapse !important; width: 100%; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
                  <div class="u-pbsm" style="padding-bottom: 15px !important;">
                    <p style="font-family: 'Lasiver-Light','Avenir-Light','HelveticaNeue-Light',Helvetica,Helmut,Arial,'Lucida Grande',sans-serif; font-style: normal; font-weight: normal; letter-spacing: .05em; line-height: 1.75; text-transform: none; font-size: 17px; word-break: normal; margin: 0; padding: 0 0 15px;"><small style="font-size: 80%;">{{ "advocate_reward_paid_email_footer" | localize: "You haven't been added to any mailing lists. This is a one time email that won't get sent again unless another friend will buy from your invite at [[ site_name ]]. To prevent receiving emails like this <a href='[[ unsubscribe_url ]]' style='color: #000000;'>click here</a>." }}</small></p>
                  </div>
                </td>

                <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
              </tr>
            </table>
          </td>

        </tr>
      </table>
    </td>

    <td class="expander" style="border-collapse: collapse !important; width: 0; vertical-align: top; text-align: left; visibility: hidden; padding: 0;" align="left" valign="top"></td>
  </tr>
</table>
</div>
</center>

</div>

    </td>
  </tr>
</table>