フッター
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>© 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>© 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>© 2017 UNITS</small>
</footer>