Search bar for Airbnb
- Replace
<your_account>
with your Github username in the links - 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
andfocus
- don't use JavaScript
- use
@font-face
for fonts - add attribute
data-qa="big"
for big search form, anddata-qa="small"
for small - add attribute
data-qa="keypress"
to input in big search form
--> CHECKLIST