Skip to content

gamecloner/-Google-Search-Bar-UI-HTML-CSS-

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

-Google-Search-Bar-UI-HTML-CSS-

This is a simple frontend project that recreates the Google search homepage UI using only HTML and CSS. It includes the Google-style logo, curved search bar, buttons, dark mode background and layout.

πŸš€ Features

βœ” Google-style curved search bar βœ” Search and β€œI’m Feeling Lucky” buttons βœ” Dark themed background βœ” Footer section βœ” Responsive layout βœ” Clean and simple code – no frameworks, no JavaScript

πŸ’‘ Technologies Used

HTML5

CSS3

No additional libraries or frameworks are required.

πŸ§‘β€πŸ’» How to Run

Download the project or clone it:

git clone https://github.com/gamecloner/-Google-Search-Bar-UI-HTML-CSS-.git

Open index.html in any browser.

Done πŸŽ‰

πŸ“Œ What I Learned

Centering elements in CSS

Using border-radius for curved UI

Styling buttons

Customizing input boxes

πŸ“ Future Improvements

Add Google icons inside search bar

Add mobile responsiveness

Add animations on hover

🀝 Contributing

Pull requests are welcome. Feel free to fork the project and improve it!

πŸ“œ License

This project is open-source and available under the MIT License.

About

simple google front end site on html and css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors