Section & Variations › Footer

Available Parameters
Parameter Type Description
variation Text
required
Default : footer-variation-1 		Selected variations for Footer section.
List of available variations :
  • footer-variation-1
  • footer-variation-2
  • footer-variation-3
  • footer-variation-4
description Text
required for footer-variation-1, footer-variation-2, footer-variation-4 		Set description for Footer section
navs Array of Navs Object
required for footer-variation-1, footer-variation-3, footer-variation-4 		Set nav items footer-variation-1 Section.
Example:
[
    {
        "title"     : "Company",
        "items"     : [
          {
              "link"     : "#",
              "title"     : "About us"
          }
        ]
    }
]
copyrights Text
required for footer-variation-1, footer-variation-3, footer-variation-4 		Set copyrights for Footer section
socialTheme Text
alllow : light, colored
Default : light 		Set type of Social Media Icon theme.
socialNavs Array of Social Nav Object
required for footer-variation-1, footer-variation-2, footer-variation-3 		Set nav item links for Footer section social media.
Example:
[
  {
    "icon"   : "ic-facebook",
    "link"   : "http://facebook.com/"
  }
]
bottomNavs Array of Link Object
required 		Set nav item links for Footer section bottom navigation.
Example:
[
  {
    "text"   : "Terms of Service",
    "link"   : "http://facebook.com/"
  }
]
contactNavs Array of Link Object
required for footer-variation-4 		Set nav item links for Footer section contact navigation.
Example:
[
  {
    "icon"   : "ic-mail",
    "title"   : "hello@designspace.io",
    "link"   : "mailto:hello@designspace.io"
  }
]
newsLetterParameters Array of newsLetterParameters Object
Available for : footer-variation-1, footer-variation-3, footer-variation-4 		Set parameters for Newslatter included in the section.
Example:
{
    title             : "Subscribe to our newsletter",
    description       : "Get monthly email updates about the improvements and roadmaps that might change.",
    formPlaceholder   : "Your email",
    buttonText        : "Get Started",
}
Available Variations
Starter Kit Codes 
{# include sections/footer  #}
{% include "sections/footer.twig", with {
    	"variation"		: "footer-variation-1",

	"description"		: "We are passionate about helping businesses leverage the power of technology to achieve their goals.",
	"navs"			: [
		{
			"title"	: "Company",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "About us",
				},
				{
					"link"	: "#",
					"title"	: "Careers",
				},
				{
					"link"	: "#",
					"title"	: "Pricing",
				},
				{
					"link"	: "#",
					"title"	: "Customers",
				},
				{
					"link"	: "#",
					"title"	: "Partners",
				},
				{
					"link"	: "#",
					"title"	: "Contact",
				},
			]
		},
		{
			"title"	: "Product",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Performance",
				},
				{
					"link"	: "#",
					"title"	: "Engagement",
				},
				{
					"link"	: "#",
					"title"	: "Grow",
				},
				{
					"link"	: "#",
					"title"	: "Analytics",
				},
				{
					"link"	: "#",
					"title"	: "OKRs & Goals",
				},
			]
		},
		{
			"title"	: "Recources",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Blog",
				},
				{
					"link"	: "#",
					"title"	: "Newslatter",
				},
				{
					"link"	: "#",
					"title"	: "Support",
				},
				{
					"link"	: "#",
					"title"	: "Tutorial",
				},
				{
					"link"	: "#",
					"title"	: "Help Center",
				},
			]
		},
	],

	"copyrights"	: "Copyright © 2024 Whimsy. All Rights Reserved.",

	"socialTheme"	: "colored",
	"socialNavs"	: [
		{
			"link"	: "#",
			"icon"	: "ic-twitter",
		},
		{
			"link"	: "#",
			"icon"	: "ic-facebook",
		},
		{
			"link"	: "#",
			"icon"	: "ic-linkedin",
		},
	],
	"bottomNavs"	: [
		{
			"link"	: "#",
			"title"	: "Terms of Service",
		},
		{
			"link"	: "#",
			"title"	: "Privacy Policy",
		},
	],

	"newsLetterParameters" : {
		"description" : false,
	}
  } %}
