This page demonstrates HTML and CSS

My book about Everything also demonstrates its HTML and CSS

Dark and light mode

On loading, this page should respect your operating system choice of dark mode or light mode.

H1 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Last updated

Last updated 29 Aug 2022

H1 Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

H2 Link

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Blockquote with footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum at tellus dolor. Praesent vel risus vestibulum, tempus turpis eu, lacinia leo. Sed euismod mauris ac lectus aliquet, ac laoreet ipsum vestibulum. Mauris et suscipit nunc. Ut maximus erat eu lacus tincidunt, nec varius libero congue. Aliquam varius interdum orci, nec vehicula neque pharetra sit amet. Praesent id pellentesque ex.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum at tellus dolor. Praesent vel risus vestibulum, tempus turpis eu, lacinia leo. Sed euismod mauris ac lectus aliquet, ac laoreet ipsum vestibulum. Mauris et suscipit nunc. Ut maximus erat eu lacus tincidunt, nec varius libero congue. Aliquam varius interdum orci, nec vehicula neque pharetra sit amet. Praesent id pellentesque ex.

Menu

Unordered list

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Image

Alt text for example image

Cameron looking at this website.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Preformatted code

 id  amount  created_at
---  ------  ----------
123  100.00  2019-01-10
124  105.00  2019-01-11
125  200.00  2019-01-12

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut porttitor dignissim sodales. Cras et urna sed magna ullamcorper congue. Phasellus vestibulum tellus ipsum, nec pharetra metus laoreet eget.

Favicon

Red star on blue background

This page has a favicon.

Image removed

2023-08-20 Image showing parking info removed

Link removed

2024-05-16 Link deactivated: Google Map to the venue: Gilded Balloon Teviot - Debating Hall

Menu at bottom of page