# 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="/files/uuhfhl4qKh9j0ZWhvMov" alt=""><figcaption></figcaption></figure>

### F**ooter Custom Blocks**

Version #1

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

<figure><img src="/files/M03MRYJ71ukd4QIEzrTQ" 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="/files/qKY6FddXGVK3rehWy3IP" 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>
```


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://rosea.gitbook.io/scholastica-moodle-theme/theme-settings/footer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
