# Footer

### Display Footer Buttons

<figure><img src="https://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2FOmzHdWkXCN9yaiFgNWmx%2Ffooter-buttons.png?alt=media&#x26;token=1c5abdac-e894-4be8-a0a9-4bfabd3ad015" 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="https://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2F51dIWSrjh39u3S9KwW5c%2Fspace-theme-footer.png?alt=media&#x26;token=7e1c4b96-5287-4b43-96eb-78b302f9e8d9" 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>
```