Blocks - Footer

Copy any custom block snippet below and paste it on your page to build your website easily.

Filter Blocks:


  {% include components/footer/footer.html 
    style="default"
    bg_color="bg-navy"
    text_color="text-inverse"
    cta=true
    cta_title="Join our community by using our services and grow your business."
    cta_button_text="Try It For Free"
    cta_button_url="#"
  %}

View example's Include code


  {% include components/footer/footer.html 
    style="default" 
    bg_color="bg-dark"
    text_color="text-inverse"
  %}

View example's Include code


{% include components/footer/footer.html 
  style="centered" 
  bg_color="bg-soft-primary"
  text_color=""
  show_cta=true

  
%}

View example's Include code

{% include components/footer/footer.html 
  style="three-column"
  container_padding="pt-13 pt-md-15 pb-7"
  bg_color="bg-light"
  newsletter_cta=true
%}

View example's Include code


  {% include components/footer/footer.html 
    style="minimal-alt"
    bg_color="bg-gray"
    container_padding="pt-13 pb-7"
  %}

View example's Include code


  {% include components/footer/footer.html 
    style="minimal" 
    container_padding="pt-3 pt-md-4 pb-7"
  %}

View example's Include code


  {% include components/footer/footer.html 
    style="blog" 
    container_padding="py-13 py-md-15"
    bg_color="bg-dark"
    text_color="text-inverse"
  %}

Blocks - Footer

Filter Blocks:

Address

Phone

E-mail

Phone

Address

Sidebar Post Layout Example

Overlay Post Layout Example

Standard Post Layout Example

Project Pages

Single Projects

Usage

Styleguide

Elements

Blocks - Footer

Filter Blocks: