# Footer

<figure><img src="https://3552108913-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRaXSyla3bpyuFdF1n0Yo%2Fuploads%2FxWRim2aUDExlYKluORGp%2Ffooter.jpg?alt=media&#x26;token=f53f7835-9d96-4e69-9edc-84719bc8a3c8" alt=""><figcaption></figcaption></figure>

### **Footer Block #1** (1)

{% code overflow="wrap" lineNumbers="true" %}
```html
<div class="row text-sm-center text-md-left">
    <div class="col-12 col-lg-5 pr-lg-5 mr-lg-5 my-sm-2 my-md-0 ml-0">
        <div class="d-flex justify-content-center justify-content-md-start"><img src="https://roseathemes.com/universe/1/draftfile.php/5/user/draft/71729181/logo-universe-white.svg" alt="Logo" width="30" height="30" class="img-fluid atto_image_button_text-bottom"></div>
        <h5 class="rui-footer-nav-title mt-3">universe</h5>
        <p class="text-size-xs">Powerful, fully responsive, and easy-to-use Moodle Theme. Works with Moodle 4.1, 4.0.<br><a title="Documentation - Footer Customization" href="#" target="_blank" rel="noopener">Theme Documentation</a></p>
        <p class="text-size-xs">Made in Poland</p>
    </div>
    <div class="col-12 col-lg my-sm-2 my-md-0">
        <h5 class="rui-footer-nav-title">Course</h5>
        <ul class="rui-footer-nav-items list-unstyled mb-0">
            <li><a title="Standard Course View" href="#" target="_blank" rel="noopener">Standard Layout</a></li>
            <li><a title="Tab Layout" href="#" target="_blank" rel="noopener">Tab Layout</a> <span class="badge-xs badge-primary ml-2">Demo</span></li>
            <li><a href="#" target="_blank" rel="noopener">Format Plugins</a></li>
            <li><a href="#">Paid Course (PayPal, etc.)</a></li>
        </ul>
    </div>
    <div class="col-12 col-lg mt-sm-4 mt-lg-0">
        <h5 class="rui-footer-nav-title">UI Elements</h5>
        <ul class="rui-footer-nav-items list-unstyled mb-0">
            <li><a href="#">Front Page Blocks</a></li>
            <li><a href="#">Blocks - Header</a></li>
            <li><a href="#">Blocks - Footer</a></li>
            <li><a href="#">Grid Content</a></li>
            <li><a href="#">List</a></li>
            <li><a href="#">Team</a></li>
            <li><a href="#">Stats</a></li>
            <li><a href="#">FAQ</a></li>
        </ul>
    </div>
    <div class="col-12 col-lg mt-sm-4 mt-lg-0">
        <h5 class="rui-footer-nav-title">More</h5>
        <ul class="rui-footer-nav-items list-unstyled mb-0">
            <li><a href="#">Icons</a></li>
            <li><a href="#">Plugins support</a></li>
            <li><a title="Theme Doc" href="https://rosea.gitbook.io/universe/" target="_blank" rel="noopener">Theme Doc</a></li>
        </ul>
    </div>
</div>
```
{% endcode %}

### **Footer Block #2 (2)**

Custom HTML block.

### **Footer Block #3 (6)**&#x20;

{% code title="Footer Block #3 " overflow="wrap" %}
```html
<small>Check all available Moodle themes&nbsp;<a href="https://rosea.io" class="underline--anim">rosea.io</a></small>
```
{% endcode %}

### Footer Copy (3)

{% code overflow="wrap" %}
```html
© <strong>2023 Universe</strong>&nbsp;by RoseaThemes. All Rights Reserved.<p class="mt-1">Get this amazing Moodle theme today for just $99 + tax</p>
```
{% endcode %}

### **Display Footer Buttons (7)**&#x20;

Default Moodle buttons on the footer like: Moodle Doc, Data retention summary, etc.

{% content-ref url="footer/default-moodle-footer-links" %}
[default-moodle-footer-links](footer/default-moodle-footer-links)
{% endcontent-ref %}

### Footer Social Icons -> Display footer social list (5)

### Footer Social Icons (4)

* Website
* Website URL
* Email
