Here are the Layout Tasks Instructions
Create HTML page with two search bars as designed in the mockup. This search bar will be part of big project.
- use images from src/images
- there must be two search bars
- search bar must stretch the full width
- distance between two search bars must be 20px
- the big search bar must have top indent 20px
- 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
❗️ Replace <your_account>
with your Github username and copy the links to Pull Request
description:
❗️ Copy this Checklist
to the Pull Request
description after links, and put - [x]
before each point after you checked it.
- Icon implemented using background-image CSS property
- Inputs are written inside of 'form' tag with correctly passed attributes
- All
Typical Mistakes
fromBEM
lesson theory are checked. - Code follows all the Code Style Rules ❗️