Aplio
Hugo
Footer

Footer

To customize the footer sections, please follow these steps:

  1. Open the hugo.toml file in your project.

Footer Logo

To add a footer logo, you can modify the logo and logo in dark mode value in the hugo.toml file. Here's the code snippet you can update:

logo = "images/logo.svg"
logoDark = "images/logo-light.svg"

Replace "/images/logo.svg" and /images/logo-light.svg with the path to your desired footer logo image. Make sure to provide the correct path to the image file.

Footer Description

To add a short description to the footer, you can edit the footerText value in the footerDescription params in the hugo.toml file. Here's the code snippet you can update:

footerDescription = "Turpis tortor nunc sed amet et faucibus vitae morbi congue sed id mauris."

Replace the existing text with your desired short description.

Copyright

To add the copyright information to the footer, you can modify the copyright value as follows:

copyright = "@ { year } Aplio. All Rights Reserved"

Replace "Your Company Name" with the actual name of your company or organization. This will dynamically display the current year using {year}. So, never, change {year} form the copyright.

Email

To add a short description to the footer, you can edit the contactMail in the hugo.toml file. Here's the code snippet you can update:

 contactMail = "info@example.com"

Replace the existing text with your desired short description.

Phone Number

To add a short description to the footer, you can edit the contactNumber in the hugo.toml file. Here's the code snippet you can update:

  contactNumber = "+391 35 2568 4593"

Replace the existing text with your desired short description.

Quick Links

To add site links to the footer, you can modify the expolre and resources array in the FooterDatas object as follows:

[[menus.explore]]
    name = "About"
    identifier = "about"
    pageRef = "/about"
    weight = 1
    [[menus.explore]]
    name = "Payment"
    identifier = "payment"
    pageRef = "/home-3"
    weight = 2
    [[menus.explore]]
    name = "Analytics"
    identifier = "analytics"
    pageRef = "/home-4"
    weight = 3
    [[menus.explore]]
    name = "Hosting"
    identifier = "hosting"
    pageRef = "/home-5"
    weight = 4
    [[menus.explore]]
    name = "Pricing"
    identifier = "pricing"
    pageRef = "/price"
    weight = 5
    [[menus.explore]]
    name = "Testimonials"
    identifier = "testimonial"
    pageRef = "/testimonial"
    weight = 6
    [[menus.explore]]
    name = "FAQ's"
    identifier = "faq"
    pageRef = "/faq"
    weight = 7
 
 
 
    [[menus.resources]]
    name = "Services"
    identifier = "services"
    pageRef = "/services"
    weight = 1
    [[menus.resources]]
    name = "Team"
    identifier = "team"
    pageRef = "/team"
    weight = 2
    [[menus.resources]]
    name = "Integration"
    identifier = "integration"
    pageRef = "/integration"
    weight = 3
    [[menus.resources]]
    name = "Blog"
    identifier = "blog"
    pageRef = "/blog"
    weight = 4
    [[menus.resources]]
    name = "Career"
    identifier = "career"
    pageRef = "/career"
    weight = 5
    [[menus.resources]]
    name = "Log In"
    identifier = "login"
    pageRef = "/login"
    weight = 6
    [[menus.resources]]
    name = "Sign Up"
    identifier = "signup"
    pageRef = "/signup"
    weight = 7

Make sure to update these values in the hugo.toml file .

Add More Quick Links

To add more company links to the footer, you can simply append additional objects to the explore and resources array in the FooterDatas object. Each object represents a company link and should have the following structure:

[[menus.explore]]
  name = "Pricing"
  identifier = "pricing"
  pageRef = "/price"
  weight = 5

Here's an example of adding two additional links:

[[menus.resources]]
  name = "Services"
  identifier = "services"
  pageRef = "/services"
  weight = 1

In this example, two additional links for "Pricing" and "Services" are added. You can continue this pattern to add more links by appending objects with unique identifiers, link labels, and URLs to the explore and resources array.

Feel free to modify the existing objects or add new objects to include the desired company addresses in the footer.

Social Links

Follow the following steps to update Social links:

  • facebookLink Facebook Link for the footer section.
  • linkedinLink Linkedin Link Link for the footer section.
  • githubLink Github Link Link for the footer section.
  • behanceLink Behance Link for the footer section.
facebookLink= "#"
linkedinLink= "#"
githubLink= "#"
behanceLink= "#"

Replace # with the appropriate URLs for your Facebook, Github, and LinkedIn pages.