# zevoratech/zevoratech-site architecture

> Architecture diagram of the GitHub repository zevoratech/zevoratech-site, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-08-13). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/zevoratech/zevoratech-site
- Repository: https://github.com/zevoratech/zevoratech-site

## Overview

#### Purpose and delivery model
ZevoraTech is a plain static marketing website for the ZevoraTech brand. It has no build pipeline, application server, database, or backend API. The deployable unit is the repository root: HTML pages, shared CSS/JS, and static assets.

Relevant paths: `index.html`, `styles.css`, `script.js`

#### Browser entry points and page structure
Each HTML document is independently addressable and served directly by the host. `index.html` is the primary landing-page entry point; the remaining pages represent site sections navigated through normal document links.

- Home: `index.html`
- Product placeholder / coming-soon page: `products.html`
- Company information: `about.html`
- Contact page: `contact.html`

This is multi-page static navigation rather than a client-side router or single-page application.

#### Shared presentation layer
`styles.css` is the central visual-system boundary: it provides styling shared by all pages, including responsive behavior and likely common layout elements such as navigation, footer, and page sections. HTML pages own their content and semantic structure; CSS owns presentation.

Relevant paths: `styles.css`, `index.html`, `products.html`

#### Lightweight client behavior
`script.js` provides the site’s only client-side behavioral layer. Its defined responsibilities are mobile-menu interaction and dynamically setting the footer year. It does not represent a data-fetching, state-management, or application-runtime layer.

Relevant paths: `script.js`, `index.html`, `contact.html`

#### Asset boundary
Brand media is packaged locally under `assets/` and referenced by static pages rather than fetched from an external asset service. The known primary asset is the logo.

Relevant paths: `assets`, `assets/logo.png`, `index.html`

#### Contact flow and backend boundary
The contact experience intentionally has no server-side submission handling. The contact form opens the visitor’s configured email client, making mail composition the external handoff boundary. There is no form-processing service, persistence layer, validation API, or email-delivery integration in this repository.

Relevant paths: `contact.html`, `script.js`

#### Hosting and infrastructure
The intended production runtime is a static-file host with HTTPS. Cloudflare Pages is the recommended deployment target, using asset upload and optional custom-domain/DNS configuration for `zevoratech.in`; GitHub Pages is an alternative. Hosting is responsible only for serving files, DNS/domain attachment, and TLS certificates—not application execution.

Relevant paths: `README.md`, `index.html`, `assets`

Main entry points: [`index.html`](https://github.com/zevoratech/zevoratech-site/blob/main/index.html) (Home page), [`contact.html`](https://github.com/zevoratech/zevoratech-site/blob/main/contact.html) (Contact page), [`styles.css`](https://github.com/zevoratech/zevoratech-site/blob/main/styles.css) (Shared styles), [`products.html`](https://github.com/zevoratech/zevoratech-site/blob/main/products.html) (Products page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Static pages"]
  node_home["Home page<br/>HTML entry point<br/>[index.html]"]
  node_products["Products page<br/>HTML page<br/>[products.html]"]
  node_about["About page<br/>HTML page<br/>[about.html]"]
  node_contact["Contact page<br/>HTML page<br/>[contact.html]"]
end

subgraph group_shared["Shared site resources"]
  node_styles["Shared styles<br/>CSS visual system<br/>[styles.css]"]
  node_script["Client behavior<br/>Browser JavaScript<br/>[script.js]"]
  node_assets["Local assets<br/>Static asset directory"]
  node_logo["Brand logo<br/>Image asset"]
end

subgraph group_deployment["Deployment"]
  node_readme["Deployment guide<br/>Documentation<br/>[README.md]"]
  node_static_host["Static-file host"]
  node_custom_domain(("zevoratech.in<br/>Custom domain and DNS"))
end

node_email_client{{"Visitor email client<br/>External handoff"}}

node_home -->|"document link"| node_products
node_home -->|"document link"| node_about
node_home -->|"document link"| node_contact
node_home -->|"uses"| node_styles
node_products -->|"uses"| node_styles
node_about -->|"uses"| node_styles
node_contact -->|"uses"| node_styles
node_home -->|"loads"| node_script
node_contact -->|"loads"| node_script
node_home -->|"references"| node_logo
node_assets -->|"contains"| node_logo
node_contact -->|"mailto handoff"| node_email_client
node_readme -.->|"deployment guidance"| node_static_host
node_static_host -->|"serves"| node_home
node_static_host -->|"serves"| node_assets
node_custom_domain -.->|"DNS attachment"| node_static_host

click node_home "https://github.com/zevoratech/zevoratech-site/blob/main/index.html"
click node_products "https://github.com/zevoratech/zevoratech-site/blob/main/products.html"
click node_about "https://github.com/zevoratech/zevoratech-site/blob/main/about.html"
click node_contact "https://github.com/zevoratech/zevoratech-site/blob/main/contact.html"
click node_styles "https://github.com/zevoratech/zevoratech-site/blob/main/styles.css"
click node_script "https://github.com/zevoratech/zevoratech-site/blob/main/script.js"
click node_assets "https://github.com/zevoratech/zevoratech-site/tree/main/assets"
click node_readme "https://github.com/zevoratech/zevoratech-site/blob/main/README.md"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_home,node_products,node_about,node_contact toneBlue
class node_styles,node_script,node_assets,node_logo toneAmber
class node_readme,node_static_host,node_custom_domain toneMint
class node_email_client toneNeutral
```

## Components

### Static pages

Independently served multi-page site documents.

- [Home page](https://github.com/zevoratech/zevoratech-site/blob/main/index.html): HTML entry point · Primary landing page. · `index.html`
- [Products page](https://github.com/zevoratech/zevoratech-site/blob/main/products.html): HTML page · Coming-soon product section. · `products.html`
- [About page](https://github.com/zevoratech/zevoratech-site/blob/main/about.html): HTML page · `about.html`
- [Contact page](https://github.com/zevoratech/zevoratech-site/blob/main/contact.html): HTML page · Hands contact submission to the visitor email client. · `contact.html`

### Shared site resources

- [Shared styles](https://github.com/zevoratech/zevoratech-site/blob/main/styles.css): CSS visual system · Shared layout, responsive behavior, and presentation. · `styles.css`
- [Client behavior](https://github.com/zevoratech/zevoratech-site/blob/main/script.js): Browser JavaScript · Controls the mobile menu and footer year. · `script.js`
- [Local assets](https://github.com/zevoratech/zevoratech-site/tree/main/assets): Static asset directory · `assets`
- **Brand logo**: Image asset

### Deployment

- [Deployment guide](https://github.com/zevoratech/zevoratech-site/blob/main/README.md): Documentation · Documents static hosting options. · `README.md`
- **Static-file host**: Cloudflare Pages or GitHub Pages · Serves repository files over HTTPS without application execution.
- **zevoratech.in**: Custom domain and DNS · Optional domain attachment with host-managed TLS.

### Other components

- **Visitor email client**: External handoff · Composes email; no repository backend processes submissions.

## Connections

- Home page → Products page: document link
- Home page → About page: document link
- Home page → Contact page: document link
- Home page → Shared styles: uses
- Products page → Shared styles: uses
- About page → Shared styles: uses
- Contact page → Shared styles: uses
- Home page → Client behavior: loads
- Contact page → Client behavior: loads
- Home page → Brand logo: references
- Local assets → Brand logo: contains
- Contact page → Visitor email client: mailto handoff
- Deployment guide → Static-file host: deployment guidance
- Static-file host → Home page: serves
- Static-file host → Local assets: serves
- zevoratech.in → Static-file host: DNS attachment