Footer
To customize the footer sections, please follow these steps:
- 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.
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.