Watch. Edit. Publish.
Your guide from the download to your first website.
01Unzip the download
Download the zip from your purchase email and extract it into its own folder. Keep a copy of the original files before editing.
02Open the website
Open index.html in your browser. If the browser blocks local JSON loading, run a simple local server, such as python3 -m http.server 8080, from the template folder.
python3 -m http.server 808003Edit the text
Edit values in content.ar.json and content.en.json. Keep the keys unchanged. Use double quotes and do not add a trailing comma after the last item.
{
"title": "Your brand"
}04Set your colors
Open theme.css and edit the CSS custom properties. Start with the brand color, then check text and button contrast in every scene.
05Replace the images
Keep the original filenames and paths. Export AVIF or WebP desktop images and separate portrait images for phones.
06Publish the website
Upload the folder containing index.html through Cloudflare Pages Direct Upload, drag it to Netlify Drop, or upload it to any static host. The downloaded template needs no npm or build step.
07Troubleshooting
If images are missing, check filenames, capitalization and paths. If text is missing, validate the JSON and use a local server. If motion stops, check reduced-motion and data-saving settings. Test Arabic, English and mobile before publishing.