jQuery Image Gallery

Gallery

jQuery Image Gallery



<div class="container">
	<ul class="row" id="flexgallery">                
        <li class="col-xs-12 col-sm-6 col-md-3" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
        <li class="col-xs-12 col-sm-6 col-md-3" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
        <li class="col-xs-12 col-sm-6 col-md-3" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
        <li class="col-xs-12 col-sm-6 col-md-3" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>

		<li class="col-xs-12 col-sm-6 col-md-6" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
        <li class="col-xs-12 col-sm-6 col-md-6" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
        <li class="col-12" data-responsive="#" data-src="#" data-html="<h3>...</h3><p>...</p>">
            <a href="">
                <img class="img-responsive img-gallery" src="#" alt="...">
            </a>
        </li>
    </ul>
</div>