# sathish2905/sample-website-templates architecture

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

- Interactive diagram: https://gitdiagram.com/sathish2905/sample-website-templates
- Repository: https://github.com/sathish2905/sample-website-templates

## Overview

This repository is a catalogue of standalone HTML website templates, rather than one integrated application. Its principal user workflow is browsing a template site and using its page interactions; some templates also provide contact-form submission. The tree shows browser scripts, plugins, and several PHP contact handlers, but not the page markup that wires most interactions together. The graph therefore represents documented catalogue scope and directly evidenced behavior, without asserting unverified connections between template scripts and plugins.

Main entry points: [`brand-html5-app-landing-page-responsive-web-template/contactengine.php`](https://github.com/sathish2905/sample-website-templates/blob/master/brand-html5-app-landing-page-responsive-web-template/contactengine.php) (Contact handler), [`sb-admin-2/js/plugins/dataTables/jquery.datatables.js`](https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/plugins/dataTables/jquery.datatables.js) (Table controls), [`sb-admin-2/js/jquery-1.11.0.js`](https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/jquery-1.11.0.js) (Admin template), [`agile-agency-free-bootstrap-web-template/js/custom.js`](https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/js/custom.js) (Corporate templates)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_catalog["Website Templates"]
  node_template_catalog["Template catalogue"]
  node_corporate_ui["Corporate templates<br/>[custom.js]"]
  node_education_ui["Education templates<br/>[custom.js]"]
  node_coming_soon_ui["Coming-soon pages<br/>[global.js]"]
end

subgraph group_interactions["Browser Interactions"]
  node_jquery_core["jQuery utilities<br/>[jquery-1.11.0.js]"]
  node_portfolio_filter["Portfolio filtering<br/>[setting.js]"]
  node_portfolio_plugin["Quicksand plugin"]
  node_carousel_config["Carousel setup<br/>[setting.js]"]
  node_carousel_plugin["Flexslider plugin"]
  node_countdown["Countdown display"]
end

subgraph group_contact["Contact Handling"]
  node_contact_sender["Contact handler<br/>[contactengine.php]"]
  node_mail_service(("Email service"))
  node_thanks_page["Thank-you page<br/>[contactthanks.php]"]
end

subgraph group_admin["Admin Components"]
  node_admin_ui["Admin template<br/>[jquery-1.11.0.js]"]
  node_datatable["Table controls"]
  node_table_data["HTML tables"]
end

node_visitor(("Site visitor"))

node_template_catalog -->|"offers"| node_corporate_ui
node_template_catalog -->|"offers"| node_education_ui
node_template_catalog -->|"offers"| node_coming_soon_ui
node_visitor -->|"submits form"| node_contact_sender
node_contact_sender -->|"sends email"| node_mail_service
node_contact_sender -->|"redirects on success"| node_thanks_page
node_admin_ui -->|"includes"| node_datatable
node_datatable -->|"uses"| node_jquery_core
node_datatable -->|"enhances"| node_table_data

click node_corporate_ui "https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/js/custom.js"
click node_education_ui "https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/custom.js"
click node_coming_soon_ui "https://github.com/sathish2905/sample-website-templates/blob/master/ace-responsive-coming-soon-template/js/global.js"
click node_jquery_core "https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/jquery-1.11.0.js"
click node_portfolio_filter "https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/portfolio/setting.js"
click node_portfolio_plugin "https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/portfolio/jquery.quicksand.js"
click node_carousel_config "https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/flexslider/setting.js"
click node_carousel_plugin "https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/flexslider/jquery.flexslider.js"
click node_countdown "https://github.com/sathish2905/sample-website-templates/blob/master/ace-responsive-coming-soon-template/js/jquery.countdown.js"
click node_contact_sender "https://github.com/sathish2905/sample-website-templates/blob/master/brand-html5-app-landing-page-responsive-web-template/contactengine.php"
click node_thanks_page "https://github.com/sathish2905/sample-website-templates/blob/master/brand-html5-app-landing-page-responsive-web-template/contactthanks.php"
click node_admin_ui "https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/jquery-1.11.0.js"
click node_datatable "https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/plugins/dataTables/jquery.datatables.js"

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_template_catalog,node_corporate_ui,node_education_ui,node_coming_soon_ui toneBlue
class node_jquery_core,node_portfolio_filter,node_portfolio_plugin,node_carousel_config,node_carousel_plugin,node_countdown toneAmber
class node_contact_sender,node_mail_service,node_thanks_page toneMint
class node_admin_ui,node_datatable,node_table_data toneRose
class node_visitor toneIndigo
```

## Components

### Website Templates

- **Template catalogue**
- [Corporate templates](https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/js/custom.js): `agile-agency-free-bootstrap-web-template/js/custom.js`
- [Education templates](https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/custom.js): `above-educational-bootstrap-responsive-template/js/custom.js`
- [Coming-soon pages](https://github.com/sathish2905/sample-website-templates/blob/master/ace-responsive-coming-soon-template/js/global.js): `ace-responsive-coming-soon-template/js/global.js`

### Browser Interactions

- [jQuery utilities](https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/jquery-1.11.0.js): `sb-admin-2/js/jquery-1.11.0.js`
- [Portfolio filtering](https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/portfolio/setting.js): `above-educational-bootstrap-responsive-template/js/portfolio/setting.js`
- [Quicksand plugin](https://github.com/sathish2905/sample-website-templates/blob/master/above-educational-bootstrap-responsive-template/js/portfolio/jquery.quicksand.js): `above-educational-bootstrap-responsive-template/js/portfolio/jquery.quicksand.js`
- [Carousel setup](https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/flexslider/setting.js): `agile-agency-free-bootstrap-web-template/flexslider/setting.js`
- [Flexslider plugin](https://github.com/sathish2905/sample-website-templates/blob/master/agile-agency-free-bootstrap-web-template/flexslider/jquery.flexslider.js): `agile-agency-free-bootstrap-web-template/flexslider/jquery.flexslider.js`
- [Countdown display](https://github.com/sathish2905/sample-website-templates/blob/master/ace-responsive-coming-soon-template/js/jquery.countdown.js): `ace-responsive-coming-soon-template/js/jquery.countdown.js`

### Contact Handling

- [Contact handler](https://github.com/sathish2905/sample-website-templates/blob/master/brand-html5-app-landing-page-responsive-web-template/contactengine.php): `brand-html5-app-landing-page-responsive-web-template/contactengine.php`
- **Email service**
- [Thank-you page](https://github.com/sathish2905/sample-website-templates/blob/master/brand-html5-app-landing-page-responsive-web-template/contactthanks.php): `brand-html5-app-landing-page-responsive-web-template/contactthanks.php`

### Admin Components

- [Admin template](https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/jquery-1.11.0.js): `sb-admin-2/js/jquery-1.11.0.js`
- [Table controls](https://github.com/sathish2905/sample-website-templates/blob/master/sb-admin-2/js/plugins/dataTables/jquery.datatables.js): `sb-admin-2/js/plugins/dataTables/jquery.datatables.js`
- **HTML tables**

### Other components

- **Site visitor**

## Connections

- Template catalogue → Corporate templates: offers
- Template catalogue → Education templates: offers
- Template catalogue → Coming-soon pages: offers
- Site visitor → Contact handler: submits form
- Contact handler → Email service: sends email
- Contact handler → Thank-you page: redirects on success
- Admin template → Table controls: includes
- Table controls → jQuery utilities: uses
- Table controls → HTML tables: enhances