Skip to content

Latest commit

 

History

History
80 lines (52 loc) · 2.29 KB

README.md

File metadata and controls

80 lines (52 loc) · 2.29 KB

Booki-Template

This is a project for creating a Booki Template using HTML and CSS. Booki is an unreal website for booking hotels. I created it to improve my coding skills by building realistic projects.

Table of contents

Overview

The objective

Users should be able to:

  • View the optimal layout depending on their device's
    screen size (Responsive Design)
  • See hover states for interactive elements

Template Design

Desktop Screen

Landing Screen

Links

  • Source Code URL: here
  • Live Site URL: here

My process

Built with

HTML

CSS3

CSS properties used

  • Media Queries And Responsive Design
  • Flexbox
  • CSS Grid
  • Position
  • Mobile-first workflow

Layout

The designs were created to the following widths:

  • Small screen: 768px
  • Medium screen: 992px
  • Large screen: 1200px

Useful resources

Author

GitHub

LinkedIn

Twitter

Acknowledgments