# Footer

### Display Footer Buttons

Default Moodle buttons on the footer like Documentation for this page, Services, and support, Contact site support, or Data retention summary.

<figure><img src="https://2303389692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFXzbdpVhyxdIy0lIThMp%2Fuploads%2FhBgH1q9iNspoXqoIGj8i%2Fdefault-moodle-links.png?alt=media&#x26;token=1cf71e9a-dfc3-4e18-90ce-e777626008af" alt=""><figcaption></figcaption></figure>

### F**ooter Custom Blocks**

Version #1

{% tabs %}
{% tab title="Version #1" %}

<figure><img src="https://2303389692-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFXzbdpVhyxdIy0lIThMp%2Fuploads%2FypXVfZ5Q6ddOtMQMAD8q%2Fscholastica-footer.png?alt=media&#x26;token=f88c7986-9dbe-4e11-a1c8-cbd1e981f62e" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Code" %}

```html
<div class="rui-footer-nav row my-5">
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0">
<p class="text-size-xxl">Good design is aesthetic.</p>
<p class="small">RoseaThemes<br>128 West 19rd Street, Floor 13<br>New York, NY 10010</p>
</div>
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0 pl-lg-6 ml-lg-3">
<p class="text-size-base"><strong>Learn how to use the theme</strong></p>
<ul class="rui-footer-nav-items list-unstyled mb-0">
    <li><a href="#">Theme Documentation</a></li>
    <li><a href="#">Moodle Documentation</a></li>
    <li><a href="#">Support Page</a></li>
</ul>

<p class="mt-4 text-size-base"><strong>More Premium Moodle Themes</strong>
<br>Space 2.0 For Moodle 4.3
<br>Monocolor and Universe
<br><a href="https://rosea.io">See all themes</a></p>
</div>
<div class="col-sm-12 col-md-6 col-lg-2 my-sm-2 my-md-0">
<ul class="rui-footer-nav-items list-unstyled mb-0">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Service</a></li>
</ul>
</div>
</div>
```

{% endtab %}
{% endtabs %}

Version #2

{% tabs %}
{% tab title="Version #2" %}

<figure><img src="https://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/xEeijJu9UxW00jSpgUn4/space-theme-footer.png" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Code" %}
{% code overflow="wrap" lineNumbers="true" %}

```html
<div class="rui-footer-nav row text-sm-center text-md-left my-5">
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0">
<h5 class="rui-footer-nav-title">Company</h5>
<ul class="rui-footer-nav-items list-unstyled mb-0">
<li> <a href="#">About Us</a> </li>
<li> <a href="#">Blog</a><span class="badge-xs badge-success ml-2">New</span> </li>
<li> <a href="#">FAQ</a> </li>
<li> <a href="#">Contact</a> </li>
<li> <a href="#">Help</a> </li>
</ul>
</div>
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0">
<h5 class="rui-footer-nav-title">Products</h5>
<ul class="rui-footer-nav-items list-unstyled mb-0">
<li> <a href="#">Parents</a> </li>
<li> <a href="#">Schools</a> </li>
<li> <a href="#">Partners</a> </li>
</ul>
</div>
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0">
<h5 class="rui-footer-nav-title">Legal</h5>
<ul class="rui-footer-nav-items list-unstyled mb-0">
<li> <a href="#">Privacy Policy</a> </li>
<li> <a href="#">Terms of Service</a> </li>
</ul>
</div>
<div class="col-sm-12 col-md-6 col-lg my-sm-2 my-md-0">
<h5 class="rui-footer-nav-title">Office</h5>
<ul class="rui-footer-nav-items list-unstyled mb-0">
<li>
<p> Victoria Garden City, Lagos </p>
</li>
<li> 1234 Fruitvale Avenue, Oakland, Califonia, USA. </li>
</ul>
</div>
</div>
```

{% endcode %}
{% endtab %}
{% endtabs %}

### Footer Copy

```
<p><strong>Copyright © 2024 Scholastica Moodle Theme. All right reserved.
</strong></p>space premium moodle theme by RoseaThemes.
```

### Footer Color Customization

You can customize footer colors like background, links, add a background image etc.

### **Footer Social Icons**

#### More Icons

```
<li>
<a href="#URL" target="_blank" class="youtube">
    <svg width="30" height="30" fill="none" viewBox="0 0 24 24">
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M4.75 6.75C4.75 5.64543 5.64543 4.75 6.75 4.75H17.25C18.3546 4.75 19.25 5.64543 19.25 6.75V17.25C19.25 18.3546 18.3546 19.25 17.25 19.25H6.75C5.64543 19.25 4.75 18.3546 4.75 17.25V6.75Z"></path>
        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.25 12L9.75 8.75V15.25L15.25 12Z"></path>
    </svg>
</a>
</li>
```