andreynho2006 / google-homepage

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Google-homepage

https://andreynho2006.github.io/google-homepage/

Easy Version: Build the Google.com homepage

(the simple one with just a search box).

Inside your project folder, create your index.html file

Tips: DONT BE A PERFECTIONIST! You're just trying to make it look like google.com, not actually function like it and it doesn't have to be spaced exactly the same way to the pixel. Any dropdown menus or form submissions or hover-highlighting should be ignored. USE GOOGLE! You'll probably run into roadblocks where you can't figure out how to do something so do what all good devs do... Google it! If you're frustrated with trying to get buttons or inputs to style the way you want (for instance, they seem to just not respond to any styles), look into the css property -webkit-appearance: none; or -moz-appearance if you're using Firefox. Start with just putting the main elements on the page (the logo image and search form), then get them placed horizontally. You can either download the Google logo or link directly to its URL on the web in your tag. Next do the navbar across the top, first building the content and then trying to position it. Check out how to build a horizontal CSS navbar if you're lost. Finally, put in the footer, which should be very similar to the top navbar. In general, do as much on your own as you can before relying on the developer tools (or viewing the page's source code) to help you along. Push your project to Github using the instructions above!

About


Languages

Language:HTML 53.3%Language:CSS 46.7%