Global - Footer
File: index.html
<!-- example of footer with map -->
<footer id="footer" class="default-panel-padding color-bg-secondary with-map">
<div class="max-width">
<div class="row align-row-stretch">
<div class="col-7 map-col">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2664.688935247181!2d11.55170021552643!3d48.09694437922021!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x479ddedf8800b16b%3A0xd512ed9676ef0ad8!2sM%C3%BCnchener%20Tierpark%20Hellabrunn!5e0!3m2!1sde!2sde!4v1577636364104!5m2!1sde!2sde" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
<div class="col-5">
<h2>Theme: Autumn</h2>
...
</div>
</div>
<div class="row row-legal">
...
</div>
</div>
</footer>
<!-- example of footer without map -->
<footer id="footer" class="default-panel-padding color-bg-secondary without-map">
<div class="max-width">
<div class="row align-row-stretch">
<div class="col-3 desktop"> </div>
<div class="col-6">
<h2>Theme: Autumn</h2>
...
</div>
<div class="col-3 desktop"> </div>
</div>
<div class="row row-legal">
...
</div>
</div>
</footer>