Capri Southampton Hotel

The Capri Southampton Hotel project was for Squarespace website. We were brought in for custom development. This project was provided by another agency that we occasionally execute sub-contracted work for.

We built the custom sticky header on the top of their website. We built the social media and booking section on the right-hand side of the header.

Next, we took their logo, the Capri Southampton flag, and make it float over the content on the right hand side. You can't tell that from here, but you'll see it on the next image.

Here in this image below, you can see the header is "stuck" to the top of the screen. This is what we call a "sticky header". On the left-hand side, you can see the logo is expanding beyond the rest of the header, and appears to be floating over the content under it, which is the image gallery.