1
<div class="container">
<!-- Swiper -->
    <div class="swiper-container gallery-upper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 1</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 2</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 3</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 4</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 5</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 6</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 7</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 8</p></div>
            <div class="swiper-slide"><img src="http://placehold.it/300x240/333333/FFFFFF" alt=""><p>Foo 9</p></div>
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next swiper-button-white"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
    </div>
    <div class="swiper-container gallery-lower">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
            1<br><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Praesentium maiores non rem ipsa placeat, omnis, explicabo ducimus? Nostrum sunt hic culpa, quia voluptate, delectus temporibus quo ad iste beatae quidem.</p></div>
            <div class="swiper-slide">
            2<br>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ullam hic sint blanditiis harum, labore quibusdam minima perspiciatis quos dolor molestiae, sed consequuntur atque impedit id? Suscipit nisi expedita ad similique!</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis, harum. Fugiat laborum amet earum perferendis nesciunt fuga, quae quas ex illo ducimus provident explicabo quibusdam, cupiditate rem veniam quos unde!</p>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti sapiente molestiae unde, itaque possimus ex ipsum harum, magnam, laboriosam nihil soluta fuga consequatur modi sed similique temporibus laborum labore earum.</p>
            </div>
            <div class="swiper-slide">3 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">4 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">5 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">6 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">7 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">8 <br><img src="http://placehold.it/1200x1200" alt=""></div>
            <div class="swiper-slide">9 <br><img src="http://placehold.it/1200x1200" alt=""></div>
        </div>
    </div>
</div>
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。