Show/hide markup
<!DOCTYPE html>
    <html lang="en">
        <head>
        <!-- global css from //assets.iu.edu -->
        <!-- brand.css, search.css from //assets.iu.edu -->
        <!-- site css -->
    
        <!-- modernizr from //assets.iu.edu -->
    
        </head>
        <body class="landmarks">
    
            <header id="header">
    
                <!-- skip nav -->
                <!-- global branding bar -->
                <!-- global toggles and search -->
    
                <!-- offcanvas: includes menu for mobile -->
    
                <div class="site-header">
                    <!-- site-name -->
                </div>
    
                <!-- main navigation -->
                <!-- optional: secondary navigation -->
    
                <!-- banner, only if decorative (image only) -->
            </header>
    
            <!-- banner, only if informative (includes content as a text overlay over the image) -->
    
            <main class="">
    
                <div class="content-top">
    
                    <!-- breadcrumbs -->
                    <!-- optional: page-title -->
    
                </div>
    
                <div class="main-content">
    
                        <div id="content" class="section">
    
                            <!-- Page Content -->
    
                        </div>
    
                        <!-- optional: footer-call-to-action -->
                </div>
    
                <!-- section/sidebar navigation -->
    
            </main>
    
            <!-- optional: belt -->
            <!-- optional: skirt -->
            <!-- footer -->
    
            <!-- jQuery -->
            <!-- global js from //assets.iu.edu -->
            <!-- global search.js from //assets.iu.edu -->
            <!-- search initialization (in separate file or included at top of site.js) -->
            <!-- site JavaScript files -->
    
        </body>
    </html>