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="">

    <div class="off-canvas-wrap" data-offcanvas>

        <!-- skip nav -->

        <!-- global branding bar -->

        <!-- global search and toggles -->

        <div class="inner-wrap">

            <!-- site-name -->

            <!-- main navigation -->

            <!-- optional: secondary navigation -->

            <!-- banner -->

            <main class="">

                <!-- section/sidebar navigation -->

                <!-- breadcrumbs -->

                <!-- optional: page-title -->

                <section id="content" class="section">

                <!-- Page Content -->

                </section>

                <!-- optional: footer-call-to-action -->

                <!-- optional: belt -->

                <!-- optional: skirt -->

            </main>

            <!-- footer -->

        </div><!-- /.inner-wrap -->

        <div class="right-off-canvas-menu show-for-medium-down">
        <!-- offcanvas: includes menu for mobile -->
        </div>

    </div><!-- /.off-canvas-wrap -->

    <!-- jquery -->
    <!-- global js from //assets.iu.edu -->
    <!-- global search.js from //assets.iu.edu -->
    <!-- search initialization -->
    <!-- site javascript files -->

</body>
</html>