Responsive Contact page

I tried to figure out why an island traveller would contact a specialised tourism agency like "Maldivian tours". I thought one of the most useful features of the contact page would be to enter your hotel name, and they would display their local office nearby. Obviously this is a local business partnered with hotels, so the contact page has also a few incentive cards (activities, excusions and transfers) available for exploration and booking already when you scroll down.

- Test the scrolldown behavior -

The idea is to let part of the content show so that the user knows that there is more to see downward.

I tried to make the page totally responsive (not creating a mobile app different from the website) : that's a simulation of the website displayed in desktop mode (1440 px width), mobile mode, and small desktop (MacBook air) achievable via media queries.

I tried to pay attention to accessibility as much as possible (underlining the links, using sufficient color contrasts...), and for the rest, well... I tried to set people dreaming with all the turquoise and sand colors with a discreet texture in the footer ! :D The Maldives are water-based islands that can be reached mainly by seaplane, hence the little white plane.

Photos on Unsplash by (from first to last photo) :