Google Homepage Clone

languages used html css & javascript

Google Home Page Clone

• Google homepage clone built for 1st assigned project for the The Odin Project curriculum The Foundations. please enjoy the simple Html and CSS styles used to make this page my very on. Applying the subtle changes made the project fun and light. == Feedback is always welcomed! Happy Coding! 👩‍💻🗜️
  • 🗜️ Website Map 🗜
    • This website map is to guide the user through the different parts of the Google clone site. Feel free to click around. Continue down below to see where the links take you.
  • These header links[About, Store, and Images] brings the user to a new window to their respective google home pages.
  • Header links [Menu icon and Sign In button] redirects the user to the google home page.
  • Replaced the traditional "I'm Feeling Lucky" button with the Page2.htm file to direct user to a dummy search results page.
  • Search box -> "Welcome to Static Google" is used a placeholder text to inform the user the website is not real.
  • Google Search button is a static button.
  • Easter egg, clicking the "Search Your ❤️ Away" link directs the user to the water.org website.
  • Footer section links[Advertising, Business, How Search Works, Privacy, Terms, and Settings] when selected by the user it redirects them to the Google home pages
  • Footer background is a not the traditional soft grey color. HSL color in the pink family is being used.