gallery.html 7.09 KB
<style>
   #eq span {
   height: 175px;
   float: left;
   margin: 15px;
   }
</style>
<div class="main">
   <div class="container">
      <div class="row">
         <div class="col-md-12">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="icon-th-large"></i>
                  <h3>Image Gallery</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <ul class="gallery-container">
                     <li>
                        <a href="./img/gallery/lr1_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr1.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr1_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr2_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr2.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr2_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr4_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr4.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr4_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr5_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr5.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr5_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr2_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr2.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr2_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr1_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr1.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr1_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr2_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr2.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr2_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr4_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr4.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr4_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr5_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr5.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr5_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr2_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr2.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr2_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">                       
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr4_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr4.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr4_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr1_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr1.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr1_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr2_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr2.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr2_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr3_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr3.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr3_large.png" class="preview"></a>
                     </li>
                     <li>
                        <a href="./img/gallery/lr4_large.png" class="ui-lightbox">
                        <img src="./img/gallery/lr4.png" alt="" />
                        </a>
                        <a href="./img/gallery/lr4_large.png" class="preview"></a>
                     </li>
                  </ul>
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->              
         </div>
         <!-- /span12 -->        
      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
</div>