Local Footer

Example Markup

<div class="su-local-footer [ modifier_class ]">
  <div class="su-local-footer__header">
    <div class="su-lockup su-lockup--option-a">
      <div class="su-lockup__cell1">
        <div class="su-lockup__wordmark-wrapper">
          <span class="su-lockup__wordmark">Stanford</span>
        </div>
      </div>
      <div class="su-lockup__cell2">
        <span class="su-lockup__line1">Vestibellum</span>
      </div>
    </div>
    <a href="/login" class="su-link su-link--internal">Web Login</a>
  </div>
  <div class="su-local-footer__columns">
    <div class="su-local-footer__cell1">
      <h2 class="su-sr-only-element">Address</h2>
      <address class="su-local-footer__address">
        <strong>Lorem Ipsum Dolar Sit Amet</strong>
        <br />
        555 Street Name | Room 555
        <br />
        Stanford, CA 94305
        <br />
        <a href="tel:+16505555555">650-555-5555</a>
        <br />
      </address>
      <ul class="su-local-footer__action-links">
        <li>
          <a href="#">Visit</a>
        </li>
        <li>
          <a href="#">Campus Map</a>
        </li>
        <li>
          <a href="#">Contact Us</a>
        </li>
      </ul>
      <ul class="su-local-footer__social-links">
        <li>
          <a href="#" class="su-local-footer__social-facebook">
            <i aria-hidden="true"></i>
            <span>Facebook</span>
          </a>
        </li>
        <li>
          <a href="#" class="su-local-footer__social-linkedin">
            <i aria-hidden="true"></i>
            <span>LinkedIn</span>
          </a>
        </li>
        <li>
          <a href="#" class="su-local-footer__social-twitter">
            <i aria-hidden="true"></i>
            <span>Twitter</span>
          </a>
        </li>
        <li>
          <a href="#" class="su-local-footer__social-instagram">
            <i aria-hidden="true"></i>
            <span>Instagram</span>
          </a>
        </li>
        <li>
          <a href="#" class="su-local-footer__social-youtube">
            <i aria-hidden="true"></i>
            <span>Youtube</span>
          </a>
        </li>
      </ul>
    </div>
    <div class="su-local-footer__cell2">
      <nav aria-label="footer primary nav">
        <h2 class="su-local-footer__list-heading">Links to</h2>
        <ul class="su-local-footer__primary-links">
          <li>
            <a href="#">lorem ipsum dolor sit amit</a>
          </li>
          <li>
            <a href="#">Vestibellum ultices nueue</a>
          </li>
          <li>
            <a href="#">Blendius tellus</a>
          </li>
          <li>
            <a href="#">Arnen cowalls</a>
          </li>
          <li>
            <a href="#">Finibus</a>
          </li>
        </ul>
      </nav>
      <nav aria-label="footer secondary nav">
        <h2 class="su-local-footer__list-heading">Resources for</h2>
        <ul class="su-local-footer__secondary-links">
          <li>
            <a href="#">Finibus</a>
          </li>
          <li>
            <a href="#">lorem ipsum dolor sit amit</a>
          </li>
          <li>
            <a href="#">Vestibellum ultices nueue</a>
          </li>
          <li>
            <a href="#">Blendius tellus</a>
          </li>
          <li>
            <a href="#">Arnen cowalls</a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="su-local-footer__cell3">
      <div class="su-signup-form [ modifier_class ]">
        <h2 class="su-local-footer__list-heading">Sign up for our email.</h2>
        <p>Your source for pellentesque leo accumsan ultrices</p>
        <form action="/" method="post">
          <input type="email" id="su-email" aria-label="email address" name="su-email" placeholder="email address" required="" />
          <input type="submit" id="su-submit" name="su-submit" value="Sign-up" />
        </form>
      </div>
    </div>
  </div>
</div>