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.

Activate Dark Mode Activate 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

• Anchor link in a list
• Anchor link in a list
• Very long anchor link that is long enough to wrap on a small screen
• List item
• List item
• Anchor link in a list
• List item
• Anchor link in a 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

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

This page has a favicon.

Image removed

Link removed

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

Menu at bottom of page