Parade & Banner

Parade

<div class="parade-wrap">
    <a class="parade-ctrl  parade-ctrl-left">Prev</a>
    <a class="parade-ctrl  parade-ctrl-right">Next</a>
    <div class="parade-stage">
        <ul class="parade-list">
            <li class="parade-item"><a>parade Item</a></li>
            <li class="parade-item"><a>parade Item</a></li>
            <li class="parade-item"><a>parade Item</a></li>
            <li class="parade-item"><a>parade Item</a></li>
            <li class="parade-item"><a>parade Item</a></li>
        </ul>
    </div>
</div>

Banner

Simple
<div class="banner-wrap">
    <ul class="banner-album">
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
    </ul>
</div>

Banner with Number Switch
<div class="banner-wrap">
    <ul class="banner-album">
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
    </ul>
    <ol class="banner-switch">
        <li><a>1</a></li>
        <li><a>2</a></li>
        <li><a>3</a></li>
        <li><a>4</a></li>
        <li><a>5</a></li>
    </ol>
</div>

Banner with Article
<div class="banner-wrap">
    <ul class="banner-album">
        <li><a><img /></a></li>
        <li><a><img /></a></li>
        <li><a><img /></a></li>
    </ul>
    <div class="banner-notes">
        <article>
            <h2>Heading</h2>
            <p>Content...</p>
            <a>to view more or link</a>
        </article>
        <article>
            <h2>Heading</h2>
            <p>Content...</p>
            <a>to view more or link</a>
        </article>
        <article>
            <h2>Heading</h2>
            <p>Content...</p>
            <a>to view more or link</a>
        </article>
    </div>
    <ol class="banner-switch">
        <li><a>1</a></li>
        <li><a>2</a></li>
        <li><a>3</a></li>
    </ol>
</div>