Last active
January 14, 2018 09:23
-
-
Save Evshved/fc2a248c5f1c3dc7a6c83acf96f43f66 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title> Google </title> | |
| <link rel="icon" href="googleg_lodp.ico"> | |
| <link rel="stylesheet" type="text/css" href="styles.css"> | |
| <head> | |
| <body> | |
| <div class='google-bar'> | |
| <div class='gmail'> | |
| <a href='#'>Gmail</a> | |
| </div> | |
| <div class='images'> | |
| <a href='#'>Images</a> | |
| </div> | |
| <div class='options'> | |
| <a href='#' title='Google apps' role='button' tabindex='0' src='options'></a> | |
| </div> | |
| <div class='sign-in'> | |
| <a href='#'>Sign in</a> | |
| </div> | |
| </div> | |
| <div class='google logo'> | |
| <img src="google logo.png"> | |
| </div> | |
| <div class='search'> | |
| <input class='search-inp' title='Search' type='text'> | |
| </div> | |
| <div class='buttons'> | |
| <center> | |
| <input value="Google Search" aria-label="Google Search" type="submit"> | |
| <input value="I'm Feeling Lucky" aria-label="Google Search" type="submit"> | |
| </center> | |
| </div> | |
| <footer> | |
| <a href='#'>Advertising</a> | |
| <a href='#'>Business</a> | |
| <a href='#'>About</a> | |
| <a href='#'>Privacy</a> | |
| <a href='#'>Terms</a> | |
| <a href='#'>Settings</a> | |
| <a href='#'>Use Google.com</a> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| font-family: arial,sans-serif; | |
| } | |
| .options { | |
| width: 30px; | |
| height: 30px; | |
| cursor: pointer; | |
| background: url("options.png") no-repeat center; | |
| a { | |
| color: black; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| text-decoration: underline; | |
| } | |
| } | |
| .sign-in { | |
| border: 1px solid #4285f4; | |
| font-weight: bold; | |
| outline: none; | |
| background: #4387fd; | |
| color: #fff; | |
| } | |
| .google-bar { | |
| min-width: 220px; | |
| } | |
| .search-inp { | |
| width: 450px; | |
| height: 20px; | |
| border: none; | |
| } | |
| .search-inp:focus { | |
| outline: none; | |
| } | |
| .search { | |
| width: 450px; | |
| height: 30px; | |
| border: 1px solid #a9a9a9; | |
| border-bottom: 1.5px solid #a9a9a9; | |
| } | |
| .search:hover { | |
| border: 1px solid #a9a9a9; | |
| border-bottom: 1.5px solid #a9a9a9; | |
| outline: 1px solid #dcdcdc; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment