Footer

You can create a footer by specifying the uc-footer class.

1. Basic

Create a basic footer.

<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. Color variations

Two kinds of color variations are available.

<!-- 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>