<!--
Step 2: HTML
Round 1: Structure Markup

a. Put the elements inside the basic HTML document markup.

<!doctype html>
<html>
    <head>
        <title>[Web Page Name]</title>
    </head>
    <body>
        [Web Page Content]
    </body>
</html>

b. Markup the Header—Main—Footer information structure surrounding the elements.

<header></header>
<main></main>
<footer></footer>
-->

<!doctype html>
<html>
    <head>
        <title>Google</title>
    </head>
    <body>
        <header>
            Google Apps [Heading]
            Gmail [Link]
            Image [Link]
            Grid [Image]
            ---
            Account [Heading]
            Sign In [Button]
        </header>
        <main>
            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]
        </main>
        <footer>
            Navigation [Heading]
            Advertising [Link]
            Business [Link]
            About [Link]
            How Search works [Link]
            Privacy [Link]
            Terms [Link]
            Settings [Link]
        </footer>
    </body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.