--- layout: default permalink: /footer category: layout title: Footer description: "Footer is a section of our page that is generally used as an additional navigation for the website. The container footer can contain links, buttons, company information, copyright and many other elements.

We use the grid system to create the content of our footer and other components." ---

{{ page.title }} Layout

{{ page.description }}


Footer Example:

The default footer takes the background color based on the background of the body of your website, ie if your site has the color body (Blue) the footer takes a slightly stronger tone of the same blue.

You can also add colors from our palette.

{% highlight html %} {% endhighlight %}
Footer-bar

The footer-bar is an element of the footer container, used for copyrights, buttons, breadcrumb, among other components.

{% highlight html %} {% endhighlight %}
Alignment

Centered
{% highlight html %} {% endhighlight %}
Align-end
{% highlight html %} {% endhighlight %}
Between
{% highlight html %} {% endhighlight %}
Colors

{% highlight html %} {% endhighlight %}
Footer examples.

Links


{% highlight html %} {% endhighlight %}
Combinations

{% highlight html %} {% endhighlight %}
{% highlight html %} {% endhighlight %}
{% highlight html %} {% endhighlight %}
{% highlight html %} {% endhighlight %}