GithubHelp home page GithubHelp logo

mykeal-kenny / mbp_googleclone Goto Github PK

View Code? Open in Web Editor NEW

This project forked from designerexpert/mbp_googleclone

0.0 1.0 0.0 191 KB

Mastery Based Progression Google Clone

HTML 24.38% JavaScript 74.09% CSS 1.53%

mbp_googleclone's Introduction

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

mbp_googleclone's People

Contributors

designerexpert avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.