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

Some of our customers who bought our responsive Moodle theme “Gourmet” wanted to configure the three theme footer content blocks the same way we did on our Moodle theme demo site. So we’ve decided to share the HTML code used in our demo site’s footer content blocks for you to use. If you are using Gourmet or any Bootstrap based Moodle theme with footer content input fields you can customise the text/links in the code and use it in your Moodle site.

What the footer content blocks will look like:

moodle-theme-gourmet-footer

HTML code for footer content block 1

<h3>About Us</h3>
<ul>
    <li><a href="http://elearning.3rdwavemedia.com/themes/gourmet" target="_blank"><i class="fa fa-caret-right"></i>About Gourmet</a></li>
    <li><a href="http://elearning.3rdwavemedia.com/themes/" target="_blank"><i class="fa fa-caret-right"></i>Premium Moodle Themes</a></li>
    <li><a href="http://elearning.3rdwavemedia.com/blog/" target="_blank"><i class="fa fa-caret-right"></i>E-learning Blog</a></li>
    <li><a href="http://elearning.3rdwavemedia.com/contact/" target="_blank"><i class="fa fa-caret-right"></i>Contact us</a></li>
</ul> 

moodle-theme-gourmet-footer-1

HTML code for footer content block 2

<h3>More info</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu nisl ut tortor imperdiet feugiat ut consequat diam. Praesent id lorem ante. Sed lobortis bibendum ante, in placerat justo rhoncus vitae. In eu imperdiet mi. Aliquam erat volutpat. Morbi molestie augue dui, vel dignissim mi rutrum et. Fusce convallis, nisl ut faucibus aliquet, elit ligula vestibulum est, in malesuada velit sem id risus.</p> 

moodle-theme-gourmet-footer-2

HTML code for footer content block 3

<h3>Contact us</h3>
<div class="row">
    <p class="adr clearfix col-md-12 col-sm-4"><i class="fa fa-map-marker pull-left"></i><span class="adr-group pull-left"><span class="street-address">College Green</span><br><span class="region">56 College Green Road</span><br><span class="postal-code">BS16 AP18</span><br><span class="country-name">UK</span></span></p>
    <p class="tel col-md-12 col-sm-4"><i class="fa fa-phone"></i>0800 123 4567</p>
    <p class="email col-md-12 col-sm-4"><i class="fa fa-envelope"></i><a href="#">enquires@website.com</a></p>
</div> 

moodle-theme-gourmet-footer-3

If you are looking for other useful HTML code widgets you can use in our Gourmet theme, please check out our previous blog post – Add Useful Bootstrap Components to Moodle Theme Gourmet

Want to master Moodle?

Moodle 3.0 Masterclass: Your Complete Guide to Moodle 3.0

This online course on Moodle 3.0 will teach you how to create WORLD CLASS online courses. Leverage Moodle 3 like a BOSS!

600+ students enrolled

Want to set up Moodle?

Learn to Host Moodle with Linux

Become a Moodle Administrator a much needed skill . More than 70 million users across 230 countries are using Moodle.

1000+ students enrolled
  • vignesh

    U did good job..but i want to whre i have those content in to moodle