STRUCTURE
HTML5
Defines the page structure, content and semantic layout of the portfolio.
WEBSITE TECHNOLOGY DOCUMENTATION
Portfolio Technology Architecture
A professional visual overview of the technologies, source control, deployment, DNS, domain and analytics services powering this portfolio website.
Core Development Languages
Front-end technologies used to build the website
DESIGN & MOTION
CSS3
Controls visual design, responsive layouts, effects and animations.
INTERACTION
JavaScript
Powers interactive behaviour, dynamic functions, movements and website logic.
Core Architecture
Develop → Version → Publish → Deliver → Live
Portfolio source and interface development.
Repository and version management.
Publishes the repository as the live website.
DNS and website traffic delivery.
Public portfolio available online.
Portfolio Technology Atom
Three technology layers orbiting the live domain
tanweer.site
LIVE PORTFOLIO
Namecheap
Google Analytics 4
GoatCounter
GitHub
GitHub Repo
GitHub Pages
Cloudflare
HTML5
CSS3
JavaScript
Services Layer
Domain & Analytics
Delivery Layer
GitHub & Cloudflare
Development Layer
HTML · CSS · JavaScript
Portfolio ecosystem: HTML5 + CSS3 + JavaScript → GitHub → GitHub Pages → Cloudflare → tanweer.site