# qpzm1212/web-project architecture

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

- Interactive diagram: https://gitdiagram.com/qpzm1212/web-project
- Repository: https://github.com/qpzm1212/web-project

## Overview

This appears to be a small static website, with pages for general information, menu and events, and contact, feedback and booking. A likely visitor workflow is to enter through the home page, browse the site, then find relevant details or a way to make an inquiry or booking. The tree does not establish page links, form behavior, or which styles and assets each page uses, so those connections are omitted; no source excerpts or README were available to verify them.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_visitor_pages["Visitor pages"]
  node_home["Home<br/>[index.html]"]
  node_about["About<br/>[about.html]"]
  node_menu["Menu<br/>[menu.html]"]
  node_events["Events<br/>[events.html]"]
  node_booking["Booking<br/>[booking.html]"]
  node_contacts["Contacts<br/>[contacts.html]"]
  node_feedback["Feedback<br/>[feedback.html]"]
  node_colophon["Colophon<br/>[colophon.html]"]
end

subgraph group_site_styles["Site styles"]
  node_base_css["Base styles<br/>[base.css]"]
  node_kamza_css["Kamza styles<br/>[kamza.css]"]
  node_tangzharyk_css["Tangzharyk styles<br/>[tangzharyk.css]"]
end

subgraph group_site_assets["Site assets"]
  node_images["Images"]
  node_fonts["Fonts"]
end

node_visitor(("Visitor"))

click node_home "https://github.com/qpzm1212/web-project/blob/master/index.html"
click node_about "https://github.com/qpzm1212/web-project/blob/master/about.html"
click node_menu "https://github.com/qpzm1212/web-project/blob/master/menu.html"
click node_events "https://github.com/qpzm1212/web-project/blob/master/events.html"
click node_booking "https://github.com/qpzm1212/web-project/blob/master/booking.html"
click node_contacts "https://github.com/qpzm1212/web-project/blob/master/contacts.html"
click node_feedback "https://github.com/qpzm1212/web-project/blob/master/feedback.html"
click node_colophon "https://github.com/qpzm1212/web-project/blob/master/colophon.html"
click node_base_css "https://github.com/qpzm1212/web-project/blob/master/css/base.css"
click node_kamza_css "https://github.com/qpzm1212/web-project/blob/master/css/kamza.css"
click node_tangzharyk_css "https://github.com/qpzm1212/web-project/blob/master/css/tangzharyk.css"
click node_images "https://github.com/qpzm1212/web-project/tree/master/images"
click node_fonts "https://github.com/qpzm1212/web-project/tree/master/public/fonts"

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_menu,node_events,node_booking,node_contacts,node_feedback,node_colophon toneBlue
class node_base_css,node_kamza_css,node_tangzharyk_css toneAmber
class node_images,node_fonts toneMint
class node_visitor toneIndigo
```

## Components

### Visitor pages

- [Home](https://github.com/qpzm1212/web-project/blob/master/index.html): `index.html`
- [About](https://github.com/qpzm1212/web-project/blob/master/about.html): `about.html`
- [Menu](https://github.com/qpzm1212/web-project/blob/master/menu.html): `menu.html`
- [Events](https://github.com/qpzm1212/web-project/blob/master/events.html): `events.html`
- [Booking](https://github.com/qpzm1212/web-project/blob/master/booking.html): `booking.html`
- [Contacts](https://github.com/qpzm1212/web-project/blob/master/contacts.html): `contacts.html`
- [Feedback](https://github.com/qpzm1212/web-project/blob/master/feedback.html): `feedback.html`
- [Colophon](https://github.com/qpzm1212/web-project/blob/master/colophon.html): `colophon.html`

### Site styles

- [Base styles](https://github.com/qpzm1212/web-project/blob/master/css/base.css): `css/base.css`
- [Kamza styles](https://github.com/qpzm1212/web-project/blob/master/css/kamza.css): `css/kamza.css`
- [Tangzharyk styles](https://github.com/qpzm1212/web-project/blob/master/css/tangzharyk.css): `css/tangzharyk.css`

### Site assets

- [Images](https://github.com/qpzm1212/web-project/tree/master/images): `images`
- [Fonts](https://github.com/qpzm1212/web-project/tree/master/public/fonts): `public/fonts`

### Other components

- **Visitor**