Foreign Affairs Style Guide

Foreign Affairs

Article -- Newsletter Sing Up Bottom


This module helps to create a newsletter signup form at the bottom of the articles.

      <div class="article-newsletter-signup--container-alt">
  <div class="container">
    <div class="l-2up--1">
      <h3 class="title">Get the latest news delivered via email.</h3>
    </div>
    <div class="l-2up--2">
      <form class="form-newsletter" method="post" action="">
        <div class="form-item form-type-textfield form-item-name">
          <label class="element-invisible" for="edit-name">Get the latest news delivered via email.</label>
          <input type="email" class="form-text required" maxlength="60" size="25" value="" name="name" id="edit-name" placeholder="Your Email Address">
        </div>
        <input class="button__red-reversed--light form-submit" type="submit" href="#" value="Sign Up" />
      </form>
      <div class="signup-success">
        <p>Almost there! Please check your email to verify your sign up and complete subscription.</p>
      </div>
    </div>
  </div>
</div>