Diensten

V281-02

Deze footer toont een menu.

Hoe te gebruiken?

In de config pas het veld 'navbar.footer.style' aan naar 'services'.

Voorvertoning

Alvast beginnen met een basis opmaak?

CSS
Kopiërenfooter .top {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

footer .top a:not(.text-decoration-none) {
	color: inherit;
}

footer .top .nav-link:hover {
	color: black;
}

footer .top .nav-item + .nav-item {
	margin-top: 0.5rem;
}
footer .top .nav-link {
	padding-left: 0;
}
footer .top .navlist-nav {
	margin-bottom: 0;
}

footer .top .nav-link::after {
	content: "\f061";
font: var(--fa-font);
	margin-left: 0.5rem;
	font-size: 1em;
	transition: margin-left 200ms ease-out;
}
footer .top .nav-link:hover::after {
	margin-left: 1.5rem;
}

footer .footer-contact {
	margin-top: 1.5rem;
}
footer .footer-contact .btn.btn-link:not(.btn-admin) {
	padding: 0;
	line-height: 1.25;
	text-align: left;
}
footer .footer-contact .btn.btn-link:not(.btn-admin):active,
footer .footer-contact .btn.btn-link:not(.btn-admin):focus,
footer .footer-contact .btn.btn-link:not(.btn-admin):hover {
	text-decoration: underline;
	color: inherit;
}

footer .footer-socials a {
	margin-right: 1rem;
	font-size: 1.5em;
}