Quick start: HTML files

The fastest way to get going. No installation, no commands: open a file, change the text, save, refresh the browser.

Open the overview. Double-click template/index.html. It opens in your browser and shows all 30 demos. Click one to explore it.
Pick your demo. Each demo lives in its own folder, for example template/restaurant/. Every .html file in that folder is one page: index.html is the home page, about.html the about page and so on. The demo guides list them all.
Open a page in your editor. In Visual Studio Code choose File → Open Folder and pick the template folder, then open for example restaurant/index.html.

Find the part you want to change. Every block of the page starts with a comment, so you can jump to it with Ctrl/Cmd + F:

HTML

&lt;!-- ================ Section: hero (slider) ================ --&gt;
&lt;!-- ================ Section: menu ================ --&gt;
&lt;!-- ================ Section: testimonials ================ --&gt;

Change the text and save. Edit the words between the tags, for example change <h1 class="hero-title">Dinner worth the journey</h1>. Save and refresh the browser.
Add your images. Copy your pictures into template/assets/img/ and change the src of an image, for example src="../assets/img/our-dining-room.jpg". See Images.
Publish. Upload your demo folder and the assets folder. See Publishing your site.

The header and footer are repeated on every page. If you change a menu link or your phone number in the HTML, change it on every page. Visual Studio Code can do this in one go with Edit → Replace in Files (Ctrl/Cmd + Shift + H). If you expect to make many changes like this, the source files will save you time.

Next: Editing the HTML in detail, including how to duplicate a card, remove a section and change colours without any tools.