text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                        </div>
                        <!-- page three -->
                        <div class="scrollbox" id="three">
                            <section>header</section>
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            <br />
                            <br />
                            <section>header</section>
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            <br />
                            <br />
                            <section>header</section>
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            <br />
                            <br />
                            <section>header</section>
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                            text text text text text text text text text text text 
                        </div>
                    </div>
                </main>
                <nav>
                    <!-- buttons -->
                    <a href="#one">★</a>
                    <a href="#two">section</a>
                    <a href="#three">section</a>
                </nav>
            </div>
        </div>
    </body>
</html>