Created Using:

HTML

CSS

The home page features a scroll-view of different housing styles, integrating an overlay button. When clicked, this button leads to the 1600s page.

A screenshot of the 1600s page of my popular housing through the years project.

Each page starts with the name of the housing style of that time period. It then features a photo of the housing style. Scroll down further to see more features!

An screenshot of the key
features page of one of the housing styles.

There is a small description about what was included in this particular housing style. Below it are cards that flip over when hovered over. There are 3 cards, each highlighting a common key feature of the exterior of the housing style.

An screenshot of the key
features page of one of the housing styles on a mobile phone.

However, the layout of the cards changes to a scrolling feature using media queries as the screen gets smaller!

A screenshot of the make yourself at home video of the housing style.

Finally, there is a YouTube video showing the interior of thw housing style.