The footer of VSDocs has a very simple and compact structure. It has the following components: 'smaller logo, alternative menu, copyright, scroll to top button and the version picker'. To create you footer, just copy paste the code below.
<!-- Footer --> <footer class="footer"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="footer-logo-wrapper"> <a href="index.html" class="logo-image"><img src="[logo image]" alt="logo"></a> <!-- Slogan --> <p class="slogan"> <!-- Write your slogan --> </p> <!-- End of Slogan --> </div> </div> <div class="col-md-9 col-sm-9 col-xs-12"> <div class="footer-wrapper"> <!-- Scroll top --> <span class="scroll-top js-scroll-top"><i class="fa fa-angle-up"></i></span> <!-- End of Scroll top --> <!-- Version --> <div class="docs-version js-docs-version"> <span class="docs-current-version js-docs-current-version">v3.5</span> <ul class="js-docs-version-list"> <li><a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">1.0</a></li> <li><a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">1.5</a></li> <li><a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">2.5</a></li> <li><a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">3.0</a></li> <li><a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">3.1</a></li> </ul> </div> <!-- End of Version --> <!-- Footer Menu --> <ul class="footer-menu helper right"> <li> <a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">Menu item</a> </li> <li> <a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">Menu item</a> </li> <li> <a href="/index.php?action=artikel&lang=en&cat=33&id=160&artlang=en#">Menu item</a> </li> </ul> <!-- End of Footer Menu --> <!-- Copyright --> <p class="copyright helper right"> <!-- Write your copyright here. --> </p> <!-- End of Copyright --> </div> </div> </div> </div> </footer>