<footer class="ui inverted vertical footer segment" style="max-height: 220px;">
  <div class="ui center aligned container">
    <div class="ui stackable inverted divided grid">
      <div class="four wide column">
        <h4 class="ui inverted header">关于 LearnKu</h4>
        <div class="ui inverted link list lh-3">
          LearnKu 是专为终身学习者定制的编程知识的网站。
        </div>
      </div>
      <div class="four wide column">
        <h4 class="ui inverted header">资源推荐</h4>
        <div class="ui inverted link list text-mute">
          暂无内容~~
        </div>
      </div>
      <div class="four wide column">
        <h4 class="ui inverted header">友情链接</h4>
        <div class="ui inverted link list">
          <a href="https://learnku.com" target="_blank">Laravel中文社区</a>
        </div>
        <div class="ui inverted link list">
          <a href="http://www.51csyp.cn" target="_blank">阿凯博客</a>
        </div>
      </div>
      <div class="four wide column">
        <h4 class="ui inverted header">其他信息</h4>
        <div class="ui inverted link list">
          <li><a class="item" href="{{ route('contact.index') }}"><i class="icon wechat" aria-hidden="true"></i> 联系站长</a></li>
          <li><a class="item" href="mailto:'GucciLee@163.com'"><i class="icon envelope" aria-hidden="true"></i> 联系我们</a></li>
        </div>
      </div>

    </div>

    <div class="ui inverted section divider"></div>
    <div>

      <p style="font-size:0.9em; margin-top:20px;margin-bottom: -8px;color: rgb(137, 137, 140);" class="ui inverted signature">
        由 <a href="" target="_blank" style="color: inherit;">GucciLee</a> 编码 <span style="color: #e27575;font-size: 14px;">❤</span>
      </p>
    </div>
  </div>
</footer>
