# suroj-mrzn/portfolio.v-2 architecture

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

- Interactive diagram: https://gitdiagram.com/suroj-mrzn/portfolio.v-2
- Repository: https://github.com/suroj-mrzn/portfolio.v-2

## Overview

This repository is a small static personal portfolio, built from HTML and CSS. The README says the project section is done and provides a live link, but the available evidence does not describe page structure or interactions. The graph therefore captures the portfolio page and its styling without inferring specific sections or runtime behavior.

Main entry points: [`index.html`](https://github.com/suroj-mrzn/portfolio.v-2/blob/main/index.html) (Portfolio page), [`style.css`](https://github.com/suroj-mrzn/portfolio.v-2/blob/main/style.css) (Page styling)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_portfolio["Portfolio"]
  node_page["Portfolio page<br/>[index.html]"]
  node_styles["Page styling<br/>[style.css]"]
end

node_visitor(("Visitor"))

node_visitor -->|"views"| node_page
node_page -.->|"styled by"| node_styles

click node_page "https://github.com/suroj-mrzn/portfolio.v-2/blob/main/index.html"
click node_styles "https://github.com/suroj-mrzn/portfolio.v-2/blob/main/style.css"

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_page,node_styles toneBlue
class node_visitor toneIndigo
```

## Components

### Portfolio

- [Portfolio page](https://github.com/suroj-mrzn/portfolio.v-2/blob/main/index.html): `index.html`
- [Page styling](https://github.com/suroj-mrzn/portfolio.v-2/blob/main/style.css): `style.css`

### Other components

- **Visitor**

## Connections

- Visitor → Portfolio page: views (evidence: `README.md`)
- Portfolio page → Page styling: styled by