Footer:

This section displays a footer section on the site.

Module elements:

• Footer widgets.
• Footer copyright section.

How to add content:

• Step1: In the data file for footer in _data > do-footer.yml add the content.

footer:
- title: About Darkout  # Use footer title here
  option:
    - title: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.  # Use footer option links name here
      href:  # Use footer option url here
      icon:  # Use footer option icons here
    - title: abc@gmail.com  # Use footer option links name here
      href: mailto:abc@gmail.com  # Use footer option url here
      icon: <i class="far fa-envelope"></i>  # Use footer option icons here
    - title: 0987654321  # Use footer option links name here
      href: tel:0987654321  # Use footer option url here
      icon: <i class="fas fa-phone"></i>  # Use footer option icons here

• Step2: The above footer array is used for footer widgets section.

  • title This is the title for the footer widget.

    • Option: Use option for adding a list of links on footer column.
      • title: Use title for the anchor here.
      • href: Use url for the anchor here.
      • icon: Use icon for the title here.

• Step3: The footer widgets uses the site variables from the config.yml file for number of widgets columns in the footer as shown below:

# Footer-columns
laptop: 4  # Use Options 1,2,3,4,6  Default: 3
tablet: 2  # Use Options 1,2,3,4 Default: 2
mobile: 1  # Use Options 1,2 Default: 1

• laptop: Uses number of columns for laptop devices.
  • options: 2, 3, 4 and 6 columns. Default 3 columns.
• tablet: Uses number of columns for tablet devices.
  • options: 2, 3 and 4 columns. Default 2 columns.
• mobile: Uses the number of columns for mobile devices.
  • options: 1, 2 columns. Default 1 column.

footer-copyright:
- copyright-links:
    - title: Terms of Service  # Use footer-copyright links name here
      href: "#"  # Use footer-copyright links url here

• Step4: The above footer-copyright array is used for the footer copyright section.

  • copyright-links This is the array for copyright links. * title: Use title for the anchor here. * href: Use url for the anchor here.

• Step5: The copyright section contains a list of social icons which are enabled with the site variables from config.yml file as shown below:

# Copyright Settings
copyright-content: true  # Use Options true or false
copyright-logo:  # Enter the copyright logo path
copyright-text: © 2019 Darkout. All Rights Reserved.  # Enter the copyright content for your website
copyright-social-icon: true  # Use Options true or false

• Copyright-content: Set this true or else copyright content will not be displayed. Copyright content is the last section of the footer with site name and copyright text.

• copyright-logo: Use “img” tag with logo for the copyright section here like this <img src="logo-url">

• copyright-text: Use copyright text here.

• copyright-social-icon: Set this to true or else copyright social icons will not be displayed. Copyright social icon uses the following social icons from _config.yml file

# Social Media Information
twitter: "#"  # Use twitter link for your website
github: "#"  # Use pinterest link for your website
facebook: "#"  # Use facebook link for your website
linkedin: "#"  # Use instagram link for your website

These social icons url will be used for copyright social icons.

How to add in page:

• Step1: Add footer by using the include statement

• Step2: On the page use

  {% include do-footer.html %}

Example code snippet

<section class="darkout-section">
{% include do-footer.html %}
</section>