Home

To edit the home page, edit src/home.md

The home page uses the layout: home

The home page has extensive configuration options.

  • You can enable/disable each of the sections.
  • Customise the headings and buttons for each section.
  • Change the sort order and limit the number of items for grid sections.
  • Configure the headings, sub headings, alignment and images for info sections.

Frontmatter

# src/home.md

---
layout: home
permalink: "/"
title: "11ty Advance"
description: "Advance is a multi-purpose premium 11ty theme. Modern design, clean code and highly configurable."
header_transparent: true
meta_title: 11ty Advance - Premium 11ty Theme

hero:
  enabled: true
  heading: "11ty Advance"
  sub_heading: "Built using highly configurable sections, Advance is a multi-purpose premium 11ty theme. Modern design, clean code and highly configurable."
  text_color: "#FFFFFF"
  background_color: "#1d2830"
  background_gradient: true
  background_image: "/assets/images/gen/home/home-1-large.webp"
  background_image_blend_mode: overlay # "overlay", "multiply", "screen"
  fullscreen_mobile: true
  fullscreen_desktop: false
  height: "660px"
  buttons:
    enabled: false
    list:
      - text: "Buy Now"
        url: "https://www.zerostatic.io/theme/11ty-advance/"
        external: true
        fa_icon: false
        size: large # "small", "normal", "large"
        outline: false
        style: "light" # "light", "dark", "primary"
      - text: "Documentation"
        url: "https://www.zerostatic.io/docs/11ty-advance/v2.0/"
        external: true
        fa_icon: false
        size: large
        outline: true
        style: "light"

services:
  enabled: true
  heading: "Our Services"
  sub_heading: ""
  limit: 6
  sort: "weight" # 'date'
  view_more_button_text: "View All Services"
  view_more_button_link: "/services"
  prevent_click: false

intro:
  enabled: true
  align: left
  image: "/assets/images/gen/content/content-5-thumbnail.webp"
  heading: "We've helped hundreds of people grow their business online."
  sub_heading: "Our software empowers customers and retailers to work from anywhere in the world, on the go, or at home."
  bullets:
    enabled: true
    list:
      - text: "Configure the homepage sections in front-matter."
        fa_icon: "fas fa-check"
      - text: "An advanced hero image section with dozens of design options."
        fa_icon: "fas fa-check"
      - text: "Fully responsive and SEO optimised."
        fa_icon: "fas fa-check"
  buttons:
    enabled: true
    list:
      - text: "About Us"
        url: "/about"
        external: false
        fa_icon: ""
        size: large
        outline: false
        style: "primary"

partners_section:
  enabled: true
  limit: 5
  sort: "weight" # 'date'

projects:
  enabled: true
  heading: "Our Projects"
  sub_heading: ""
  limit: 2
  columns: 2
  sort: "weight" # 'date'
  view_more_button_text: "View All Projects"
  view_more_button_link: "/projects"
  prevent_click: false

outro:
  enabled: true
  align: center
  image: false
  heading: Get Started Today
  sub_heading: "Save time and money using this premium 11ty theme."
  bullets:
    enabled: false
    list:
      - text: "Free Quote"
        fa_icon: "fas fa-envelope-open-text"
  buttons:
    enabled: true
    list:
      - text: "Contact Us"
        url: "/contact"
        external: false
        size: "large"

posts:
  enabled: true
  heading: "Latest Posts"
  sub_heading: ""
  limit: 3
  columns: 3
  sort: weight # 'date'
  view_more_button_text: "View All Posts"
  view_more_button_link: "/blog"
  prevent_click: false
---

Config

The frontmatter sections hero, intro and outro are all optional. They allow you to enhance the design with extra info above and below the list of services in the middle of the page.

The frontmatter sections services, projects and posts are all optional.

To remove a section simply delete the frontmatter field or set enabled: false