Foreign Affairs Style Guide : Article -- Paywall - 2019

      <div class="paywall p3-col-promo a-2019-v">
  <div class="paywall-prompt purchasable-pdf--no">
    <div class="paywall-desktop-col">
      <h4 class="paywall-col-header">Join Us as a Subscriber</h4>
      <div class="paywall-ben-container">
        <div class="plus-col paywall-ben-col">
          <h5 class="paywayll-col-head">Plus</h5>
          <div class="paywall-cost"><strong class="paywall-cost-amt">$40.95</strong>(One Year)</div>
          <ul class="paywall-benefit-list">
            <li class="paywall-benefit-item">6 Print & Digital Issues</li>
            <li class="paywall-benefit-item">Paywall-free Reading on ForeignAffairs.com</li>
            <li class="paywall-benefit-item">6 Original eBooks</li>
          </ul>
          <a href="/subscribe?ban=BPWPL&amp;src=FFAG2F0&amp;package=b" class="paywall-subscribe-button">Subscribe</a>
        </div>
        <div class="digital-col paywall-ben-col">
          <h5 class="paywayll-col-head">Digital</h5>
          <div class="paywall-cost"><strong class="paywall-cost-amt">$34.95</strong>(One Year)</div>
          <ul class="paywall-benefit-list">
            <li class="paywall-benefit-item">6 Digital Issues</li>
            <li class="paywall-benefit-item">Paywall-free Reading on ForeignAffairs.com</li>
            <li class="paywall-benefit-item">6 Original eBooks</li>
          </ul>
          <a href="/subscribe?ban=BPWDG&amp;src=FFAG2H6&amp;package=d" class="paywall-subscribe-button">Subscribe</a>
        </div>
        <div class="print-col paywall-ben-col">
          <h5 class="paywayll-col-head">Register</h5>
          <div class="paywall-cost"><strong class="paywall-cost-amt">ONE FREE ARTICLE</strong>(Per Month)</div>
          <p class="paywall-benefit-reg-copy f-sans">Register below to keep reading, or <a href="#">subscribe now</a> to get unlimiated access to <em>Foreign Affairs</em> online, in print, and on our apps.</p>
          <a href="/subscribe?ban=BPWPR&amp;src=FFAG2G8&amp;package=p" class="paywall-subscribe-button">Register</a>
        </div>
      </div>
    </div>
  </div>
</div>

<!-- The below code is used to simulate the action of clicking the "Already a subscriber" link -->
<form class="user-login-form" action="/ajax_forms/ajax/login" method="post" id="user-login" accept-charset="UTF-8" style="display:none;"><div><div class="user-login__header form-mice-type">Don't have an account? <a href="/ajax_forms/nojs/register-form" class="use-ajax ajax-processed">Register</a> today for free.</div><div class="form-item form-type-textfield form-item-name">
 <input placeholder="Your Email" type="text" id="edit-name" name="name" value="" size="60" maxlength="60" class="form-text required">
</div>
<div class="form-item form-type-password form-item-pass">
 <input placeholder="Your Password" type="password" id="edit-pass" name="pass" size="60" maxlength="128" class="form-text required">
</div>
<input type="hidden" name="form_build_id" value="form-bhbt2KjqO3rMHkKACXaIRRlkDr0ioDrtTwgLqbGz24c">
<input type="hidden" name="form_id" value="user_login">
<div class="form-actions form-wrapper" id="edit-actions"><input class="button__blue button-login form-submit ajax-processed" type="submit" id="edit-submit--4" name="op" value="Sign In"></div><div class="user-login__footer form-mice-type"><a href="/modal_forms/nojs/password" class="ctools-use-modal ctools-modal-modal-popup-small ctools-use-modal-processed" title="Forgot your username or password?">Forgot your username or password?</a><br><a class="use-ajax ajax-processed" href="/ajax_forms/nojs/register-form?status=1">Already a subscriber but don't have a login?</a><br><a href="/myaccount">Customer Service</a></div></div></form>
Foreign Affairs Style Guide

Article -- Paywall - 2019 - A version

Redmine Prototyping Ticket(s)

Data Sources:
