<div>
    <div class="page-nav-wrapper"><span class="glyphicon-class glyphicon glyphicon-circle-arrow-left show-prev-page"></span></div>
    <div class="page-link-wrapper">
        <% var baseUrl = overview.baseUrl; %>
        <% _.each(overview.pages, function(page,index) { %>
            <a href="<%=overview.baseUrl%>/<%=index%>"  alt="Page <%=index++ %>">
            <% if (page.content === 'assignment') { %>
                <div class="<%=page.pageClass%> <%=page.solvedClass%> <%=page.curPageClass%>"><%=index++%></div>
            <% } else { %>
                <div class="<%=page.pageClass%> <%=page.curPageClass%>"><%=index++%></div>
            <% } %>
            </a>
        <% }); %>
    </div>
    <div class="page-nav-wrapper"><span class="glyphicon-class glyphicon glyphicon-circle-arrow-right show-next-page"></span></div>
</div>