Footer

The footer component is displayed below all pages. It contains an e-mail 
input for newsletters, links, an address and the copyright info. 

Default

px

			
				<footer class="c-footer ">
	<div class="l-container:10/12 l-container--default-spacing">
		<div class="l-grid l-grid--default-spacing">
			<div class="c-footer__info l-grid__col:12/12 l-grid__col:4/12@at:vp-7">
				<a class="c-logo " href="/">
					<img class="c-logo__visual u-idle" src="/assets/images/brand/logo.svg" alt="kmska" title="kmska" />
				</a>
				<address class="c-footer__address">Leopold de Waelplaats 2, 2000 Antwerpen</address>
				<p>Open today, 10:30 - 17:30</p>
				<ul class="c-footer__socials l-flex">
					<li class="c-footer__socials-item l-flex__item">
						<a href="https://www.facebook.com/KMSKA/" target="_blank">
							<div class="c-icon c-icon--large">
								<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd" d="M13.5996 23.8943C19.4708 23.1123 24 18.0851 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9002 4.25816 22.8058 9.869 23.8114V15.6519H6.74972V12.2927H9.869V9.81552C9.869 6.94044 11.7567 5.37491 14.515 5.37491C15.8363 5.37491 16.9711 5.46673 17.3022 5.50754V8.51246L15.3896 8.51339C13.8898 8.51339 13.5996 9.17651 13.5996 10.1485V12.2937H17.1766L16.7109 15.6529H13.5996V23.8943Z" />
								</svg>
							</div>
							<span class="u-visually-hidden">facebook</span>
						</a>
					</li>
					<li class="c-footer__socials-item l-flex__item">
						<a href="https://www.instagram.com/kmska_museum/" target="_blank">
							<div class="c-icon c-icon--large">
								<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd" d="M12 6.00026C8.68625 6.00026 5.99996 8.68655 5.99996 12.0003C5.99996 15.314 8.68625 18.0003 12 18.0003C15.3137 18.0003 18 15.314 18 12.0003C18 10.409 17.3678 8.88284 16.2426 7.75762C15.1174 6.6324 13.5913 6.00026 12 6.00026V6.00026ZM12 15.6001C10.0117 15.6001 8.39997 13.9883 8.39997 12.0001C8.39997 10.0119 10.0117 8.40012 12 8.40012C13.9882 8.40012 15.6 10.0119 15.6 12.0001C15.6 12.9549 15.2207 13.8706 14.5456 14.5457C13.8704 15.2208 12.9548 15.6001 12 15.6001ZM17.9999 4.79973C17.3372 4.79973 16.7999 5.33698 16.7999 5.99972C16.7999 6.66247 17.3372 7.19972 17.9999 7.19972C18.6627 7.19972 19.1999 6.66247 19.1999 5.99972C19.1999 5.33698 18.6627 4.79973 17.9999 4.79973ZM23.928 7.488C23.9081 6.46251 23.7133 5.44794 23.352 4.488C22.6744 2.72142 21.2786 1.32561 19.512 0.648C18.5521 0.286679 17.5375 0.0918812 16.512 0.072C15.348 0 14.964 0 12 0C9.036 0 8.652 0 7.488 0.072C6.46251 0.0918812 5.44794 0.286679 4.488 0.648C2.72142 1.32561 1.32561 2.72142 0.648 4.488C0.286679 5.44794 0.0918812 6.46251 0.072 7.488C0 8.664 0 9.048 0 12C0 14.952 0 15.336 0.072 16.512C0.0918812 17.5375 0.286679 18.5521 0.648 19.512C1.32561 21.2786 2.72142 22.6744 4.488 23.352C5.44794 23.7133 6.46251 23.9081 7.488 23.928C8.688 23.928 9.036 24 12 24C14.964 24 15.348 24 16.512 23.928C17.5375 23.9081 18.5521 23.7133 19.512 23.352C21.2786 22.6744 22.6744 21.2786 23.352 19.512C23.7133 18.5521 23.9081 17.5375 23.928 16.512C23.928 15.312 24 14.952 24 12C24 9.048 24 8.664 23.928 7.488ZM21.5281 16.4039C21.507 17.1654 21.3653 17.9188 21.1081 18.6359C20.8954 19.2027 20.5593 19.7151 20.1241 20.1359C19.7058 20.5713 19.1924 20.904 18.6241 21.1079C17.9053 21.3756 17.1469 21.5216 16.3801 21.5399C15.2521 21.5399 14.9041 21.5999 11.9881 21.5999C9.07207 21.5999 8.73607 21.5999 7.60807 21.5999C6.84249 21.5801 6.08497 21.4383 5.36407 21.1799C4.79726 20.9672 4.28488 20.6311 3.86407 20.1959C3.42866 19.7776 3.09597 19.2642 2.89207 18.6959C2.62544 17.9809 2.47945 17.2267 2.46007 16.4639C2.46007 15.2639 2.46007 14.9639 2.46007 12.0599C2.46007 9.15586 2.46007 8.80786 2.46007 7.65586C2.48075 6.88931 2.62668 6.13131 2.89207 5.41186C3.09914 4.84862 3.43151 4.33981 3.86407 3.92386C4.28236 3.48845 4.79576 3.15577 5.36407 2.95186C6.08286 2.68414 6.84126 2.53814 7.60807 2.51986C8.73607 2.39986 9.08407 2.39986 12.0001 2.39986C14.9161 2.39986 15.2641 2.39986 16.3921 2.39986C17.1626 2.41946 17.9248 2.5654 18.6481 2.83186C19.2113 3.03893 19.7201 3.3713 20.1361 3.80386C20.5715 4.22215 20.9042 4.73555 21.1081 5.30386C21.4018 6.03414 21.5682 6.80936 21.6001 7.59586C21.6001 8.79586 21.6601 9.09586 21.6601 11.9999C21.6601 14.9039 21.6001 15.2519 21.6001 16.4039H21.5281Z" />
								</svg>
							</div>
							<span class="u-visually-hidden">instagram</span>
						</a>
					</li>
					<li class="c-footer__socials-item l-flex__item">
						<a href="https://twitter.com/kmska" target="_blank">
							<div class="c-icon c-icon--large">
								<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path d="M24 4.309C23.117 4.701 22.168 4.965 21.172 5.084C22.189 4.475 22.97 3.51 23.337 2.36C22.386 2.924 21.332 3.334 20.21 3.555C19.313 2.598 18.032 2 16.616 2C13.437 2 11.101 4.966 11.819 8.045C7.728 7.84 4.1 5.88 1.671 2.901C0.381 5.114 1.002 8.009 3.194 9.475C2.388 9.449 1.628 9.228 0.965 8.859C0.911 11.14 2.546 13.274 4.914 13.749C4.221 13.937 3.462 13.981 2.69 13.833C3.316 15.789 5.134 17.212 7.29 17.252C5.22 18.875 2.612 19.6 0 19.292C2.179 20.689 4.768 21.504 7.548 21.504C16.69 21.504 21.855 13.783 21.543 6.858C22.505 6.163 23.34 5.296 24 4.309V4.309Z" />
								</svg>
							</div>
							<span class="u-visually-hidden">twitter</span>
						</a>
					</li>
					<li class="c-footer__socials-item l-flex__item">
						<a href="https://www.youtube.com/channel/UC4e9StzwCHhnVRlfHOl6eZw" target="_blank">
							<div class="c-icon c-icon--large">
								<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd" d="M22.6915 18.5213C23.0642 18.1487 23.3327 17.6849 23.4704 17.1761C24.2631 13.9853 24.0799 8.94597 23.4858 5.63205C23.3481 5.1233 23.0796 4.6595 22.7069 4.28682C22.3342 3.91415 21.8704 3.6456 21.3617 3.50794C19.4992 3 12.0033 3 12.0033 3C12.0033 3 4.50731 3 2.64486 3.50794C2.13612 3.6456 1.67231 3.91415 1.29964 4.28682C0.926961 4.6595 0.658419 5.1233 0.520754 5.63205C-0.276556 8.80897 -0.0579885 13.8514 0.505362 17.1607C0.643027 17.6695 0.911569 18.1333 1.28424 18.506C1.65692 18.8786 2.12073 19.1472 2.62947 19.2848C4.49191 19.7928 11.9879 19.8082 11.9879 19.8082C11.9879 19.8082 19.4838 19.8082 21.3463 19.3002C21.855 19.1626 22.3188 18.894 22.6915 18.5213ZM15.8219 11.4033L9.60345 7.80153V15.005L15.8219 11.4033Z" />
								</svg>
							</div>
							<span class="u-visually-hidden">youtube</span>
						</a>
					</li>
				</ul>
			</div>
			<div class="c-divider c-footer__info-divider"></div>
			<ul class="c-footer__links l-grid__col:12/12 l-grid__col:4/12@at:vp-7">
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Over het KMSKA</a>
				</li>
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Magazine Zaal Z</a>
				</li>
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Contacteer ons</a>
				</li>
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Veelgestelde vragen</a>
				</li>
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Museum shop</a>
				</li>
				<li class="c-footer__links-item">
					<a class="c-footer__links-link" href="#">Organiseer een event</a>
				</li>
			</ul>
			<ul class="c-footer__buttons l-grid__col:12/12 l-grid__col:4/12@at:vp-7">
				<li class="c-footer__buttons-item">
					<a class="c-button " href="#">
						Reserveer tickets
						<span class="c-button__decoration" aria-hidden="true"></span>
					</a>
				</li>
				<li class="c-footer__buttons-item">
					<a class="c-button " href="#">
						Word lid
						<span class="c-button__decoration" aria-hidden="true"></span>
					</a>
				</li>
				<li class="c-footer__buttons-item">
					<a class="c-button " href="#">
						Doneer
						<span class="c-button__decoration" aria-hidden="true"></span>
					</a>
				</li>
			</ul>
		</div>
		<div class="c-divider c-footer__divider"></div>
		<div class="c-footer__copy">
			<div class="u-margin-top:8  c-footer__sponsors ">
				<div class="c-footer__sponsors-item c-footer__sponsors-item--left">
					<span class="c-footer__sponsors-label">label</span>
					<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
				</div>
				<div class="c-divider c-divider--vertical"></div>
				<div>
					<p class="c-footer__sponsors-title">Samen doen we meer</p>
					<ul class="c-footer__sponsor-logo-grid c-footer__sponsor-logo-grid--large">
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/delen.png" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
					</ul>
					<ul class="c-footer__sponsor-logo-grid">
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/poa.jpeg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vervloet.jpeg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
						<li class="c-footer__sponsors-item">
							<span class="c-footer__sponsors-label">label</span>
							<div class="c-footer__sponsors-logo-wrapper">
								<img class="c-footer__sponsors-logo u-idle" src="/assets/images/sponsors/vlaamse-overheid.jpg" alt="Vlaamse overheid" />
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="l-flex l-flex--wrap l-flex--justify-content:space-between u-margin-top:10">
				<ul class="c-footer__copy-links l-flex__item l-flex l-flex--wrap">
					<li class="c-footer__copy-item l-flex__item">
						<a class="c-footer__copy-link" href="#">Privacy policy</a>
					</li>
					<li class="c-footer__copy-item l-flex__item">
						<a class="c-footer__copy-link" href="#">Terms &amp; conditions</a>
					</li>
				</ul>
				<p class="c-footer__copy-text l-flex__item">&copy; 2021 Het Koninklijk Museum voor Schone Kunsten Antwerpen</p>
			</div>
		</div>
	</div>
</footer>