Design a fully responsive HTML/CSS/JS web page that displays a vote tally per department, categorized by year level, similar to a results dashboard. Use clean cards or sections to separate each department and year level. The layout should be responsive on mobile, tablet, and desktop views.
Example data layout:
CCSICT Department
1st Year
BSCS = 144 Votes
Data Mining = 100
Data Analytics = 44
BSIT = 154 Votes
2nd Year
BSCS = 142 Votes
Data Mining = 110
Data Analytics = 414
BSIT = 158 Votes
Requirements:
Use HTML for structure, CSS Flex/Grid for layout and responsiveness.
Use JavaScript to dynamically load or manage the vote data (optional: hardcoded JS object for now).
Each degree program (e.g., BSCS, BSIT) should be shown in a card with a header for vote count and expandable/collapsible inner options for the sub-categories (like "Data Mining").
Visually distinguish year levels (e.g., card color, border, or header).
Must display well on mobile and desktop (use media queries).
Clean, minimal design. Optional: include icons or bar representations.
No external libraries like Bootstrap — use vanilla HTML/CSS/JS only.
green/light green themed , add more table examples for better visuals, add a total from every tables