<div class="visual">
    <div class="pagination">
        <div class="mask">
            <ul class="pagination-gallery">
                <li><a href="#"><img src="images/img-01.jpg" alt="image description" /></a></li>
                <li><a href="#"><img src="images/img-02.jpg" alt="image description" /></a></li>
                <li><a href="#"><img src="images/img-03.jpg" alt="image description" /></a></li>
                <li><a href="#"><img src="images/img-01.jpg" alt="image description" /></a></li>
            </ul>
        </div>
        <a class="btn-prev" href="#">Prev</a>
        <a class="btn-next" href="#">Next</a>
    </div>
    <div class="slideshow">
        <div class="slide"><a href="#"><img src="images/slide1.jpg" alt="image description"></a></div>
        <div class="slide"><a href="#"><img src="images/slide1.jpg" alt="image description"></a></div>
        <div class="slide"><a href="#"><img src="images/slide1.jpg" alt="image description"></a></div>
        <div class="slide"><a href="#"><img src="images/slide1.jpg" alt="image description"></a></div>
    </div>
</div>