abdulrahmans0414 / Google-Clone

A simplified version of Google's homepage created as a front-end development exercise. This project replicates Google's search page layout using HTML and CSS, providing an opportunity to learn and practice essential web development skills.

Home Page:https://dapper-ganache-0056ed.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Google Clone ๐Ÿš€

Create a simplified version of Google's homepage with our Google Clone project! This project provides a basic HTML and CSS implementation of Google's search page. Practice your front-end development skills by replicating the iconic Google search interface.

demo

Check out the live demo: Personalized Google Clone

Features

  • Search Bar: A search input field mimicking Google's search bar.
  • Buttons: "Google Search" and "I'm Feeling Lucky" buttons for search actions.
  • Responsive Design: The page layout adjusts to various screen sizes for a consistent user experience.

Usage

  1. Clone the repository: -git clone [https://github.com/abdulrahmans0414/Google-Clone.git]

  2. Open index.html in your web browser:

  • The index.html file contains the Google search page layout.
  1. Explore and Practice:
  • Experiment with the code, modify the styles, and enhance the functionality to practice your front-end skills.

Styling

The search bar and buttons are styled to resemble Google's classic design. The page layout is centered for a clean and focused appearance.

Installation

There are no specific installation steps required for this project. Simply clone the repository and open index.html in your web browser.

Contributing

Contributions are welcome! Fork the repository, make your changes, and submit a pull request.

License

This project is licensed under the MIT License.


Feel free to explore and enhance this project. You can add additional features, improve the styling, or even implement search functionality using JavaScript to make it more interactive. Happy coding! ๐ŸŒŸ

About

A simplified version of Google's homepage created as a front-end development exercise. This project replicates Google's search page layout using HTML and CSS, providing an opportunity to learn and practice essential web development skills.

https://dapper-ganache-0056ed.netlify.app


Languages

Language:CSS 56.8%Language:HTML 43.2%