<html>
<body lang="en" style="padding: 0; margin: 0;">
<table cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="background-color:#e9eff2; padding: 30px 15px 0;">
<table cellspacing="0" cellpadding="0" border="0" align="center" width="710"
       style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; color: #333;">
<tr>
  <td style="background-color: #63839b;">
    <a style="color:#ffffff; display: block;" href="{{HEADER_IMAGE_LINK}}">
      <img alt="Twitter" height="52"
           src="http://a2.twimg.com/a/1308589877/images/email/email_header_710.png"
           style="border: 0; display: block;" width="710"/>
    </a>
  </td>
</tr>

<tr>
  <td height="1" style="background-color: #60829c;"></td>
</tr>
<tr>
  <td style="background-color: #fff; padding: 25px 40px 22px;">

    <table cellpadding="0" cellspacing="0" border="0" width="600" align="center"
           style="margin: 0 auto;" class="header">
      <tr>
        <td height="36" width="540" valign="middle" style="padding: 0 0 25px;">
          <h1 style="font-weight: normal; font-size: 17px; line-height: 1.2; margin: 0;">
            Hey
            <a href="{{USER_LINK_1}}" style="text-decoration: none; color: #333333">
              <strong>{{USER_NAME}}</strong>
              <span style="color: #5a7b93;">@{{USER_SCREENNAME}}</span></a>, Twitter has
            suggestions for you!
          </h1>
        </td>
      </tr>
    </table>

    <table cellpadding="0" cellspacing="0" border="0" width="600" align="center"
           class="explanation">
      <tr>
        <td style="font-size: 14px">
          Did you know that Twitter generates personalized Who To Follow suggestions for
          you? Following the ones you like will help you stay informed on what matters the
          most to you today and discover what might matter to you tomorrow.
        </td>
      </tr>
    </table>

    {{^NO_SUGGESTED_USERS}}
    <table class="suggestions"
        style="background: #ecf2f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 15px; margin: 25px auto 0 auto;"
        width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td style="padding: 0 50px;">
          <a href="{{SUGGESTED_USER_1_LINK}}" style="text-decoration: none;">
            <div
                style="font-size: 13px; font-weight: bold; color: #333; text-decoration: none; margin-bottom: 5px;">
              {{SUGGESTED_USER_1_NAME}}
            </div>
            <div style="color: #5a7b93; font-size: 12px; margin-bottom: 5px;">
              @{{SUGGESTED_USER_1_SCREENNAME}}
            </div>
            <img alt="" width="80" height="80"
                 src="{{SUGGESTED_USER_1_REASONABLY_SMALL_AVATAR}}"
                 style="display: block; border: none; margin-bottom: 5px;"/>

            <div style="color: #5a7b93; font-size: 12px;">view profile &rarr;</div>
          </a>
        </td>

        <td style="padding: 0 50px;">
          <a href="{{SUGGESTED_USER_2_LINK}}" style="text-decoration: none;">
            <div
                style="font-size: 13px; font-weight: bold; color: #333; text-decoration: none; margin-bottom: 5px;">
              {{SUGGESTED_USER_2_NAME}}
            </div>
            <div style="color: #5a7b93; font-size: 12px; margin-bottom: 5px;">
              @{{SUGGESTED_USER_2_SCREENNAME}}
            </div>
            <img alt="" width="80" height="80"
                 src="{{SUGGESTED_USER_2_REASONABLY_SMALL_AVATAR}}"
                 style="display: block; border: none; margin-bottom: 5px;"/>

            <div style="color: #5a7b93; font-size: 12px;">view profile &rarr;</div>
          </a>
        </td>

        <td style="padding: 0 50px;">
          <a href="{{SUGGESTED_USER_3_LINK}}" style="text-decoration: none;">
            <div
                style="font-size: 13px; font-weight: bold; color: #333; text-decoration: none; margin-bottom: 5px;">
              {{SUGGESTED_USER_3_NAME}}
            </div>
            <div style="color: #5a7b93; font-size: 12px; margin-bottom: 5px;">
              @{{SUGGESTED_USER_3_SCREENNAME}}
            </div>
            <img alt="" width="80" height="80"
                 src="{{SUGGESTED_USER_3_REASONABLY_SMALL_AVATAR}}"
                 style="display: block; border: none; margin-bottom: 5px;"/>

            <div style="color: #5a7b93; font-size: 12px;">view profile &rarr;</div>
          </a>
        </td>
      </tr>
    </table>
    {{/NO_SUGGESTED_USERS}}

    <img width="1" height="1" style="display: block;" src="{{IMAGE_LOAD_SCRIBE}}"/>

  </td>
</tr>

<tr>
  <td style="background-color: #fff; padding: 0 0 10px 0;"></td>
</tr>
<tr>
  <td style="background-color: #fff; padding: 32px 40px 22px; border-top: 1px solid #E4ECF0;">

    <table cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td valign="middle" style="padding: 0 0 0 15px">
          <table style="background-color: #63839b;" cellpadding="0" border="0"
                 cellspacing="0">
            <tr>
              <td width="1" height="1" style="background-color: #fff;"></td>
              <td></td>
              <td width="1" height="1" style="background-color: #fff;"></td>
            </tr>

            <tr>
              <td></td>
              <td style="padding: 5px;">
                <a href="{{SUGGESTED_USERS_BUTTON}}"
                   style="color: #fff; text-decoration: none; padding: 5px 13px; font-size: 16px; display: block;"
                   class="primary-action">
                  View all suggestions for you
                </a>
              </td>
              <td></td>
            </tr>

            <tr>
              <td width="1" height="1" style="background-color: #fff;"></td>
              <td style="background-color: #4e6f8A"></td>
              <td width="1" height="1" style="background-color: #fff;"></td>
            </tr>
          </table>
        </td>

        <td valign="middle" style="padding: 0 0 0 15px; font-size: 15px;line-height: 19px">
          <a href="{{RESET}}" style="text-decoration: none; color: #666;"
             class="secondary-action">
            Forgot your Twitter password?<br/>
                    <span style="color: #63839a;"><strong>Get
                      instructions on how to reset it &raquo;</strong></span>
          </a>
        </td>
      </tr>
    </table>
  </td>
</tr>
<tr>
  <td style="padding: 0 0 10px 0; background-color: #fff; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;"></td>
</tr>
<tr>
  <td>
    <div style="padding: 0 5px;">
      <div
          style="height: 2px; line-height: 2px; font-size: 2px; background-color: #e2e7e7; clear: both; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;"></div>
    </div>
  </td>
</tr>
<tr>
  <td style="font-size: 11px; line-height: 16px; color: #aaa; padding: 25px 40px;">
    If you'd rather not receive Twitter product or service updates, you can <a
      href="{{UNSUBSCRIBE}}" style="color: #6d90a9; text-decoration: none;"
      class="unsubscribe-link">unsubscribe</a> immediately. Please do not reply to this message; it was sent from an unmonitored
    email address. This message is a service email related to your use of Twitter. For
    general inquiries or to request support with your Twitter account, please visit us at <a
      href="http://support.twitter.com/" style="color: #6d90a9; text-decoration: none;">Twitter
    Support</a>. If you received this message in error and did not sign up for a Twitter
    account, click <a href="{{NOTMYACCOUNT}}"
                      style='color: #6d90a9; text-decoration: none;'>not my account</a>.
  </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
