Project: Create the Google Homepage


Not CompletedGoogle Homepage Project Overview and Instructions

This guide gives an overview of the project requirements, including instructions for how to build the Google homepage with HTML and CSS.

Not CompletedProject Solution: Building the HTML Structure

In this guide you'll learn how to build out the Google homepage HTML structure, including adding the content and customizing the markup language.

Not CompletedProject Solution: Integrating the CSS Header and Content Styles

This lesson examines how the CSS header and content styles can be implemented in order to build out the navigation component for the Google homepage.

Not CompletedProject Solution: Building the Styles for the Buttons and Footer

This guide walks through how to create the styles for the Google homepage buttons and footer.

Not CompletedProject Solution: CSS Hover Effects for Links

In this guide you'll learn how to implement the CSS hover effects for the links on the Google homepage project.

Not CompletedProject Solution: JavaScript Auto Focus and Summary

This final video in the Google homepage project section walks through how to add a JavaScript auto focus solution and examines a summary of the project.

Unsupported Browser

devCamp does not support ancient browsers.
Install a modern version for best experience.