Designed a front-end for Google Search, Google Image Search, and Google Advanced Search.
- HTML
- CSS
- SASS
- Pages. Your website should have at least three pages: one for Google Search, one for Google Image Search, and one for Google Advanced Search.
- Query Text. On the Google Search page, the user should be able to type in a query, click “Google Search”, and be taken to the Google search results for that page.
- Query Images. On the Google Image Search page, the user should be able to type in a query, click a search button, and be taken to the Google Image search results for that page.
- Query Advanced. On the Google Advanced Search page, the user should be able to provide input for the following four fields (taken from Google’s own advanced search options)
- Appearance. Like Google’s own Advanced Search page, the four options should be stacked vertically, and all of the text fields should be left aligned.
- Lucky. Add an “I’m Feeling Lucky” button to the main Google Search page. Consistent with Google’s own behavior, clicking this link should take users directly to the first Google search result for the query, bypassing the normal results page.
- Aesthetics. The CSS you write should match Google’s own aesthetics as best as possible.