UNITS

🇺🇸 Document Snippets Themes GitHub Twitter

フッター

uc-footer クラスを適用することで、フッターを作成することができます。

1. 基本

基本的なフッターを作成します。

<footer class="uc-footer">
  <div class="uc-footer-menu">
    <a href="#">Menu1</a>
    <a href="#">Menu2</a>
    <a href="#">Menu3</a>
  </div>
  <div class="uc-footer-logo"><cite>UNITS</cite></div>
  <p>Lorem ipsum dolor <a href="#">sit</a> amet.</p>
  <small>&copy; 2017 UNITS</small>
</footer>

2. カラーバリエーション

2種類のカラーバリエーションが用意されています。

 
<!-- Black -->
<footer class="uc-footer _black">
  <div class="uc-footer-menu">
    <a href="#">Menu1</a>
    <a href="#">Menu2</a>
    <a href="#">Menu3</a>
  </div>
  <div class="uc-footer-logo"><cite>UNITS</cite></div>
  <p>Lorem ipsum dolor <a href="#">sit</a> amet.</p>
  <small>&copy; 2017 UNITS</small>
</footer>

<!-- Dark -->
<footer class="uc-footer _dark">
  <div class="uc-footer-menu">
    <a href="#">Menu1</a>
    <a href="#">Menu2</a>
    <a href="#">Menu3</a>
  </div>
  <div class="uc-footer-logo"><cite>UNITS</cite></div>
  <p>Lorem ipsum dolor <a href="#">sit</a> amet.</p>
  <small>&copy; 2017 UNITS</small>
</footer>