Aurevia Developments Real Estate Website Template User Guide

1. What is included

This package includes a complete static HTML, CSS, and vanilla JavaScript website template for a fictional luxury real-estate developer brand. It includes eight website pages, original local SVG placeholder images and icons, responsive CSS, interactive JavaScript, documentation, marketing copy, support notes, license files, version files, and preview screenshots.

2. How to unzip the download

Download the ZIP file, then extract it on your computer. Keep the folder structure unchanged. The main folder is aurevia-developments-real-estate-template.

3. How to open the website

Open index.html in any modern browser. No build step, npm install, database, CMS, or internet connection is required for the demo layout.

4. How to edit text

Open the HTML page you want to change in VS Code or another editor. Search for the text you see on the page, then replace it with your own copy. Save and refresh the browser.

5. How to replace images

Original placeholder SVG files are stored in assets/images. Replace an SVG with your own image using the same file name, or update the image path in the HTML. Use properly licensed photography, renders, illustrations, or maps.

6. How to change colours

Open assets/css/style.css and edit the colour variables at the top of the file. The most important variables are --color-primary, --color-secondary, --color-accent, --color-dark, --color-light, and --color-muted.

7. How to change fonts

The template uses system fonts only. Edit --font-main and --font-display in assets/css/style.css if you want different system font stacks. If you add web fonts, make sure you have the correct license.

8. How to edit navigation links

Navigation appears near the top of each HTML file. Update the link text or href values as needed. Keep file names consistent if you rename pages.

9. How to edit community cards

Open communities.html and find the community card sections. Update names, regions, descriptions, homes count, land area, lifestyle focus, and CTA links. The community filter uses each card's data-category attribute.

10. How to edit statistics

Statistics appear in index.html and community-detail.html. Replace values such as 45K+, 32M sqm, and 12 destination districts with your own verified numbers.

11. How to edit the register-interest form

Open contact.html. Edit labels, fields, select options, and consent text. Front-end validation is handled by assets/js/main.js.

12. How to connect the contact form

The form is static and does not send emails automatically. Connect it to a form service such as Formspree, Web3Forms, Getform, Shopify Forms, or your own backend. Follow your provider's instructions for action URLs, method attributes, hidden fields, spam protection, and email routing.

13. How to upload the website to hosting

Upload all files and folders to your static hosting provider. Common options include shared hosting, Netlify, Vercel static deployments, Cloudflare Pages, GitHub Pages, or a standard web server. Keep the assets folder beside the HTML files.

14. How to create a live demo

Upload the template to a static host, then copy the public URL. For Shopify Digital Downloads, you can include the demo URL in your product description or demo-link.txt.

15. Recommended tools

Use VS Code for editing, a modern browser for previewing, and an image editor for replacing placeholder graphics. No Node.js dependencies are required by the template.

16. Common troubleshooting

If styling is missing, check that assets/css/style.css and assets/css/responsive.css are still in the correct location. If images are missing, check the paths in the img tags. If the mobile menu does not open, confirm assets/js/main.js is linked before the closing body tag or with defer in the head.

17. License summary

The license allows one personal, commercial, or one-client website. You may customise the template. You may not resell, redistribute, share, upload to marketplaces, or use the files to create a competing template product.

18. Support instructions

Read support/support-policy.txt for what support includes and excludes. Customisation services, hosting setup, CMS conversion, and form backend setup are not included unless separately agreed.

19. Static template note

This is a static HTML/CSS/JavaScript template. It is not a Shopify theme, WordPress theme, Webflow template, or Wix template unless separately converted.