HTML and CSS / Week 6

Welcome to the sixth and final week of this programming course!

Today, we will build a complete website! We will build the Google Homepage to practice what we’ve learned in the last 6 weeks:

Source Code: https://glitch.com/~watertown-summer-class-week-6

Tasks:

  • Start with the HTML
    • Add the Logo Text
    • Add the Search Bar
    • Add the Buttons
  • Then, add CSS
    • We want a mobile-first layout. For that, open the Developer Tools and enable the Mobile View. Choose iPhone 5 / 6 (depending on your browser’s presets)

What comes next?