BrightCo Small Business Website Template User Guide

1. What Is Included

This download includes eight HTML pages, responsive CSS, vanilla JavaScript, local image assets, SVG icons, documentation, marketing files, support files, legal files, screenshots, and quick-start instructions.

2. How To Unzip The Download

Download the ZIP file, unzip it on your computer, and keep the folder structure unchanged.

3. How To Open The Website

Open index.html in any modern browser. No build tool or server is required.

4. How To Edit Text

Open the HTML files in VS Code or another editor and replace the demo content with your own business wording.

5. How To Replace Images

Images are stored in assets/images/. Replace files with the same names, or update the image src and alt text in the HTML.

6. How To Change Colours

Edit the CSS variables inside :root in assets/css/style.css.

7. How To Change Fonts

Edit --font-main in assets/css/style.css. The template uses system fonts by default.

8. How To Edit Navigation Links

Update the header links on each HTML page. Keep file names consistent unless you rename pages everywhere.

9. How To Edit Service Cards

Service cards are standard HTML article blocks. Edit the heading, image, paragraph, and link.

10. How To Edit Pricing Cards

Open pricing.html and update package names, prices, features, and buttons.

11. How To Edit Testimonials

Open testimonials.html and replace the fictional review text, names, roles, and image references.

12. How To Edit Blog Cards

Open blog.html and update article titles, categories, summaries, images, and links.

13. How To Connect The Contact Form

The contact form is front-end only. Connect it to Formspree, Web3Forms, Getform, Shopify Forms, or your own backend before publishing.

14. How To Connect The Newsletter Form

The newsletter form validates the email address only. Connect it to your newsletter platform or backend.

15. How To Upload The Website To Hosting

Upload all HTML files and the complete assets folder to static hosting. Keep the folder structure unchanged.

16. How To Create A Live Demo

Upload the site to a demo domain or folder, then update demo-link.txt with your live demo URL.

17. Recommended Tools

• VS Code or another code editor
• A modern browser
• An image editor for replacement images
• A static hosting provider

18. Common Troubleshooting

Check file paths if images, CSS, or JavaScript do not load. Connect the forms to a real service if you need email delivery.

19. License Summary

The buyer may use the template for one personal or commercial website or one client project. Resale, redistribution, sharing, and repackaging are not allowed.

20. Support Instructions

Read support/support-policy.txt for support details.

21. 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.