How to add a footer?


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>

Last update:
2015-05-15 12:08
Author:
Cristina Cavruc
Revision:
1.0
Average rating:0 (0 Votes)