{embed="global/header"}
{embed="global/top-nav"}
<div id="main">
        <h1>ABOUT ACM BOOKS</h1>
        <div id="content">
                <article class="text-box">
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet. Donec eget odio ut libero pretium pharetra vitae ut neque. Maecenas commodo sit amet augue at vehicula. Vestibulum eu purus id est vehicula tincidunt nec at orci. </p>
                        <p>Duis vestibulum massa tortor, sed tincidunt velit dapibus vulputate. Phasellus molestie ultricies nunc. Phasellus mattis elementum dolor ac fermentum. Duis non accumsan mauris. Suspendisse non fringilla lectus. Morbi quis sem egestas, euismod nulla quis, vestibulum felis. Ut ut molestie mi. Suspendisse viverra dictum felis vitae tincidunt. Mauris posuere, elit ac ullamcorper viverra, massa felis lobortis lorem, at pharetra lacus dolor ac est. Aliquam facilisis sem et tellus mattis, sit amet tincidunt ligula condimentum. </p>
                </article>
                <div class="submit-area">
                        <h2>ready to publish with acm books?</h2>
                        <div class="links">
                                <a href="#">submit a book proposal</a> <a href="#">copyright/license forms</a> <a href="#">publishing policies</a>
                        </div>
                </div>
                <div class="open-box">
                        <h2>frequently asked questions</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet. Donec eget odio ut libero pretium pharetra vitae ut neque. Maecenas commodo sit amet augue at vehicula. Vestibulum eu purus id est vehicula tincidunt nec at orci. </p>
                        <div class="open-close active">
                                <a class="opener" href="#">question #1</a>
                                <div class="detail">
                                        <p>This is the answer to question #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet.</p>
                                </div>
                        </div>
                        <div class="open-close">
                                <a class="opener" href="#">how do i get an answer to question 2?</a>
                                <div class="detail">
                                        <p>This is the answer to question #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet.</p>
                                </div>
                        </div>
                        <div class="open-close">
                                <a class="opener" href="#">what will question 3 be?</a>
                                <div class="detail">
                                        <p>This is the answer to question #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet.</p>
                                </div>
                        </div>
                        <div class="open-close">
                                <a class="opener" href="#">this is question number four?</a>
                                <div class="detail">
                                        <p>This is the answer to question #1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc tempor nunc eget est scelerisque laoreet.</p>
                                </div>
                        </div>
                </div>
        </div>
</div>
{embed="global/footer"}
