Skip to content

designerexpert/MBP_GoogleClone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

Google Homepage Clone

Google Logo

Components and Colors

Description Hex Color Sample
Edges Light Gray #E4E4E4 #E4E4E4
Search Bar Shadow Color #C5C5C5 #C5C5C5
Google Bue #4285F4 #4285F4
Google Red #EA4335 #EA4335
Google Yellow #FBBC06 #FBBC06
Google Green #34A853 #34A853
Search Buttons #757575 #757575
Top Navigation Bar Text #212121 #212121
Top Navigation Bar Background #FFFFFF #FFFFFF
Bottom Navigation Bar Text #666666 #666666
Bottom Navigation Bar Background #F2F2F2 #F2F2F2
Apps and Notifications Icon #B9B9B9 #B9B9B9

Search Browser Pattern

  • Searching the word stuff = https://www.google.com/search?q=stuff
  • Searching the words: stuff is good = https://www.google.com/search?q=stuff+is+good&oq=stuff+is+good

Programatically Navigate to any Website

  • Javascript: window.location.href = 'https://www.google.com';

Battle-Plan:

Breakdown
Image of Breakdown
Center Portion
Reference One
Top Right Nav Portion
Reference Two

About

Mastery Based Progression Google Clone

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published