<!--
Step 2: HTML
Round 2: Group Markup

a. Markup the groups in <div class="[Heading Name]">

Example, from this

Google Apps [Heading]
Gmail [Link]
Image [Link]
Grid [Image]

To this

<div class="google-apps">
    Gmail [Link]
    Image [Link]
    Grid [Image]
</div>
-->

<!doctype html>
<html>
    <head>
        <title>Google</title>
    </head>
    <body>
        <header>
            <div class="google-apps">
                Gmail [Link]
                Image [Link]
                Grid [Image]
            </div>
            <div class="account">
                Sign In [Button]
            </div>
        </header>
        <main>
            <div class="website-name">
                Google [Image]
            </div>
            <div class="search-form">
                Text Search [Input]
                Voice Search [Image]
                Google Search [Button]
                I'm Feeling Lucky [Button]
            </div>
            <div class="internationaliztion">
                Google offered in: [Label]
                Filipino [Link]
                Cebuano [Link]
                Philippines [Label]
            </div>
        </main>
        <footer>
            <div class="navigation">
                Advertising [Link]
                Business [Link]
                About [Link]
                How Search works [Link]
                Privacy [Link]
                Terms [Link]
                Settings [Link]
            </div>
        </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.