View on GitHub

Copyright

The component allows to display the copyright information with links in various layouts.

On this page

Examples

Horizontal layout

This section provides an example of how to add copyright links and text information:

Privacy policy
Imprint
GTC

html

<div class="copyright copyright-horizontal">
  <ul class="copyright-links">
    <li><a href="#">Privacy policy</a></li>
    <li><a href="#">Imprint</a></li>
    <li><a href="#">GTC</a></li>
  </ul>

  <div class="copyright-text">&copy; 2023 by Acme Inc.</div>
</div>

Vertical layout

You can display the copyright information in the vertical layout as well:

Privacy policy
Imprint
GTC

html

<div class="copyright copyright-vertical">
  <ul class="copyright-links">
    <li><a href="#">Privacy policy</a></li>
    <li><a href="#">Imprint</a></li>
    <li><a href="#">GTC</a></li>
  </ul>

  <div class="copyright-text">&copy; 2023 by Acme Inc.</div>
</div>

CSS

Sass variables

src/scss/_variables.scss

$copyright-horizontal-breakpoint:   md;