Footer

<footer>
  <div>
    <section class="option-list" id="contact">
      <h2>I want to</h2>
      <ul>
        <li><a href="…"><span>partner with GOOD</span></a></li>
        …
      </ul>
    </section>

    <a class="subscribe" href="subscribe.html">
      <img src="…" width="150" alt="" />
      <h2>The GOOD Journal</h2>
      <h3>Current Issue:<br />36 – Redefining “Reguee”</h3>
      <p class="action"><span>Subscribe</span></p>
    </a>

    <div class="map">
      <ul>
        <li>
          <h2><a href="…">About</a></h2>
          <ul>
            <li><a href="…">Philosophy</a></li>
            <li><a href="…">History</a></li>
          </ul>
        </li>
        …
      </ul>

      <ul>
        <li>
          <h2>GOOD, Los Angeles</h2>
          <p>6380 Wilshire Boulevard<br />
          15th Floor<br />
          Los Angeles, CA 90048<br />
          (323) 556-6780</p>
        </li>
        …
        <li>
          <h2>GOOD Media</h2>
          <ul class="social">
            <li>
              <a href="https://www.facebook.com/GOODHQ">
                <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
                  <switch>
                    <path d="M14.5,2c-1.4,0-2.5,0.4-3.3,1.2s-1.2,2-1.2,3.5v2.6H6.8v3.6h3.1V22h3.7v-9.1h3.1l0.5-3.6h-3.5V7 c0-0.6,0.1-1,0.4-1.3c0.2-0.3,0.7-0.4,1.4-0.4h1.9V2.1C16.5,2,15.6,2,14.5,2z"></path>
                    <foreignobject>Facebook</foreignobject>
                  </switch>
                </svg>
              </a>
            </li>
            …
          </ul>
        </li>
        …
        <li>
          <h2><a href="mailto:partnerships@goodinc.com">partnerships@goodinc.com</a></h2>
        </li>
      </ul>
    </div>

    <div class="legal">
      <h2>Information</h2>
      <p>Copyright © 2016 GOOD Worldwide Inc</p>
      <ul>
        <li><a href="…">Privacy Policy</a></li>
        <li><a href="…">Terms of Service</a></li>
      </ul>
    </div>
  </div>
</footer>