Documentation

Complete guide to using and customizing LandingForge

Installation

Get started with the template in minutes

View Guide

CMS Guide

Learn how to use the built-in content management system

Quick Start:

  1. Add ?edit=true to your URL
  2. Click the edit button
  3. Click any field to edit
  4. Save your changes

Customization

Customize colors, themes, and components

To change colors:

Edit the CSS variables in css/style.css:

:root {
  --color-primary: #0066ff;
  --color-bg: #ffffff;
}

PWA Features

Understanding Progressive Web App capabilities

Requirements:

  • HTTPS enabled (required)
  • Modern browser
  • Service worker file

Quick Reference

File Structure

your-site/
├── index.html          (Homepage)
├── docs.html           (Documentation)
├── installation.html   (Installation guide)
├── faq.html           (FAQ)
├── css/
│   └── style.css       (All styles)
├── js/
│   └── main.js         (JavaScript)
└── assets/             (Images, icons, etc.)

Adding New Pages

To add a new page:

  1. Copy an existing HTML file (e.g., docs.html)
  2. Rename it to your new page name
  3. Update the content
  4. Add a link in the navigation menu

Editing Content

The template includes a built-in CMS. To use it:

  1. Visit your site with ?edit=true added to the URL
  2. Click the edit button in the bottom right
  3. Click on any field marked with the edit icon
  4. Make your changes and save

Need More Help?

Check out our FAQ page or the Installation Guide for more information.