shawnthompson/pullout.html

## pullout.html
<!DOCTYPE html>
<html>
    <head>
        <title>Page with pull outs</title>

    </head>
    <body>
        <header>
            <nav>
                <ul>
                    <li><a href="#main">Skip to main content</a></li>
                    <li><a href="#pullOuts">Skip to most important</a></li>
                </ul>
            </nav>
        </header>
        <main>
            <h1 id="main">Main content</h1>
            <p>This is a big article with many pull outs...</p>
            <div data-pullout="pullout1">Insert pull out here</div>
        </main>
        <aside class="sr-only">
            <h1 id="pullOuts">Most important sections</h1>
            <section id="pullout1">
                <h2>First best part of this article</h2>
                <p>blah blah blah</p>
            </section>
        </aside>

    </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>Page with pull outs</title>

	</head>
	<body>
	<header>
	<nav>
	<ul>
	<li><a href="#main">Skip to main content</a></li>
	<li><a href="#pullOuts">Skip to most important</a></li>
	</ul>
	</nav>
	</header>
	<main>
	<h1 id="main">Main content</h1>
	<p>This is a big article with many pull outs...</p>
	<div data-pullout="pullout1">Insert pull out here</div>
	</main>
	<aside class="sr-only">
	<h1 id="pullOuts">Most important sections</h1>
	<section id="pullout1">
	<h2>First best part of this article</h2>
	<p>blah blah blah</p>
	</section>
	</aside>

	</body>
	</html>