# Customization Guide

## Text

Edit text directly in the HTML files.

## Colours

Edit the CSS variables at the top of assets/css/style.css.

## Fonts

The template uses system font stacks. Change --font-main and --font-display in assets/css/style.css to use different system fonts.

## Images

Replace files in assets/images with your own properly licensed photos, renders, maps, or illustrations. Keep file names the same for the easiest swap.

## Navigation

Update the header navigation in each HTML file. If you rename a page, update every matching link.

## Community cards

Edit communities.html. The filter tabs use data-filter values and the cards use matching data-category values.

## Statistics

Edit the statistic blocks in index.html and community-detail.html.

## JavaScript

Interactive behaviour is in assets/js/main.js. It includes the mobile menu, sticky header, smooth scrolling, FAQ accordion, validation, reveals, active links, community filters, back-to-top button, and gallery modal.