Skip to content

Introduction to ICT

COMMUNITY HUB

Responsive multi-page civic platform built with pure HTML5, CSS3, and no frameworks.

HTML5CSS3CSS VariablesMedia QueriesAdobe Spark

OVERVIEW

A responsive, multi-page civic platform designed without relying on templates, CMS, or external frontend frameworks. Six interconnected pages demonstrate mastery of web standards and a disciplined approach to pure CSS architecture.

KEY HIGHLIGHTS

  • 016 interconnected pages using pure HTML5/CSS3 — no frameworks, no templates
  • 02Dynamic Light/Dark mode toggle relying purely on CSS variable reassignment
  • 03CSS Media Queries for fluid layouts; custom CSS-only form validation; Adobe Spark branding

TECHNICAL IMPLEMENTATION

01

Strict Vanilla Architecture

Developed 6 interconnected pages using pure HTML5 and CSS3, demonstrating foundational mastery of web standards. No external libraries or frameworks were used at any layer of the project — layout, styling, interaction, and state were all handled via native browser capabilities.

02

Advanced Theming & Responsive Design

Engineered a dynamic Light/Dark mode toggle relying purely on CSS variables to ensure high accessibility and smooth transitions without JavaScript. Utilized CSS Media Queries for fluid layouts and implemented custom features including CSS-only form validation and embedded iframes. Designed the custom branding and logo using Adobe Spark.

TECH STACK

HTML5CSS3CSS VariablesMedia QueriesAdobe Spark
← PREVBUZZ BOMBERSNEXT →SUPER MARIO (X86)