# Footer

### Display Footer Buttons

<figure><img src="/files/lS97tIOwax3n30MoojOF" alt=""><figcaption><p>Default Moodle buttons on the footer like: Moodle Doc, Data retention summary, etc.</p></figcaption></figure>

### F**ooter Custom Blocks**

<figure><img src="/files/qKY6FddXGVK3rehWy3IP" alt=""><figcaption></figcaption></figure>

{% 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 %}

### Footer Copy

```
<p><strong>Copyright © 2023 Space 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/space-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.