manijeh-a / AirBnB_clone

0x01. AirBnB clone - Web static

Description

What you should learn from this project:

• What is HTML
• How to create an HTML page
• What is a markup language
• What is the DOM
• What is an element / tag
• What is an attribute
• How does the browser load a webpage
• What is CSS
• How to add style to an element
• What is a class
• What is a selector
• How to compute CSS Specificity Value
• What are Box properties in CSS

---

0. Inline styling

• Write an HTML page that displays a header and a footer.

1. Head styling

• Write an HTML page that displays a header and a footer by using the style tag in the head tag (same as 0-index.html)

2. CSS files

• Write an HTML page that displays a header and a footer by using CSS files (same as 1-index.html)

3. Zoning done!

• Write an HTML page that displays a header and footer by using CSS files (same as 2-index.html)

4. Search!

• Write an HTML page that displays a header, footer and a filters box with a search button.

5. More filters

• Write an HTML page that displays a header, footer and a filters box.

6. It's (h)over

• Write an HTML page that displays a header, footer and a filters box with dropdown.

7. Display results

• Write an HTML page that displays a header, footer, a filters box with dropdown and results.

8. More details

• Write an HTML page that displays a header, a footer, a filter box (dropdown list) and the result of the search.

9. Full details

• Write an HTML page that displays a header, footer, a filters box with dropdown and results.

10. Flex

• Improve the Places section by using Flexible boxes for all Place articles

11. Responsive design

• Improve the page by adding responsive design to display correctly in mobile or small screens.

12. Accessibility

• Improve the page by adding Accessibility support

---

Author

• Kyle Litscher - klitscher