# showmik-sharma-dinoboundhu/software__development__project__with__-phitron- architecture
> Architecture diagram of the GitHub repository showmik-sharma-dinoboundhu/software__development__project__with__-phitron-, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-27). It is an AI-made overview: check details against the source.
- Interactive diagram: https://gitdiagram.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-
- Repository: https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-
## Overview
This repository is a collection of beginner web-development exercises and project files, not a single application. The likely learner workflow is to open standalone HTML pages in a browser and view examples or projects. The tree shows HTML, CSS, Bootstrap, media, and portfolio materials, but the README and sampled-source evidence do not document page-to-stylesheet links or runtime wiring, so those relationships are omitted.
Main entry points: [`Week-01_HTML_CSS_&_BOOTSTRAP/Module-01_Introduce_With_HTML/Introduction_To_HTML.html`](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Introduction_To_HTML.html) (HTML introduction), [`Week-01_HTML_CSS_&_BOOTSTRAP/Module-01_Introduce_With_HTML/Mine.html`](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Mine.html) (HTML practice page), [`Week-01_HTML_CSS_&_BOOTSTRAP/Mod-01_&_Mod-02_Combination_HTML_CSS_Project/HTML_Project.html`](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Mod-01_%26_Mod-02_Combination_HTML_CSS_Project/HTML_Project.html) (HTML/CSS project page), [`Week-01_HTML_CSS_&_BOOTSTRAP/Module-02_Introduce_With_CSS/Index.html`](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Index.html) (CSS examples)
## Diagram (Mermaid)
```mermaid
flowchart TD
subgraph group_html["HTML exercises"]
node_html_intro["HTML introduction"]
node_html_mine["HTML practice page
[Mine.html]"]
node_html_css_project["HTML/CSS project page
[HTML_Project.html]"]
node_html_css_styles["Project styles
[CSS_Project.css]"]
end
subgraph group_css["CSS practice"]
node_css_index["CSS examples
[Index.html]"]
node_css_practice["CSS practice page
[Practice.html]"]
node_css_styles["CSS practice styles
[Practice_Style.css]"]
node_background_page["Background image exercise"]
end
subgraph group_bootstrap["Bootstrap projects"]
node_bootstrap_page["Bootstrap examples"]
node_bootstrap_project["Bootstrap project page
[Project_HTML.html]"]
end
subgraph group_portfolio["Portfolio materials"]
node_portfolio["Portfolio project materials
[portfolio-main]"]
end
node_learner(("Learner"))
node_browser["Web browser"]
node_learner -->|"opens pages"| node_browser
node_browser -->|"renders"| node_html_intro
node_browser -->|"renders"| node_html_mine
node_browser -->|"renders"| node_html_css_project
node_browser -->|"renders"| node_css_index
node_browser -->|"renders"| node_css_practice
node_browser -->|"renders"| node_background_page
node_browser -->|"renders"| node_bootstrap_page
node_browser -->|"renders"| node_bootstrap_project
click node_html_intro "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Introduction_To_HTML.html"
click node_html_mine "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Mine.html"
click node_html_css_project "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Mod-01_%26_Mod-02_Combination_HTML_CSS_Project/HTML_Project.html"
click node_html_css_styles "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Mod-01_%26_Mod-02_Combination_HTML_CSS_Project/CSS_Project.css"
click node_css_index "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Index.html"
click node_css_practice "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice.html"
click node_css_styles "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice_Style.css"
click node_background_page "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Background_Image_In_Website.html"
click node_bootstrap_page "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-03_Bootstrap_Explore/Bootstrap_HTML.html"
click node_bootstrap_project "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-03_Bootstrap_Explore/Project_Using_HTML_%26_CSS-(BOOTSTRAP)/Project_HTML.html"
click node_portfolio "https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/tree/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Project_Portfolio_Combo_Of_Mod-1_2_%26_2.5/portfolio-main"
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_html_intro,node_html_mine,node_html_css_project,node_html_css_styles,node_browser toneBlue
class node_css_index,node_css_practice,node_css_styles,node_background_page toneAmber
class node_bootstrap_page,node_bootstrap_project toneMint
class node_portfolio toneRose
class node_learner toneIndigo
```
## Components
### HTML exercises
- [HTML introduction](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Introduction_To_HTML.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-01_Introduce_With_HTML/Introduction_To_HTML.html`
- [HTML practice page](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-01_Introduce_With_HTML/Mine.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-01_Introduce_With_HTML/Mine.html`
- [HTML/CSS project page](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Mod-01_%26_Mod-02_Combination_HTML_CSS_Project/HTML_Project.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Mod-01_&_Mod-02_Combination_HTML_CSS_Project/HTML_Project.html`
- [Project styles](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Mod-01_%26_Mod-02_Combination_HTML_CSS_Project/CSS_Project.css): `Week-01_HTML_CSS_&_BOOTSTRAP/Mod-01_&_Mod-02_Combination_HTML_CSS_Project/CSS_Project.css`
### CSS practice
- [CSS examples](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Index.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-02_Introduce_With_CSS/Index.html`
- [CSS practice page](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice.html`
- [CSS practice styles](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice_Style.css): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-02_Introduce_With_CSS/Practice_Style.css`
- [Background image exercise](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Background_Image_In_Website.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Background_Image_In_Website.html`
### Bootstrap projects
- [Bootstrap examples](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-03_Bootstrap_Explore/Bootstrap_HTML.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-03_Bootstrap_Explore/Bootstrap_HTML.html`
- [Bootstrap project page](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/blob/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-03_Bootstrap_Explore/Project_Using_HTML_%26_CSS-(BOOTSTRAP)/Project_HTML.html): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-03_Bootstrap_Explore/Project_Using_HTML_&_CSS-(BOOTSTRAP)/Project_HTML.html`
### Portfolio materials
- [Portfolio project materials](https://github.com/showmik-sharma-dinoboundhu/software__development__project__with__-phitron-/tree/main/Week-01_HTML_CSS_%26_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Project_Portfolio_Combo_Of_Mod-1_2_%26_2.5/portfolio-main): `Week-01_HTML_CSS_&_BOOTSTRAP/Module-2.5_Practice_Problem_Day_01/Project_Portfolio_Combo_Of_Mod-1_2_&_2.5/portfolio-main`
### Other components
- **Learner**
- **Web browser**
## Connections
- Learner → Web browser: opens pages
- Web browser → HTML introduction: renders
- Web browser → HTML practice page: renders
- Web browser → HTML/CSS project page: renders
- Web browser → CSS examples: renders
- Web browser → CSS practice page: renders
- Web browser → Background image exercise: renders
- Web browser → Bootstrap examples: renders
- Web browser → Bootstrap project page: renders