/ 01

Getting Started

Requirements, unzipping the download, opening it in a browser, and putting it on a real web host — no build step, ever.

Requirements

None. This is plain static HTML, CSS and JavaScript — no Node.js, no npm, no build tools, no database, no server-side language. A modern web browser is all you need to preview it, and any ordinary web host works to publish it.

1. Unzip the download

Find fieldcraft-html-themeforest.zip (or the HTML template zip inside your combined download) and unzip it on your computer.
Inside, you'll find a fieldcraft-html/ folder — that's the whole template. Everything you need is in there.

Screenshot pending: html-template-folder-in-finder

The unzipped fieldcraft-html/ folder shown in a file manager, with index.html and the assets/ subfolder visible.

2. Preview it in your browser

Open the fieldcraft-html/ folder.
Double-click index.html. It opens directly in your default browser — no server, no build step, no installation.
Click around the site's own navigation menu to preview the other 15 pages, or open any page file directly the same way (double-click about.html, services.html, and so on).

Good to know

You can edit a page file, save it, and refresh the open browser tab to see your change — there's nothing to rebuild or restart. This is the entire workflow for using this template: edit, save, refresh.

3. Put it online

When you're ready to publish, upload the whole fieldcraft-html/ folder — keeping its internal structure intact (the page files alongside the assets/ folder, not separated) — to any of the following:

A static web host (Netlify, Vercel, GitHub Pages, Cloudflare Pages, and similar all work as-is).
The document root of a normal shared-hosting web server, via FTP or your host's file manager (the same way you'd upload any website).
As a starting point wired into a headless front end or a different CMS/back end, if you're a developer building something custom on top of this design.

There is no environment variable, database connection or configuration file to set up first — if the pages open correctly on your computer, they'll work the same way once uploaded.

What's next

Continue to File Structure to see what's inside the assets/ folder, or jump straight to Customizing if you already know you want to change the colors, fonts or copy.