Zorvix HTML Template Documentation

A) Introduction

Build a polished AI, SaaS, and technology website faster.

Empower your startup, AI platform, SaaS business, or tech company with the Zorvix HTML Template — a modern, innovative, and high-performance solution specially crafted for artificial intelligence startups, SaaS applications, software companies, tech agencies, digital products, and cloud-based businesses.

Zorvix combines futuristic design with powerful functionality to create a professional online presence that enhances brand credibility and increases customer engagement. With clean layouts and a user-friendly interface, building a cutting-edge technology website becomes effortless.

Whether you are launching an AI-powered platform, promoting a SaaS product, offering cloud solutions, managing a software agency, or showcasing a startup ecosystem, this template adapts perfectly to your business needs.

B) Package Contents

What is included in the download package?

Path / File	Purpose
`index.html`	Landing showcase for the template package.
`homes/`	Includes 18 homepage templates.
`pages/`	Includes 133 pages: 126 niche-specific pages plus 7 optional global pages.
`assets/css/theme.css`	Global design system and reusable inner-page primitives.
`assets/js/theme.js`	Global JavaScript interactions.
`documentation/`	Documentation, usage guide, and QA notes.

C) Page Structure

Homepage and inner-page organization

Inner pages per homepage

About
Services
Service Details
Pricing
Blog
Blog Single
Contact

Optional global pages

FAQ
Team
Case Studies
Integrations
404
Privacy
Terms

18 blog archive pages 18 blog single-post templates 0 inline style attributes 0 embedded style blocks

D) HTML Editing

How to edit HTML files

You can edit the HTML files using any text editor such as Visual Studio Code, Sublime Text, or Notepad++. Open the required HTML file and update text, images, navigation links, sections, and page content according to your requirements.

1. Open the page

Choose the homepage or inner page you want to customize.

2. Edit content

Replace headings, paragraphs, buttons, image paths, and links.

3. Test locally

Reload the page in a browser and verify spacing, links, and responsiveness.

E) CSS Editing

How to edit CSS files

All CSS files are located inside the assets/css folder. Main styling can be edited from the theme stylesheet. Typography, spacing, layouts, color styling, responsive utilities, and reusable component classes are centralized so the design can be customized consistently.

Recommended editing workflow

Keep reusable styles in the global stylesheet instead of adding inline CSS.
Update shared variables and component primitives before editing individual pages.
Check major responsive breakpoints after every layout change.

F) Colors & Fonts

Customize colors and typography

Please open the primary stylesheet from your template folder and replace the existing HEX color values with your preferred brand colors.

--primary#8B5CF6
--primary-light#A78BFA
--accent#38BDF8

Font families

Satoshi

Weights: 400, 500, 700, 900

General Sans

Weights: 400, 500, 600, 700

G) Resources Used

Frameworks, fonts, icons, and image credits

Framework

Bootstrap 5

Fonts

FontShare Fonts

Icons

Font Awesome

Images

Envato Elements