Heading 1
This website template was my entry for The 32-Bit Cafe Spring 2025 Tea Party. Therefore, this template is open for public use.
I am a coffee lover, so I participated in the event, and designed and named this tempalte after my favourite coffee flavour, mocha latte.
Feel free to study the HTML and CSS of this template, use the code and customise it yourself!
Features
Main features of this layout's design include:
- Light and dark mode support, by respecting user's system settings
- Mobile-friendliness
- Accessibility:
- Colour scheme with good colour contrasts
- Friendly to keyboard navigation, with visible outlines for when interactive elements (including links, buttons and form inputs) are focused on, as well as a "skip to content" link (visible only when you press the Tab key when you are at the top of the page) and a "back to top" link (at the footer)
Heading 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Heading 3
Facilisi Purus praesent est nec, lorem pharetra id. A elementum feugiat euismod class eget varius litora mauris.
Heading 4
Habitasse eu integer ultricies mauris sociis. Fusce fames adipiscing hymenaeos. Hymenaeos. Risus. Vivamus cursus lectus, curae; at vestibulum eu nam purus sociosqu bibendum nec.
Input and Button Style Preview
Credits
- Coffee SVG Vector by SVG Repo
- Mocha Latte Color Scheme by SchemeColor.com, which inspired the colours of this template, though I have modified the colours for better contrast.