The body component of an article including the article paywall.
Are you already a subscriber?
<div class="paywall"> <div class="paywall-prompt--no-border"> <header class="paywall-prompt-header"> <h3 class="paywall-prompt__title"> Almost there </h3> <p> Are you already a subscriber? </p> </header> <form class="paywall-prompt-form--s2--registered"> <div class="paywall-prompt__user-type"> <a href="#">No, not yet.</a> <a class="is-active" href="#">Yes, I'm a subscriber.</a> </div> <input type="text" placeholder="First Name" /> <input type="text" placeholder="Last Name" /> <input type="text" placeholder="Email" /> <input type="text" placeholder="Username" /> <input type="text" placeholder="Password" /> <input type="text" placeholder="Confirm Password" /> <input type="text" placeholder="Account Number" /> <a href="#" class="paywall-prompt-form--s2__help">?</a> <div class="paywall-account-help--modal"> <h4 class="paywall-account-help__title"> Find your account number <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="6.1 563.4 993.8 986.6" enable-background="new 6.1 563.4 993.8 986.6" xml:space="preserve"> <path d="M745.1,1034.6H520.1V809.8c0-10.9-7.3-18.2-18.2-18.2c-10.9,0-18.2,7.3-18.2,18.2v224.8H259.1c-10.9,0-18.2,7.3-18.2,18.2 c0,10.9,7.3,18.2,18.2,18.2h224.8v224.8c0,7.3,7.3,14.5,18.2,14.5c10.9,0,18.2-7.3,18.2-18.2v-224.8h224.8 c10.8,0,18.2-7.3,18.2-18.2C763.2,1042,752.2,1034.6,745.1,1034.6z M502,570.4c-268.3,0-485.9,214-485.9,482.3 c0,264.8,217.6,482.4,485.9,482.4s485.9-214,485.9-482.4C988,788,770.4,570.4,502,570.4z M502,1498.9 c-250.2,0-449.7-199.4-449.7-446.1S255.5,606.7,502,606.7c250.2,0,449.7,199.4,449.7,446.1S748.6,1498.9,502,1498.9z"/> </svg> </h4> <img src="/fa_prototype/assets/images/account-help-placeholder.jpg"/> <div> If you are unable to locate your account number, please <a href="http://www.foreignaffairs.com/contact/account_number_request/Account%20number%20request]"> contact us</a>, and provide us with your full name and address. </div> <div> <ul> Need access immediately but lost your account number? <li> Step 1: Visit our online <a href="https://subs.foreignaffairs.com/servlet/Show?WESPAGE=am/home.jsp&MSRSMAG=FF"> customer account area </a> </li> <li> <span class="paywall-account-help__bold">U.S. and Canada Subscribers:</span> Log-in with your name and mailing address. </li> <li> <span class="paywall-account-help__bold">All other subscribers:</span> Log-in with your name, street address, and enter your country name in the "City" field. </li> <li> Step 2: Copy your account number. </li> <li> Step 3: Return to this page and enter your account number here. <a href="https://subs.foreignaffairs.com/wes/servlet/Show?WESPAGE=am/Services/wes_email.jsp&MSRSMAG=FF">Contact customer support</a> if you need further assistance. </li> </ul> </div> </div> <a class="paywall-prompt-form--s2__link" href="http://www.foreignaffairs.com/myaccount">Can't find your account number?</a> <div class="paywall-prompt__newsletter"> <div class="form-item form-type-checkbox form-item-newsletter"> <input type="checkbox" id="edit-newsletter" name="newsletter" value="1" class="form-checkbox"> <label class="option" for="edit-newsletter">Yes, please send me <em>"Foreign Affairs Today,"</em> a daily digest of articles delivered to my inbox.</label> </div> </div> <div class="paywall-prompt__buttons"> <a class="button__red-reversed--light prompt-button--full-width" href="#">Complete Registration</a> </div> </form> </div> <div class="paywall-prompt-form__disclaimer"> <span class="paywall-prompt-form__small">Please note that we will never share your email address with a third party. Read our <a href="http://www.foreignaffairs.com/about-us/contact-us/privacy-policy">privacy policy.</a></span> <span><b>Already registered?</b> <a href="#">Click here to sign in.</a></span> <!-- Keeping this help text incase it's needed for future iterations. <a class="paywall-prompt__help" href="#"><span>?</span>Help</a> --> </div> </div>