Section Preview Footer Variation 1
Starter Kit Codes 
{# include sections/footer  #}
{% include "sections/footer.twig", with {
    	"variation"		: "footer-variation-2",

	"bottomNavs"		: [
		{
			"link"	: "#",
			"title"	: "Product",
		},
		{
			"link"	: "#",
			"title"	: "Pricing",
		},
		{
			"link"	: "#",
			"title"	: "Company",
		},
		{
			"link"	: "#",
			"title"	: "Recources",
		},
		{
			"link"	: "#",
			"title"	: "Contact",
		},
	],

	"socialTheme"	: "colored",
	"socialNavs"	: [
		{
			"link"	: "#",
			"icon"	: "ic-facebook",
		},
		{
			"link"	: "#",
			"icon"	: "ic-linkedin",
		},
		{
			"link"	: "#",
			"icon"	: "ic-twitter",
		},
	],
  } %}
Section Preview Footer Variation 2
Starter Kit Codes 
{# include sections/footer  #}
{% include "sections/footer.twig", with {
    	"variation"		: "footer-variation-3",

	"navs"			: [
		{
			"title"	: "Company",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "About us",
				},
				{
					"link"	: "#",
					"title"	: "Careers",
				},
				{
					"link"	: "#",
					"title"	: "Pricing",
				},
				{
					"link"	: "#",
					"title"	: "Customers",
				},
				{
					"link"	: "#",
					"title"	: "Partners",
				},
				{
					"link"	: "#",
					"title"	: "Contact",
				},
			]
		},
		{
			"title"	: "Product",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Performance",
				},
				{
					"link"	: "#",
					"title"	: "Engagement",
				},
				{
					"link"	: "#",
					"title"	: "Grow",
				},
				{
					"link"	: "#",
					"title"	: "Analytics",
				},
				{
					"link"	: "#",
					"title"	: "OKRs & Goals",
				},
			]
		},
		{
			"title"	: "Support",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Help Center",
				},
				{
					"link"	: "#",
					"title"	: "Status",
				},
				{
					"link"	: "#",
					"title"	: "Community",
				},
				{
					"link"	: "#",
					"title"	: "Referral Program",
				},
				{
					"link"	: "#",
					"title"	: "Request a Demo",
				},
			]
		},
		{
			"title"	: "Use Cases",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Product Teams",
				},
				{
					"link"	: "#",
					"title"	: "Design Teams",
				},
				{
					"link"	: "#",
					"title"	: "Design Agencies",
				},
				{
					"link"	: "#",
					"title"	: "Tech Startups",
				},
				{
					"link"	: "#",
					"title"	: "Agile Teams",
				},
				{
					"link"	: "#",
					"title"	: "Educational Institutions",
				},
			]
		},
	],

	"copyrights"	: "Copyright © 2024 Whimsy. All Rights Reserved.",

	"socialTheme"	: "colored",
	"socialNavs"	: [
		{
			"link"	: "#",
			"icon"	: "ic-twitter",
		},
		{
			"link"	: "#",
			"icon"	: "ic-facebook",
		},
		{
			"link"	: "#",
			"icon"	: "ic-linkedin",
		},
		{
			"link"	: "#",
			"icon"	: "ic-instagram",
		},
	],
	"bottomNavs"	: [
		{
			"link"	: "#",
			"title"	: "Terms of Service",
		},
		{
			"link"	: "#",
			"title"	: "Privacy Policy",
		},
	],

	"newsLetterParameters" : {
		"title"				: "Subscribe to our newsletter",
		"description"		: false,
		"buttonText"		: "<i class=\"ic ic-arrow-right white\"></i>",
	},
  } %}
Section Preview Footer Variation 3
Starter Kit Codes 
{# include sections/footer  #}
{% include "sections/footer.twig", with {
    	"variation"		: "footer-variation-4",

	"description"	: "We are passionate about helping businesses leverage the power of technology to achieve their goals.",
	"navs"			: [
		{
			"title"	: "Company",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "About",
				},
				{
					"link"	: "#",
					"title"	: "Pricing",
				},
				{
					"link"	: "#",
					"title"	: "Jobs",
				},
				{
					"link"	: "#",
					"title"	: "Blog",
				},
				{
					"link"	: "#",
					"title"	: "Careers",
				},
			]
		},
		{
			"title"	: "Product",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Sales software",
				},
				{
					"link"	: "#",
					"title"	: "Features",
				},
				{
					"link"	: "#",
					"title"	: "Privacy and security",
				},
				{
					"link"	: "#",
					"title"	: "Marketplace",
				},
				{
					"link"	: "#",
					"title"	: "Status",
				},
				{
					"link"	: "#",
					"title"	: "API",
				},
			]
		},
		{
			"title"	: "Discover",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Partner Program",
				},
				{
					"link"	: "#",
					"title"	: "Get our newsletter",
				},
				{
					"link"	: "#",
					"title"	: "Sales Pipeline Course",
				},
				{
					"link"	: "#",
					"title"	: "What is SaaS?",
				},
				{
					"link"	: "#",
					"title"	: "SaaS Comparison",
				},
				{
					"link"	: "#",
					"title"	: "Resources",
				},
			]
		},
		{
			"title"	: "Help Center",
			"items"	: [
				{
					"link"	: "#",
					"title"	: "Community",
				},
				{
					"link"	: "#",
					"title"	: "Knowledge Base",
				},
				{
					"link"	: "#",
					"title"	: "Academy",
				},
				{
					"link"	: "#",
					"title"	: "Support",
				},
			]
		},
	],

	"copyrights"	: "Copyright © 2024 Whimsy. All Rights Reserved.",

	"socialTheme"	: "colored",
	"socialNavs"	: [
		{
			"link"	: "#",
			"icon"	: "ic-facebook",
		},
		{
			"link"	: "#",
			"icon"	: "ic-linkedin",
		},
		{
			"link"	: "#",
			"icon"	: "ic-twitter",
		},
	],
	"bottomNavs"	: [
		{
			"link"	: "#",
			"title"	: "Terms of Service",
		},
		{
			"link"	: "#",
			"title"	: "Privacy Policy",
		},
	],
	"contactNavs"	: [
		{
			"link"	: "#",
			"icon"	: "ic-mail",
			"title"	: "hello@designspace.io",
		},
		{
			"link"	: "#",
			"icon"	: "ic-phone",
			"title"	: "+123 456 789 ",
		},
	],
  } %}
Section Preview Footer Variation 4