Skip to content
Rebuilding the Google Homepage
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
images
README.md
index.html
stylesheet.css

README.md

Brief intro:

I've begun my coding journey 3 days ago without any prior knowledge of programming whatsoever. This is my first attempt at (re-)creating something.

The goal of this project is to create the Google.com using what I learned about HTML/CSS.

This project is inspired by The Odin Project. More info can be found on their website: From The Odin Project's (http://www.theodinproject.com/web-development-101/html-css)

Conclusion and final thoughts:

Skills involved:

  • Using div to separate sections
  • Grabbing URL and images of an existing webpage
  • Creating a horizontal navbar and a footer
  • Using classes & ids for CSS styling
  • Centering elements horizontally and vertically
  • Building a very basic form
  • Floating elements
  • Using developer tools to grab CSS style and code

All in all, I took around 4 hours to complete the project with minimal external help (besides Google).

I must say I am quite satisfied with the end result especially since this was my very first project. There are some slight variations with the font type, but my assumptions is that it is due to browser settings. I'm sure I'll learn more about those as I go along.

You can’t perform that action at this time.