Google Homepage Clone

Responsive design of the Google homepage

A homepage of "google.lk" was designed to practice and develop my web design skills. This webpage was developed with pure HTML5 and CSS3. CSS media queries are used to make the webpage responsive. Search results for the entered inputs are provided to the user by a Google programmable search engine.

Images of the user interfaces

1. Home page of desktop UI
   

2. Search result page of desktop UI
   

3. Home page of mobile UI
   

4. Search result page of mobile UI
   

Used Technologies

• HTML5
• CSS3

Used Source-Code Editor

• Visual Studio Code

How to use ?

This project can be used by cloning the project to your local machine.

1. Clone the project using https://github.com/hiranwj/google-homepage-clone.git terminal command.
2. Open the project from Visual Studio Code.
3. Run the project using Live Server

• Live server can be installed to the VS Code as a extension. Get more details about the Live Server from Visual Studio Marketplace.

Credits

This project was carried out under the guidance of the IJSE Direct Entry Program 9.

License

Copyright © 2022 Hiran Wijayathilaka. All Rights Reserved.
This project is licensed and source code is available to all under the MIT license.