<div id="social-buttons" class="hidden-print">
  <div class="container">
    <form id="newsletter" method="post" action="https://formkeep.com/f/ba101f5b69f0">
      <div class="row">
        <div class="col-md-4 col-md-offset-2 col-sm-6">
          <div class="form-group margin-bottom">
            <input name="email" type="email" class="form-control" id="email" placeholder="Enter your email address&hellip;" required>
          </div>
        </div>
        <div class="col-md-4 col-sm-6">
          <button type="submit" class="btn btn-success btn-block margin-bottom-lg"
              data-toggle="popover" data-trigger="hover" data-placement="top" title="Stay up to date with the Awesome"
              data-content="We'll send you updates on new Font Awesome releases, icons, and other stuff that we're working on. We won't spam you. Scout's honor.">
            Subscribe to Font Awesome Updates&nbsp;&nbsp;<i class="fa fa-envelope" aria-hidden="true"></i>
          </button>
        </div>
      </div>
    </form>

    <ul class="list-inline">
      <li>
        <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
      </li>
      <li>
        <iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=FortAwesome&repo=Font-Awesome&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="102px" height="20px"></iframe>
      </li>
      <li class="follow-btn">
        <a href="https://twitter.com/{{ site.fontawesome.twitter }}" class="twitter-follow-button" data-link-color="#0069D6" data-show-count="true">Follow @{{ site.fontawesome.twitter }}</a>
      </li>
      <li class="tweet-btn hidden-phone">
        <a href="https://twitter.com/share" class="twitter-share-button" data-url="{{ site.fontawesome.url }}" data-text="Font Awesome, the iconic font and CSS framework" data-counturl="{{ site.fontawesome.legacy_url }}" data-count="horizontal" data-via="{{ site.fontawesome.twitter }}" data-related="{{ site.fontawesome.author.twitter }}:Creator of Font Awesome">Tweet</a>
      </li>
    </ul>
  </div>
</div>
