> For the complete documentation index, see [llms.txt](https://nextgencss.gitbook.io/untitled/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextgencss.gitbook.io/untitled/components/footer.md).

# Footer

Make a beautiful in your webage

## Footer

* [<mark style="color:red;background-color:red;">**Tip : Use Footer at the end**</mark> ](#user-content-fn-1)[^1]

```html
<!--Footer-->
    <footer class="bg-leaf">
        <div class="social">
            <a href="#"><i class="icon"></i></a>
            <a href="#"><i class="icon"></i></a>
            <a href="#"><i class="icon"></i></a>
            <a href="#"><i class="icon"></i></a>
        </div>
        <ul class="list-inline">
            <li class="list-inline-item font-white"><a href="#">Home</a></li>
            <li class="list-inline-item font-white"><a href="#">Services</a></li>
            <li class="list-inline-item font-white"><a href="#">About</a></li>
            <li class="list-inline-item font-white"><a href="#">Terms</a></li>
            <li class="list-inline-item font-white"><a href="#">Privacy Policy</a></li>
        </ul>
        <div class="font-white">
            <p class="copyright">Company Name © 20xx</p>
        </div>
    </footer>
```

<figure><img src="https://2921085085-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg5nbtYYIYcbVnZhdfLY2%2Fuploads%2FHRg5wiboLgrvuFJSi6s7%2FScreenshot%202024-01-17%20162904.png?alt=media&amp;token=d133691a-fe3b-459f-a97e-f32eb40df327" alt=""><figcaption><p>O/P Footer</p></figcaption></figure>

[^1]: You can see on Example pages