Footer

Contenido

Pié de página

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.

Ejemplo de pié de página

<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&amp;I" class="w100-inline-block">
                    <span class="brand-text">UOC R&amp;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>
Subir