vadim-os / layout_search-bar-airbnb

Search bar for Airbnb

1. Replace <your_account> with your Github username in the links
   • DEMO LINK
   • TEST REPORT LINK
2. Follow this instructions

---

The task

Create HTML page with two search bars as designed in the mockup. This search bar will be part of big project.

Common mistakes

• Add ALL data-qa attributes required in the task
• Do not use tabs. Use 2 spaces for indentation.
• Don't use repeated styles.
• Text Try "Los Angeles" in mockup is a placeholder.
• Check font styles. Use fonts

Requirements:

• use images from src/images
• there must be two search bars
• search bar must have width 100%
• distance between two search bar not important
• follow styles from the mock
• default font-weight must be 300
• a search bar has 3 state default, hover and focus
• don't use JavaScript
• use @font-face for fonts
• add attribute data-qa="big" for big search bar, and data-qa="small" for small
• add attribute data-qa="keypress" to input in big search bar

---