This section is used to display a collection of images which are clickable to view a fancy boxed image.


Available Options:


Output:

Code:


<div class="darkout-section">
{% include do-gallery.html tag="modules" columns= 3 image-space="true" %}
</div>


How to add images:

- image: /assets/images/gallery/img-2.jpg  # Add image url here. Image dimension 1024px X 768px (WXH)
  title:  # Use gallery title name here
  tags: modules  # Use gallery tag name here

How to add in page:


Output:

Code:


<div class="darkout-section">
{% include do-gallery.html tag="modules" columns= 3 image-space="false" %}
</div>


How to add images:

- image: /assets/images/gallery/img-2.jpg  # Add image url here. Image dimension 1024px X 768px (WXH)
  title:  # Use gallery title name here
  tags: modules  # Use gallery tag name here

How to add in page:


Output:

Code:


<div class="darkout-section">
{% include do-gallery.html tag="modules" columns= 2 %}
</div>


How to add images:

- image: /assets/images/gallery/img-2.jpg  # Add image url here. Image dimension 1024px X 768px (WXH)
  title:  # Use gallery title name here
  tags: modules  # Use gallery tag name here

How to add in page: