Foreign Affairs Style Guide

Foreign Affairs

Homepage Module -- Newsletter sign up


This object appears on the the homepage

Get the Foreign Affairs Newsletter Delivered Directly to Your Inbox

<div class="article-newsletter-signup--container-alt homepage-sign-up">
  <div class="container">
    <h3 class="title">Get the <em>Foreign Affairs</em> Newsletter Delivered Directly to Your Inbox</h3>
    <form class="form-newsletter" method="post" action="">
      <div class="form-item form-type-textfield form-item-name">
        <label class="element-invisible" for="edit-email">Get the latest news delivered via email.</label>
        <input type="text" name="name" id="edit-name" value="" size="60" maxlength="128" placeholder="Enter your Name">
        <input type="email" class="form-text required homepage-newsletter-email" maxlength="60" size="25" value="" name="name" id="edit-email" placeholder="Enter Your Email">
      </div>
      <input class="button__purple-reversed form-submit ajax-processed" type="submit" href="#" value="Submit" />
    </form>
    <div class="signup-success">
      <p>Almost there! Check your email to confirm your subscription.</p>
    </div>
  </div>
</div>