Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/omarramoun/google-homepage

Redesigning The Logo of Google Alongside The Google Homepage With New Aesthetics.
https://github.com/omarramoun/google-homepage

css flat-design google homepage html new-design

Last synced: about 1 month ago
JSON representation

Redesigning The Logo of Google Alongside The Google Homepage With New Aesthetics.

Host: GitHub
URL: https://github.com/omarramoun/google-homepage
Owner: OmarRamoun
Created: 2020-10-07T18:19:02.000Z (about 4 years ago)
Default Branch: master
Last Pushed: 2022-06-14T02:50:38.000Z (over 2 years ago)
Last Synced: 2023-03-04T01:09:18.413Z (almost 2 years ago)
Topics: css, flat-design, google, homepage, html, new-design
Language: CSS
Homepage: https://omarramoun.github.io/google-homepage/
Size: 583 KB
Stars: 2
Watchers: 2
Forks: 0
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        [![](https://img.shields.io/static/v1?label=BY&message=RAMOUN&color=birghtgreen)](https://omarramoun.com)

[![Website](https://img.shields.io/badge/OmarRamoun.com--yellow?style=social&logo=Firefox)](https://www.omarramoun.com/)

![html](https://img.shields.io/badge/-html-1f1f1f?logo=html5&logoColor=DB709361DAFB&style=for-the-badge)

![css](https://img.shields.io/badge/CSS-fbfbfb?style=for-the-badge&logo=css3&logoColor=DB7093)

![javascript](https://img.shields.io/badge/javascript-CA4245?style=for-the-badge&logo=javascript&logoColor=white)

# google-homepage

a google homepage redesign project (first Html-Css Project)

## Project Brief

Redesigning the google logo and the google searh homepage with my own style

## Screenshot

![image](https://imgur.com/4yrsGcL.png)

## inspiration

+ [Google Pesquisa Redesenho](https://www.behance.net/gallery/96481865/Google-Pesquisa-Redesenho-2020?tracking_source=search_projects_recommended%7Cgoogle%20homepage%20redesign)

+ [Google Logo Redesign](https://www.behance.net/gallery/104603315/Google-Logo-Redesign?tracking_source=search_projects_recommended%7Cgoogle%20homepage%20redesign)

+ [Google Apps Redesign](https://www.behance.net/gallery/71728889/Google-Apps-Redesign?tracking_source=search_projects_recommended%7Cgoogle%20homepage%20redesign)

+ [Material Design All The Things](https://www.behance.net/gallery/67390953/Material-Design-all-the-things)

+ [Google’s homepage has changed over the last 20 years](https://uxdesign.cc/google-how-the-biggest-search-engines-homepage-has-changed-over-the-last-20-years-3b59db931a0d)

+ [Google Homepage Redesign](https://dribbble.com/shots/5633411-Google-Homepage-Redesign#shot-description)

+ [Google’s Homepage on Mobile Receives a Major Redesign](https://www.searchenginejournal.com/googles-homepage-on-mobile-receives-a-major-redesign/275627/#close)

+ [Google Homepage Redesign Rolls Out to a Lot More Users (Pics)](https://news.softpedia.com/news/Google-Homepage-Redesign-Rolls-Out-to-a-Lot-More-Users-Pics-138977.shtml)

+ [Google Homepage Redesign Concept](https://www.behance.net/gallery/66530841/Google-Homepage-Redesign-Concept)

+ [Google New Material Design](https://www.google.com/imgres?imgurl=https%3A%2F%2Flh3.googleusercontent.com%2FZxnXueIhFlAFYyCid-0_IOTlpsw9ws2FWcqkn_kEiaz91wqM4PuKAWxYoodZel_00d42dl1G9i7d1eZcb0Epx2DhXj7huNsyPvct%3Dw1064-v0&imgrefurl=https%3A%2F%2Fmaterial.io%2Fblog%2Fgoogle-material-custom-theme&tbnid=Vwv_E4ZD11H4CM&vet=10CH8QMyihAWoXChMIiMGNy4z16wIVAAAAAB0AAAAAEAI..i&docid=jCB5gJNNNlBRvM&w=1064&h=504&q=google%20logo%20redesign&ved=0CH8QMyihAWoXChMIiMGNy4z16wIVAAAAAB0AAAAAEAI)

+ [Create Your Own Google Logo](https://csfirst.withgoogle.com/c/cs-first/en/create-your-own-google-logo/create-your-own-google-logo/create-your-own-google-logo.html)

## Design on Figma

[The Design](https://www.figma.com/file/TySqwr7Z8q2AtmMOQkzZI7/Google-Home-Page?node-id=0%3A1)

## preview

[click on me to preview the redesigned google homepage](https://omarramoun.github.io/google-homepage/)

## Skills Aquired

1. developed my own web design approach (from sketching to layout to desing using figma to implementation using html and css). 

1. ability to use figma.

1. ability to google search better.

1. a more deep understanding of layouting using css (especially: css-flexbox and css-grids beside using floats and positioning.)

## Authors

👤 **Omar Ramoun**

- **GitHub**: [![@omarramoun](https://img.shields.io/github/followers/OmarRamoun?label=OmarRamoun&style=social)](https://github.com/OmarRamoun)

- **Twitter**: [![@omarramoun](https://img.shields.io/twitter/follow/OmarRamoun?label=OmarRamoun&style=social)](https://twitter.com/OmarRamoun)

- **LinkdIn**: [![@omarramoun](https://img.shields.io/github/followers/OmarRamoun?label=OmarRamoun&logo=linkedin&style=social)](https://www.linkedin.com/in/OmarRamoun/)

- **Website**: [![Website](https://img.shields.io/badge/omarramoun.com--yellow?style=social&logo=Firefox)](https://www.omarramoun.com/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](issues/).

## Show your support

Give a ⭐️ if you like this project!

## 📝 License

This project is [MIT](https://github.com/MrRamoun/NYT-Article-Clone/blob/dev/LICENSE) licensed.