# ijaz7373/zcorebit-media architecture

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

- Interactive diagram: https://gitdiagram.com/ijaz7373/zcorebit-media
- Repository: https://github.com/ijaz7373/zcorebit-media

## Overview

This is a static multi-page website with informational, services, portfolio, and contact pages. A visitor browses the site; the contact form validates input and displays a client-side confirmation, but the sampled code shows no submission to a service. The JavaScript also provides navigation, scrolling, and page-specific interactive effects. The HTML was not sampled, so page wiring and navigation links cannot be confirmed.

Main entry points: [`index.html`](https://github.com/ijaz7373/zcorebit-media/blob/main/index.html) (Home), [`about.html`](https://github.com/ijaz7373/zcorebit-media/blob/main/about.html) (About), [`services.html`](https://github.com/ijaz7373/zcorebit-media/blob/main/services.html) (Services), [`work.html`](https://github.com/ijaz7373/zcorebit-media/blob/main/work.html) (Work)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_pages["Site pages"]
  node_home["Home<br/>[index.html]"]
  node_about["About<br/>[about.html]"]
  node_services["Services<br/>[services.html]"]
  node_work["Work<br/>[work.html]"]
  node_contact["Contact<br/>[contact.html]"]
  node_privacy["Privacy<br/>[privacy.html]"]
  node_terms["Terms<br/>[terms.html]"]
end

subgraph group_runtime["Browser behavior"]
  node_runtime_js["Page interactions<br/>[main.js]"]
  node_styles["Site styles<br/>[styles.css]"]
end

subgraph group_assets["Static assets"]
  node_hero_video["Hero video<br/>[hero.mp4]"]
  node_logo["Logo assets"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens"| node_home
node_visitor -->|"opens"| node_about
node_visitor -->|"opens"| node_services
node_visitor -->|"opens"| node_work
node_visitor -->|"opens"| node_contact
node_visitor -->|"opens"| node_privacy
node_visitor -->|"opens"| node_terms
node_visitor -->|"triggers interactions"| node_runtime_js

click node_home "https://github.com/ijaz7373/zcorebit-media/blob/main/index.html"
click node_about "https://github.com/ijaz7373/zcorebit-media/blob/main/about.html"
click node_services "https://github.com/ijaz7373/zcorebit-media/blob/main/services.html"
click node_work "https://github.com/ijaz7373/zcorebit-media/blob/main/work.html"
click node_contact "https://github.com/ijaz7373/zcorebit-media/blob/main/contact.html"
click node_privacy "https://github.com/ijaz7373/zcorebit-media/blob/main/privacy.html"
click node_terms "https://github.com/ijaz7373/zcorebit-media/blob/main/terms.html"
click node_runtime_js "https://github.com/ijaz7373/zcorebit-media/blob/main/js/main.js"
click node_styles "https://github.com/ijaz7373/zcorebit-media/blob/main/css/styles.css"
click node_hero_video "https://github.com/ijaz7373/zcorebit-media/blob/main/assets/video/hero.mp4"
click node_logo "https://github.com/ijaz7373/zcorebit-media/tree/main/assets/logo"

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_about,node_services,node_work,node_contact,node_privacy,node_terms toneBlue
class node_runtime_js,node_styles toneAmber
class node_hero_video,node_logo toneMint
class node_visitor toneIndigo
```

## Components

### Site pages

- [Home](https://github.com/ijaz7373/zcorebit-media/blob/main/index.html): `index.html`
- [About](https://github.com/ijaz7373/zcorebit-media/blob/main/about.html): `about.html`
- [Services](https://github.com/ijaz7373/zcorebit-media/blob/main/services.html): `services.html`
- [Work](https://github.com/ijaz7373/zcorebit-media/blob/main/work.html): `work.html`
- [Contact](https://github.com/ijaz7373/zcorebit-media/blob/main/contact.html): `contact.html`
- [Privacy](https://github.com/ijaz7373/zcorebit-media/blob/main/privacy.html): `privacy.html`
- [Terms](https://github.com/ijaz7373/zcorebit-media/blob/main/terms.html): `terms.html`

### Browser behavior

- [Page interactions](https://github.com/ijaz7373/zcorebit-media/blob/main/js/main.js): `js/main.js`
- [Site styles](https://github.com/ijaz7373/zcorebit-media/blob/main/css/styles.css): `css/styles.css`

### Static assets

- [Hero video](https://github.com/ijaz7373/zcorebit-media/blob/main/assets/video/hero.mp4): `assets/video/hero.mp4`
- [Logo assets](https://github.com/ijaz7373/zcorebit-media/tree/main/assets/logo): `assets/logo`

### Other components

- **Visitor**

## Connections

- Visitor → Home: opens
- Visitor → About: opens
- Visitor → Services: opens
- Visitor → Work: opens
- Visitor → Contact: opens
- Visitor → Privacy: opens
- Visitor → Terms: opens
- Visitor → Page interactions: triggers interactions