<!--
Step 1: Plain Text
Round 3: Structure

a. Structure the elements according to the Header—Main—Footer information structure.
b. How to structure the Header—Main—Footer information structure? Aside from basing it on the layout—wherein the elements above are structured in Header; the elements in the middle are structured in Main; and the elements below are structured in Footer—here are other ways of interpreting the structure:
    • Header usually contains the website's identification and navigation.
    • Main usually contains the website's primary functionality.
    • Footer usually contains the website's supplementary information and navigation.
-->

Header [Structure]

Google Apps [Heading]
Gmail [Link]
Image [Link]
Grid [Image]
---
Account [Heading]
Sign In [Button]

------

Main [Structure]

Website Name [Heading]
Google [Image]
---
Search Form [Heading]
Text Search [Input]
Voice Search [Image]
Google Search [Button]
I'm Feeling Lucky [Button]
---
Internationalization [Heading]
Google offered in: [Label]
Filipino [Link]
Cebuano [Link]
Philippines [Label]

------

Footer [Structure]

Navigation [Heading]
Advertising [Link]
Business [Link]
About [Link]
How Search works [Link]
Privacy [Link]
Terms [Link]
Settings [Link]

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.