{embed="global/header"}
{embed="global/top-nav"}
<div id="main">
        <h1>MEET THE BOARD</h1>
                <article class="text-intro">
                        <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. <strong>Click on each Board Member to view their biography.</strong></p>
                </article>
        <section class="members-area">
                <article class="tab-content">
                        {exp:channel:entries channel="{segment_1}" sort="asc" }
                        <div id="tab{count}">
                                <div class="author-area">
                                                {if count == "1"}<div class="editor">{/if}
                                                        {exp:channel_images:images entry_id="{entry_id}"}
                                                        <img src="{image:url:small}" width="210" height="210" alt="{board_name}">
                                                        {/exp:channel_images:images}
                                                {if count == "1"}<span class="caption">editor in chief</span>
                                                </div>
                                                {/if}
                                        <h3>{board_name}</h3>
                                        <strong class="sub-heading">{board_institution}</strong>
                                       {!-- {categories}<a href="/subjects/{url_title}"><span class="topic">{category_name}</span></a>{/categories} --}
                                        <span class="topic"><a href="mailto:{board_email}">{board_email}</a></span>
                                </div>
                                <div class="text">
                                        <p>{board_bio}</p>
                                </div>
                        </div>
                        {/exp:channel:entries}
                </article>
                <ul class="members">
                        {exp:channel:entries channel="{segment_1}" sort="asc"}
                        <li>
                                <a {if count == "1"}class="active"{/if} href="#tab{count}">
                                        {if count == "1"}<div class="editor">{/if}
                                                {exp:channel_images:images entry_id="{entry_id}"}
                                                        <img src="{image:url:small}" width="210" height="210" alt="{board_name}">
                                                {/exp:channel_images:images}
                                        {if count == "1"}<span class="caption">editor in chief</span>
                                        </div>{/if}
                                        <h3>{board_name}</h3>
                                        <strong class="sub-heading">{board_institution}</strong>
                                       {!-- {categories}<a href="/subjects/{url_title}"><span class="topic">{category_name}</span></a>{/categories} --}
                                </a>
                        </li>
                        {/exp:channel:entries}
                </ul>
        </section>
</div>
{embed="global/footer"}
