2.8 components.footer Footer
Toggle example guides Toggle HTML markup
Default global footer styling for site.
Example
Markup: components/footer/footer.twig
<div id="footerwrapper" class="group">
<footer id="footer">
<div class="cog--mq mq-footer">
<div class="region region-footer">
<div id="block-languageswitcher" role="navigation">
<ul class="links">
<li class="en is-active"><a class="language-link is-active" href="#">English</a></li><li><a class="language-link" href="#">Deutsch</a></li>
</ul>
</div>
<div id="block-standardfooter">
<!-- Add Content from Below Only! -->
<div class="footer_main group">
<div class="group" id="footerLeft">
<p>© 2014-[current-date:custom:Y] Karl Kaufmann</p>
</div>
<div class="group" id="footerRight"><p id="sm_icons">
<a href="https://dribbble.com/karolus"><span class="icon-dribbble"> </span></a> <a href="http://be.net/karolus"><span class="icon-behance"> </span></a> <a href="http://linkedin.com/in/karlkaufmann"><span class="icon-linkedin"> </span></a> <a href="https://twitter.com/karolus"><span class="icon-twitter"> </span></a></span></a> <a href="https://instagram.com/karoluskaufmannis"><span class="icon-instagram"> </span></a></p>
</div>
</div>
<div class="footer_lower">
<p><a href="/" class="lower_icon_link"><img src="/themes/custom/kk_theme/images/KK_Logotype_Solid-Rev.svg" alt="KK Logotype"></a></p>
</div> <!-- End Footer Lower -->
<!-- End Content to Add -->
</div> <!-- End block-standardfooter -->
</div> <!-- End region region-footer -->
</div> <!-- End cog--mq mq-footer -->
</footer>
</div> <!-- End Footerwrapper -->
Source:
sass/components/footer/_footer.scss
, line 1