
<script src="inc/unitegallery/themes/tiles/ug-theme-tiles.js"></script>
<script>
  jQuery(document).ready(function(){
    jQuery("#gal_63").unitegallery({
      gallery_theme: "tiles",
      tiles_type: "nested",
      tiles_nested_optimal_tile_width: 400,
      tile_border_width: 5,
      lightbox_type: "compact"
      });
    });
</script>
<style> .css63 { display: none; margin: auto; padding: 6px 0; } </style>
<div id="gal_63" class="css63">
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines03.jpg"
      data-image="photo/gal_63/marines03.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines05.jpg"
      data-image="photo/gal_63/marines05.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines10.jpg"
      data-image="photo/gal_63/marines10.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines12.jpg"
      data-image="photo/gal_63/marines12.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines16.jpg"
      data-image="photo/gal_63/marines16.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines18.jpg"
      data-image="photo/gal_63/marines18.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines21.jpg"
      data-image="photo/gal_63/marines21.jpg"
      data-description=""
      style="display:none;" />
  </a>
  <a href="#z2">
    <img alt=""
      src="photo/gal_63/vgnt/marines23.jpg"
      data-image="photo/gal_63/marines23.jpg"
      data-description=""
      style="display:none;" />
  </a>
</div>