# ayush-singhhh05/web-development-lab architecture

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

- Interactive diagram: https://gitdiagram.com/ayush-singhhh05/web-development-lab
- Repository: https://github.com/ayush-singhhh05/web-development-lab

## Overview

This repository is a collection of 13 web-development lab practicals, progressing from terminal and Git basics to HTML pages and CSS layouts. The README identifies each practical’s topic, but the available source provides no code excerpts or evidence that the practicals call or transfer data to one another. The graph therefore groups the standalone exercises by subject and shows no runtime connections.

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_tools["Tools and Version Control"]
  node_p01["Terminal Navigation<br/>[practice.txt]"]
  node_p02["Git Repository<br/>[README.md]"]
  node_p03["Branch Workflow<br/>[index.html]"]
  node_p04["README and Tags<br/>[README.md]"]
end

subgraph group_html["HTML Foundations"]
  node_p05["Semantic Bio<br/>[index.html]"]
  node_p06["Portfolio Structure<br/>[index.html]"]
end

subgraph group_layouts["CSS and Layout"]
  node_p07["Design Tokens<br/>[index.html]"]
  node_p08["Sticky Navbar<br/>[index.html]"]
  node_p09["Responsive Flexbox<br/>[index.html]"]
  node_p10["Advanced Flexbox<br/>[index.html]"]
  node_p11["Newspaper Grid<br/>[index.html]"]
  node_p12["Portfolio Grid<br/>[index.html]"]
  node_p13["Flexbox and Grid<br/>[index.html]"]
end

click node_p01 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P01/practice.txt"
click node_p02 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P02/README.md"
click node_p03 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P03/index.html"
click node_p04 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P04/README.md"
click node_p05 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P05/index.html"
click node_p06 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P06/index.html"
click node_p07 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P07/index.html"
click node_p08 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P08/index.html"
click node_p09 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P09/index.html"
click node_p10 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P10/index.html"
click node_p11 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P11/index.html"
click node_p12 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P12/index.html"
click node_p13 "https://github.com/ayush-singhhh05/web-development-lab/blob/main/P13/index.html"

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_p01,node_p02,node_p03,node_p04 toneBlue
class node_p05,node_p06 toneAmber
class node_p07,node_p08,node_p09,node_p10,node_p11,node_p12,node_p13 toneMint
```

## Components

### Tools and Version Control

- [Terminal Navigation](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P01/practice.txt): `P01/practice.txt`
- [Git Repository](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P02/README.md): `P02/README.md`
- [Branch Workflow](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P03/index.html): `P03/index.html`
- [README and Tags](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P04/README.md): `P04/README.md`

### HTML Foundations

- [Semantic Bio](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P05/index.html): `P05/index.html`
- [Portfolio Structure](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P06/index.html): `P06/index.html`

### CSS and Layout

- [Design Tokens](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P07/index.html): `P07/index.html`
- [Sticky Navbar](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P08/index.html): `P08/index.html`
- [Responsive Flexbox](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P09/index.html): `P09/index.html`
- [Advanced Flexbox](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P10/index.html): `P10/index.html`
- [Newspaper Grid](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P11/index.html): `P11/index.html`
- [Portfolio Grid](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P12/index.html): `P12/index.html`
- [Flexbox and Grid](https://github.com/ayush-singhhh05/web-development-lab/blob/main/P13/index.html): `P13/index.html`