Brand new Moodle theme released! Based on Boost and packed with exciting new features.
View Demo

Moodle theme Labland – Useful HTML code for the footer content blocks

We have released a new responsive Moodle theme “Labland” for 2017. In this tutorial we will share the HTML code used in our demo site’s footer content blocks. If you are using Labland, you can customise the text/links in the code and use it in your Moodle site.

What the footer content blocks will look like:

HTML code for footer content block 1

<h4 class="col-title">About Us</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">The School</a></li>
    <li class="link-item"><a href="#">Governors</a></li>
    <li class="link-item"><a href="#">Teachers</a></li>
    <li class="link-item"><a href="#">Admissions</a></li>
</ul>

HTML code for footer content block 2

<h4 class="col-title">Learning</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">e-Portal</a></li>
    <li class="link-item"><a href="#">Reports</a></li>
    <li class="link-item"><a href="#">Policies</a></li>
    <li class="link-item"><a href="#">Terms</a></li>
</ul>

HTML code for footer content block 3

<h4 class="col-title">Useful Links</h4>
<ul class="footer-links list-unstyled">
    <li class="link-item"><a href="#">Contact</a></li>
    <li class="link-item"><a href="#">FAQs</a></li>
    <li class="link-item"><a href="#">Privacy Policy</a></li>
    <li class="link-item"><a href="#">Terms and Conditions</a></li>
</ul>

Want to master Moodle?

Moodle 3.0x Masterclass: Complete Educator's Guide to Moodle

Moodle Tutorial for Educators - Learn Moodle to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

1500+ students enrolled

Are you a Moodle admin?

Moodle Administration Tutorial: Beginner, Intermediate Guide

Learn World Class Moodle LMS Admin, Configure, Theme, Manage Courses, Users, Permissions, Roles, Security, Plugins...

2000+ students enrolled