Bonz.ai is an AI-driven hotel with focus on relaxing, ecological and personal tailored experiences. All our guests are looked after by our AI-concierge Bonzo, who analyzes your habits and preferences and continuously adapts your hotel experience to give you the highest possible comfort.
This is a project that i made as my last individual exam in HTML and CSS. Bonz.ai is created mobilefirst with focus on seo, accesability and userexperiance. With a big yet simple navigation bar, easy to read breadcrumbs for SEO the website has an easy learningcurve from the first user interaction with the site. For structuring and layout i have used CSS grid and flexbox, aswell as making the website fully responsive for desktop, tablets and mobilescreens. BEM naming standard is being used throughout the project. The website consists of three main landing pages aswell as a three-step booking checkout. There is currently no functionallity applied to the website with JavaScript. This will be added in the future.
- The page must be fully responsive and work on all devices.
- Make use of semantic HTML.
- CSS Grid and Flexbox should be used.
- A single CSS file should only be used.
- Attached images should be used.
- Use BEM as the naming standard.
- The CSS file should be structured and clearly divided, preferably as component-based as possible.