Para mostrar este pié de página se ha de seguir la estructura que se muestra a continuación y utilizar siempre la clase main-footer que será la que identifique a este elemento como tal.
<footer class="main-footer" role="contentinfo">
<nav class="col-lg-12" aria-lablel="Navegació del peu de pàgina">
<div class="col-md-12 col-sm-12 col-xs-12 col-lg-4 col-xl-4">
<p>Universitat Oberta de Catalunya</p>
</div>
<ul class="nav-brands">
<li class="col-xs-12 col-md-1 selected">
<a href="#" title="UOC" class="w100-inline-block">
<span class="brand-text">UOC</span>
<span class="ruler ruler--secondary"></span>
</a>
</li>
<li class="col-xs-12 col-md-2">
<a href="#" title="UOC R&I" class="w100-inline-block">
<span class="brand-text">UOC R&I</span>
<span class="ruler ruler--ri"></span>
</a>
</li>
<li class="col-xs-12 col-md-1">
<a href="#" title="UOC X" class="w100-inline-block">
<span class="brand-text">UOC X</span>
<span class="ruler ruler--x"></span>
</a>
</li>
<li class="col-xs-12 col-md-1">
<a href="#" title="UOC Corporate" class="w100-inline-block">
<span class="brand-text">UOC Corporate</span>
<span class="ruler ruler--corporate"></span>
</a>
</li>
<li class="col-xs-12 col-md-1">
<a href="#" title="UOC Alumni" class="w100-inline-block">
<span class="brand-text">UOC Alumni</span>
<span class="ruler ruler--alumni"></span>
</a>
</li>
<li class="col-xs-12 col-md-1">
<a href="#" title="UOC Media" class="w100-inline-block">
<span class="brand-text">UOC Media</span>
<span class="ruler ruler--media"></span>
</a>
</li>
</ul>
</nav>
</footer>